diff --git a/wp-includes/assets/script-loader-packages.min.php b/wp-includes/assets/script-loader-packages.min.php index ee9adce6fd..55ea694bb9 100644 --- a/wp-includes/assets/script-loader-packages.min.php +++ b/wp-includes/assets/script-loader-packages.min.php @@ -1 +1 @@ - array('dependencies' => array('wp-dom-ready', 'wp-i18n', 'wp-polyfill'), 'version' => 'ecce20f002eda4c19664'), 'annotations.min.js' => array('dependencies' => array('wp-data', 'wp-hooks', 'wp-i18n', 'wp-polyfill', 'wp-rich-text'), 'version' => '1720fc5d5c76f53a1740'), 'api-fetch.min.js' => array('dependencies' => array('wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => 'bc0029ca2c943aec5311'), 'autop.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '43197d709df445ccf849'), 'blob.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'a078f260190acf405764'), 'block-directory.min.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '000a47d4ebe2ceac3593'), 'block-editor.min.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', '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-style-engine', 'wp-token-list', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => '55297235c458636e4c88'), 'block-library.min.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-autop', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-viewport'), 'version' => '47ab1160a36b689c35c0'), 'block-serialization-default-parser.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'eb2cdc8cd7a7975d49d9'), 'blocks.min.js' => array('dependencies' => array('lodash', 'wp-autop', 'wp-blob', 'wp-block-serialization-default-parser', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-shortcode'), 'version' => '33dce471a1da502e2188'), 'components.min.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-compose', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-hooks', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-warning'), 'version' => '158c33916de845cceb31'), 'compose.min.js' => array('dependencies' => array('lodash', 'react', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-priority-queue'), 'version' => '37228270687b2a94e518'), 'core-data.min.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-blocks', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-url'), 'version' => 'd8d458b31912f858bcdf'), 'customize-widgets.min.js' => array('dependencies' => array('lodash', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-widgets'), 'version' => '1fddf6d27e5c3aeddd54'), 'data.min.js' => array('dependencies' => array('lodash', 'react', 'wp-compose', 'wp-deprecated', 'wp-element', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-priority-queue', 'wp-redux-routine'), 'version' => 'd8cf5b24f99c64ae47d6'), 'data-controls.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-data', 'wp-deprecated', 'wp-polyfill'), 'version' => 'e10d473d392daa8501e8'), 'date.min.js' => array('dependencies' => array('moment', 'wp-deprecated', 'wp-polyfill'), 'version' => '0466d37b47c7b81dca40'), 'deprecated.min.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '6c963cb9494ba26b77eb'), 'dom.min.js' => array('dependencies' => array('wp-deprecated', 'wp-polyfill'), 'version' => '133a042fbbef48f38107'), 'dom-ready.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '392bdd43726760d1f3ca'), 'edit-post.min.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-url', 'wp-viewport', 'wp-warning'), 'version' => '2baffbeec6cbe5171dee'), 'edit-site.min.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-style-engine', 'wp-url', 'wp-viewport'), 'version' => '3ab3e2570a5c4c270c72'), 'edit-widgets.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-url', 'wp-viewport', 'wp-widgets'), 'version' => 'f920c6385e705b28f823'), 'editor.min.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-wordcount'), 'version' => 'a5f37ed4f2310e8a7187'), 'element.min.js' => array('dependencies' => array('react', 'react-dom', 'wp-escape-html', 'wp-polyfill'), 'version' => '47162ff4492c7ec4956b'), 'escape-html.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '03e27a7b6ae14f7afaa6'), 'format-library.min.js' => array('dependencies' => array('wp-a11y', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-url'), 'version' => '57876a359eac66da202b'), 'hooks.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '4169d3cf8e8d95a3d6d5'), 'html-entities.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '36a4a255da7dd2e1bf8e'), 'i18n.min.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '9e794f35a71bb98672ae'), 'is-shallow-equal.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '20c2b06ecf04afb14fee'), 'keyboard-shortcuts.min.js' => array('dependencies' => array('wp-data', 'wp-element', 'wp-keycodes', 'wp-polyfill'), 'version' => 'b696c16720133edfc065'), 'keycodes.min.js' => array('dependencies' => array('lodash', 'wp-i18n', 'wp-polyfill'), 'version' => '6e0aadc0106bd8aadc89'), 'list-reusable-blocks.min.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'f97bc9cc3a1cd21b8c8e'), 'media-utils.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-blob', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '17f6455b0630582352a4'), 'notices.min.js' => array('dependencies' => array('wp-data', 'wp-polyfill'), 'version' => '9c1575b7a31659f45a45'), 'nux.min.js' => array('dependencies' => array('wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '038c48e26a91639ae8ab'), 'plugins.min.js' => array('dependencies' => array('wp-compose', 'wp-element', 'wp-hooks', 'wp-polyfill', 'wp-primitives'), 'version' => '0d1b90278bae7df6ecf9'), 'preferences.min.js' => array('dependencies' => array('wp-a11y', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '5e6c91c252c0e040f379'), 'preferences-persistence.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-polyfill'), 'version' => 'c5543628aa7ff5bd5be4'), 'primitives.min.js' => array('dependencies' => array('wp-element', 'wp-polyfill'), 'version' => 'ae0bece54c0487c976b1'), 'priority-queue.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '99e325da95c5a35c7dc2'), 'redux-routine.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'c9ea6c0df793258797e6'), 'reusable-blocks.min.js' => array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '3fb4b31e589a583a362e'), 'rich-text.min.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-keycodes', 'wp-polyfill'), 'version' => 'c704284bebe26cf1dd51'), 'server-side-render.min.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => 'ba8027ee85d65ae23ec7'), 'shortcode.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '7539044b04e6bca57f2e'), 'style-engine.min.js' => array('dependencies' => array('lodash', 'wp-polyfill'), 'version' => '10341d6e6decffab850e'), 'token-list.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'f2cf0bb3ae80de227e43'), 'url.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '8008a63539e6d0a411f9'), 'viewport.min.js' => array('dependencies' => array('lodash', 'wp-compose', 'wp-data', 'wp-element', 'wp-polyfill'), 'version' => 'a9868d184d07e4c94fe4'), 'warning.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '4acee5fc2fd9a24cefc2'), 'widgets.min.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives'), 'version' => 'ec7c547bc8a579c6061e'), 'wordcount.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'feb9569307aec24292f2')); + array('dependencies' => array('wp-dom-ready', 'wp-i18n', 'wp-polyfill'), 'version' => 'ecce20f002eda4c19664'), 'annotations.min.js' => array('dependencies' => array('wp-data', 'wp-hooks', 'wp-i18n', 'wp-polyfill', 'wp-rich-text'), 'version' => '1720fc5d5c76f53a1740'), 'api-fetch.min.js' => array('dependencies' => array('wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => 'bc0029ca2c943aec5311'), 'autop.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '43197d709df445ccf849'), 'blob.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'e7b4ea96175a89b263e2'), 'block-directory.min.js' => array('dependencies' => array('wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '9c45b8d28fc867ceed45'), 'block-editor.min.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-experiments', '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-style-engine', 'wp-token-list', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => '9778ada2b7532ce3547e'), 'block-library.min.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-autop', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-experiments', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-viewport'), 'version' => '1736184caf5b2cf49e3f'), 'block-serialization-default-parser.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '30ffd7e7e199f10b2a6d'), 'blocks.min.js' => array('dependencies' => array('lodash', 'wp-autop', 'wp-blob', 'wp-block-serialization-default-parser', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-shortcode'), 'version' => '639e14271099dc3d85bf'), 'components.min.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-compose', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-warning'), 'version' => 'e37ea59ecf423996b411'), 'compose.min.js' => array('dependencies' => array('react', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-priority-queue'), 'version' => '0d0320f45a7c34b53f34'), 'core-data.min.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-blocks', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-url'), 'version' => 'fc0de6bb17aa25caf698'), 'customize-widgets.min.js' => array('dependencies' => array('wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-widgets'), 'version' => '2e9918bbd2bb965a1c5b'), 'data.min.js' => array('dependencies' => array('lodash', 'wp-compose', 'wp-deprecated', 'wp-element', 'wp-experiments', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-priority-queue', 'wp-redux-routine'), 'version' => '44ce08e2e8d1d36191c0'), 'data-controls.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-data', 'wp-deprecated', 'wp-polyfill'), 'version' => 'e10d473d392daa8501e8'), 'date.min.js' => array('dependencies' => array('moment', 'wp-deprecated', 'wp-polyfill'), 'version' => 'f8550b1212d715fbf745'), 'deprecated.min.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '6c963cb9494ba26b77eb'), 'dom.min.js' => array('dependencies' => array('wp-deprecated', 'wp-polyfill'), 'version' => 'e03c89e1dd68aee1cb3a'), 'dom-ready.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '392bdd43726760d1f3ca'), 'edit-post.min.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-url', 'wp-viewport', 'wp-warning', 'wp-widgets'), 'version' => 'e768cb09e794bfc3f817'), 'edit-site.min.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-url', 'wp-viewport', 'wp-widgets'), 'version' => 'e515632d6affc2ecfe09'), 'edit-widgets.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-url', 'wp-viewport', 'wp-widgets'), 'version' => '171584eed72658ba7e62'), 'editor.min.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-wordcount'), 'version' => 'e40dc59ec48f54636dd6'), 'element.min.js' => array('dependencies' => array('react', 'react-dom', 'wp-escape-html', 'wp-polyfill'), 'version' => '03d3efe862cc12b89c2e'), 'escape-html.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '03e27a7b6ae14f7afaa6'), 'experiments.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '7a09a31152667ba2d915'), 'format-library.min.js' => array('dependencies' => array('wp-a11y', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-url'), 'version' => 'cd4a10ec005e2f001978'), 'hooks.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '4169d3cf8e8d95a3d6d5'), 'html-entities.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '36a4a255da7dd2e1bf8e'), 'i18n.min.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '9e794f35a71bb98672ae'), 'is-shallow-equal.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '20c2b06ecf04afb14fee'), 'keyboard-shortcuts.min.js' => array('dependencies' => array('wp-data', 'wp-element', 'wp-keycodes', 'wp-polyfill'), 'version' => 'b696c16720133edfc065'), 'keycodes.min.js' => array('dependencies' => array('lodash', 'wp-i18n', 'wp-polyfill'), 'version' => 'b755dcd6aeedb0b754e0'), 'list-reusable-blocks.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'cd5fa2e68a534174e31f'), 'media-utils.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-blob', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'f837b6298c83612cd6f6'), 'notices.min.js' => array('dependencies' => array('wp-data', 'wp-polyfill'), 'version' => '9c1575b7a31659f45a45'), 'nux.min.js' => array('dependencies' => array('wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '038c48e26a91639ae8ab'), 'plugins.min.js' => array('dependencies' => array('wp-compose', 'wp-element', 'wp-hooks', 'wp-polyfill', 'wp-primitives'), 'version' => '0d1b90278bae7df6ecf9'), 'preferences.min.js' => array('dependencies' => array('wp-a11y', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => 'c66e137a7e588dab54c3'), 'preferences-persistence.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-polyfill'), 'version' => 'c5543628aa7ff5bd5be4'), 'primitives.min.js' => array('dependencies' => array('wp-element', 'wp-polyfill'), 'version' => 'dfac1545e52734396640'), 'priority-queue.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '422e19e9d48b269c5219'), 'redux-routine.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'd86e7e9f062d7582f76b'), 'reusable-blocks.min.js' => array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'a7367a6154c724b51b31'), 'rich-text.min.js' => array('dependencies' => array('wp-a11y', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-keycodes', 'wp-polyfill'), 'version' => '29557b2dbbe17d0d4317'), 'server-side-render.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => 'd1bc93277666143a3f5e'), 'shortcode.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '7539044b04e6bca57f2e'), 'style-engine.min.js' => array('dependencies' => array('lodash', 'wp-polyfill'), 'version' => '528e6cf281ffc9b7bd3c'), 'token-list.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'f2cf0bb3ae80de227e43'), 'url.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '16185fce2fb043a0cfed'), 'viewport.min.js' => array('dependencies' => array('wp-compose', 'wp-data', 'wp-element', 'wp-polyfill'), 'version' => '4f6bd168b2b8b45c8a6b'), 'warning.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => '4acee5fc2fd9a24cefc2'), 'widgets.min.js' => array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives'), 'version' => '943ce7f84e164b9462c1'), 'wordcount.min.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'feb9569307aec24292f2')); diff --git a/wp-includes/assets/script-loader-packages.php b/wp-includes/assets/script-loader-packages.php index 59d062ed0c..704d28b34b 100644 --- a/wp-includes/assets/script-loader-packages.php +++ b/wp-includes/assets/script-loader-packages.php @@ -1 +1 @@ - array('dependencies' => array('wp-dom-ready', 'wp-i18n', 'wp-polyfill'), 'version' => '0ee61caf926b8a5c5f27'), 'annotations.js' => array('dependencies' => array('wp-data', 'wp-hooks', 'wp-i18n', 'wp-polyfill', 'wp-rich-text'), 'version' => '4d49f11a15c40df3bf3c'), 'api-fetch.js' => array('dependencies' => array('wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => '68af4ed41fa8a1b94f61'), 'autop.js' => array('dependencies' => array('wp-polyfill'), 'version' => '9dfc70c5ecb460ef802d'), 'blob.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'f399de5d2cca2ba06e55'), 'block-directory.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '84c3270417f6d77cbff3'), 'block-editor.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', '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-style-engine', 'wp-token-list', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => 'ca9789533f0297537ac7'), 'block-library.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-autop', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-viewport'), 'version' => 'd2fac9d96f4e3b6367f7'), 'block-serialization-default-parser.js' => array('dependencies' => array('wp-polyfill'), 'version' => '30a33cdc4ffbbc35a130'), 'blocks.js' => array('dependencies' => array('lodash', 'wp-autop', 'wp-blob', 'wp-block-serialization-default-parser', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-shortcode'), 'version' => '88efd91386737d53b743'), 'components.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-compose', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-hooks', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-warning'), 'version' => '739e013203b0f4e7d792'), 'compose.js' => array('dependencies' => array('lodash', 'react', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-priority-queue'), 'version' => '925bee26b59dc57e9dba'), 'core-data.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-blocks', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-url'), 'version' => '7f0e550a9fa7a0fe5852'), 'customize-widgets.js' => array('dependencies' => array('lodash', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-widgets'), 'version' => 'c466f6c7a9e1870f2576'), 'data.js' => array('dependencies' => array('lodash', 'react', 'wp-compose', 'wp-deprecated', 'wp-element', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-priority-queue', 'wp-redux-routine'), 'version' => 'fd71fceb1a902c894958'), 'data-controls.js' => array('dependencies' => array('wp-api-fetch', 'wp-data', 'wp-deprecated', 'wp-polyfill'), 'version' => 'a9db8689c0dc134496f2'), 'date.js' => array('dependencies' => array('moment', 'wp-deprecated', 'wp-polyfill'), 'version' => 'b63986bd2ce07c050ca0'), 'deprecated.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '9a578dedacc95dee5274'), 'dom.js' => array('dependencies' => array('wp-deprecated', 'wp-polyfill'), 'version' => '0bdd7e8b5f3e6b3e4f23'), 'dom-ready.js' => array('dependencies' => array('wp-polyfill'), 'version' => '7c25017459f1da90355d'), 'edit-post.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-url', 'wp-viewport', 'wp-warning'), 'version' => '1061d7ff888412c29dbd'), 'edit-site.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-style-engine', 'wp-url', 'wp-viewport'), 'version' => '57c32e094ec701e52d1e'), 'edit-widgets.js' => array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-url', 'wp-viewport', 'wp-widgets'), 'version' => '177f53685ed86cbf335e'), 'editor.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-wordcount'), 'version' => '00b5ca546553b59929eb'), 'element.js' => array('dependencies' => array('react', 'react-dom', 'wp-escape-html', 'wp-polyfill'), 'version' => '01c7e9b5b7aeb483b671'), 'escape-html.js' => array('dependencies' => array('wp-polyfill'), 'version' => '6cf743ecc1ac531a8ee6'), 'format-library.js' => array('dependencies' => array('wp-a11y', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-url'), 'version' => '4d9518b6c2303134d04d'), 'hooks.js' => array('dependencies' => array('wp-polyfill'), 'version' => '3ad9b2919ff3fc96ce63'), 'html-entities.js' => array('dependencies' => array('wp-polyfill'), 'version' => '87ef261e846b76e5a37b'), 'i18n.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '0343553cc8c879477a4a'), 'is-shallow-equal.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'b8f723a062b0818425f1'), 'keyboard-shortcuts.js' => array('dependencies' => array('wp-data', 'wp-element', 'wp-keycodes', 'wp-polyfill'), 'version' => 'c0a3ff6807caba574f49'), 'keycodes.js' => array('dependencies' => array('lodash', 'wp-i18n', 'wp-polyfill'), 'version' => 'b526e3a0b3efe3e1db57'), 'list-reusable-blocks.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '99e9d883544fb82def11'), 'media-utils.js' => array('dependencies' => array('wp-api-fetch', 'wp-blob', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'fa3efd57b99e42de2511'), 'notices.js' => array('dependencies' => array('wp-data', 'wp-polyfill'), 'version' => '72014f2e1361090a48e0'), 'nux.js' => array('dependencies' => array('wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => 'cd90e6b2a9140895480a'), 'plugins.js' => array('dependencies' => array('wp-compose', 'wp-element', 'wp-hooks', 'wp-polyfill', 'wp-primitives'), 'version' => 'a1e931fed20d1cbc28a5'), 'preferences.js' => array('dependencies' => array('wp-a11y', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => '1ccaf796fd08f9846fee'), 'preferences-persistence.js' => array('dependencies' => array('wp-api-fetch', 'wp-polyfill'), 'version' => 'a37f96da541fc329d755'), 'primitives.js' => array('dependencies' => array('wp-element', 'wp-polyfill'), 'version' => '2d223a09b836a1055c76'), 'priority-queue.js' => array('dependencies' => array('wp-polyfill'), 'version' => '89a06fece4e5da47ee3c'), 'redux-routine.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'd427502c4125dcb97f11'), 'reusable-blocks.js' => array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '6e19595079613bf52004'), 'rich-text.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-keycodes', 'wp-polyfill'), 'version' => '00fbc94ef96d29308b79'), 'server-side-render.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => '6b181889313d9a5ca061'), 'shortcode.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'dd642c4c64afd77fed8c'), 'style-engine.js' => array('dependencies' => array('lodash', 'wp-polyfill'), 'version' => '98b21ce036e0b1524d64'), 'token-list.js' => array('dependencies' => array('wp-polyfill'), 'version' => '0aa873f736c379f28e78'), 'url.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'b176573a705044778088'), 'viewport.js' => array('dependencies' => array('lodash', 'wp-compose', 'wp-data', 'wp-element', 'wp-polyfill'), 'version' => 'ace825eed73256c2c553'), 'warning.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'aa73c6d9a1563e863795'), 'widgets.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives'), 'version' => '61d80b9002317922373b'), 'wordcount.js' => array('dependencies' => array('wp-polyfill'), 'version' => '27e23086e41dbb80f874')); + array('dependencies' => array('wp-dom-ready', 'wp-i18n', 'wp-polyfill'), 'version' => '0ee61caf926b8a5c5f27'), 'annotations.js' => array('dependencies' => array('wp-data', 'wp-hooks', 'wp-i18n', 'wp-polyfill', 'wp-rich-text'), 'version' => '4d49f11a15c40df3bf3c'), 'api-fetch.js' => array('dependencies' => array('wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => '68af4ed41fa8a1b94f61'), 'autop.js' => array('dependencies' => array('wp-polyfill'), 'version' => '9dfc70c5ecb460ef802d'), 'blob.js' => array('dependencies' => array('wp-polyfill'), 'version' => '4358553d8083f2393262'), 'block-directory.js' => array('dependencies' => array('wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'f0a8770c8b4a8ec390b9'), 'block-editor.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-experiments', '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-style-engine', 'wp-token-list', 'wp-url', 'wp-warning', 'wp-wordcount'), 'version' => 'dd96f2eff7bdcb62ad58'), 'block-library.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-autop', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-experiments', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-viewport'), 'version' => '7f5df05f100ab1988433'), 'block-serialization-default-parser.js' => array('dependencies' => array('wp-polyfill'), 'version' => '659c02a916d332d198d3'), 'blocks.js' => array('dependencies' => array('lodash', 'wp-autop', 'wp-blob', 'wp-block-serialization-default-parser', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-shortcode'), 'version' => '5f23cda55814f981387d'), 'components.js' => array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-a11y', 'wp-compose', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-escape-html', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-warning'), 'version' => '4aa02313b99280e05385'), 'compose.js' => array('dependencies' => array('react', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-is-shallow-equal', 'wp-keycodes', 'wp-polyfill', 'wp-priority-queue'), 'version' => '4a01b5f18e2b115f2d26'), 'core-data.js' => array('dependencies' => array('lodash', 'wp-api-fetch', 'wp-blocks', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-url'), 'version' => '60feb4306fe9534bc937'), 'customize-widgets.js' => array('dependencies' => array('wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-i18n', 'wp-is-shallow-equal', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-widgets'), 'version' => 'a405a30834ee954f062e'), 'data.js' => array('dependencies' => array('lodash', 'wp-compose', 'wp-deprecated', 'wp-element', 'wp-experiments', 'wp-is-shallow-equal', 'wp-polyfill', 'wp-priority-queue', 'wp-redux-routine'), 'version' => '4e1b9ac8415a57bb2fe7'), 'data-controls.js' => array('dependencies' => array('wp-api-fetch', 'wp-data', 'wp-deprecated', 'wp-polyfill'), 'version' => 'a9db8689c0dc134496f2'), 'date.js' => array('dependencies' => array('moment', 'wp-deprecated', 'wp-polyfill'), 'version' => '9cf52367916dd73a1aeb'), 'deprecated.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '9a578dedacc95dee5274'), 'dom.js' => array('dependencies' => array('wp-deprecated', 'wp-polyfill'), 'version' => 'b93565ec9d5379c780ad'), 'dom-ready.js' => array('dependencies' => array('wp-polyfill'), 'version' => '7c25017459f1da90355d'), 'edit-post.js' => array('dependencies' => array('lodash', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-url', 'wp-viewport', 'wp-warning', 'wp-widgets'), 'version' => 'ada5f5427bea7260ab00'), 'edit-site.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-editor', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-url', 'wp-viewport', 'wp-widgets'), 'version' => '3c4ccc248460d2b1a31c'), 'edit-widgets.js' => array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-block-library', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-plugins', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-url', 'wp-viewport', 'wp-widgets'), 'version' => '2036a798a13339745ee7'), 'editor.js' => array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-deprecated', 'wp-dom', 'wp-element', 'wp-experiments', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keyboard-shortcuts', 'wp-keycodes', 'wp-media-utils', 'wp-notices', 'wp-polyfill', 'wp-preferences', 'wp-primitives', 'wp-reusable-blocks', 'wp-rich-text', 'wp-server-side-render', 'wp-url', 'wp-wordcount'), 'version' => '4f3db509e0116a50ea33'), 'element.js' => array('dependencies' => array('react', 'react-dom', 'wp-escape-html', 'wp-polyfill'), 'version' => '32f2aaffba82f1904a9b'), 'escape-html.js' => array('dependencies' => array('wp-polyfill'), 'version' => '6cf743ecc1ac531a8ee6'), 'experiments.js' => array('dependencies' => array('wp-polyfill'), 'version' => '26fe282451f7e704225c'), 'format-library.js' => array('dependencies' => array('wp-a11y', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-rich-text', 'wp-url'), 'version' => 'cf8adce62678d9a64c60'), 'hooks.js' => array('dependencies' => array('wp-polyfill'), 'version' => '3ad9b2919ff3fc96ce63'), 'html-entities.js' => array('dependencies' => array('wp-polyfill'), 'version' => '87ef261e846b76e5a37b'), 'i18n.js' => array('dependencies' => array('wp-hooks', 'wp-polyfill'), 'version' => '0343553cc8c879477a4a'), 'is-shallow-equal.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'b8f723a062b0818425f1'), 'keyboard-shortcuts.js' => array('dependencies' => array('wp-data', 'wp-element', 'wp-keycodes', 'wp-polyfill'), 'version' => 'd9997e5c243ce7427d4e'), 'keycodes.js' => array('dependencies' => array('lodash', 'wp-i18n', 'wp-polyfill'), 'version' => 'f704e5ec64a150dc3da6'), 'list-reusable-blocks.js' => array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-compose', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '25beb2547d1f3ac97be2'), 'media-utils.js' => array('dependencies' => array('wp-api-fetch', 'wp-blob', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => 'b53823237263f9d526b5'), 'notices.js' => array('dependencies' => array('wp-data', 'wp-polyfill'), 'version' => '72014f2e1361090a48e0'), 'nux.js' => array('dependencies' => array('wp-components', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => 'cd90e6b2a9140895480a'), 'plugins.js' => array('dependencies' => array('wp-compose', 'wp-element', 'wp-hooks', 'wp-polyfill', 'wp-primitives'), 'version' => '86345f1b98bd487fb760'), 'preferences.js' => array('dependencies' => array('wp-a11y', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives'), 'version' => 'b68672fbcc78e405d114'), 'preferences-persistence.js' => array('dependencies' => array('wp-api-fetch', 'wp-polyfill'), 'version' => 'd4082da1f03df7787408'), 'primitives.js' => array('dependencies' => array('wp-element', 'wp-polyfill'), 'version' => '16174c161e15be86c4e6'), 'priority-queue.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'c1d62738f06e87528f62'), 'redux-routine.js' => array('dependencies' => array('wp-polyfill'), 'version' => '847fa8b3d926b1bcf533'), 'reusable-blocks.js' => array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '7ae393123206d036f3d9'), 'rich-text.js' => array('dependencies' => array('wp-a11y', 'wp-compose', 'wp-data', 'wp-deprecated', 'wp-element', 'wp-escape-html', 'wp-i18n', 'wp-keycodes', 'wp-polyfill'), 'version' => 'b844e727d75133fead36'), 'server-side-render.js' => array('dependencies' => array('wp-api-fetch', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-url'), 'version' => 'a92cb36becaeba47ce44'), 'shortcode.js' => array('dependencies' => array('wp-polyfill'), 'version' => '51bfa0ce50c94567c1d2'), 'style-engine.js' => array('dependencies' => array('lodash', 'wp-polyfill'), 'version' => '41dca70fa912251373d1'), 'token-list.js' => array('dependencies' => array('wp-polyfill'), 'version' => '0aa873f736c379f28e78'), 'url.js' => array('dependencies' => array('wp-polyfill'), 'version' => '51470de6b529e717152a'), 'viewport.js' => array('dependencies' => array('wp-compose', 'wp-data', 'wp-element', 'wp-polyfill'), 'version' => '2769d3f5d7462b726ba8'), 'warning.js' => array('dependencies' => array('wp-polyfill'), 'version' => 'aa73c6d9a1563e863795'), 'widgets.js' => array('dependencies' => array('wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-element', 'wp-i18n', 'wp-notices', 'wp-polyfill', 'wp-primitives'), 'version' => '9c8407c203d2fd7274d1'), 'wordcount.js' => array('dependencies' => array('wp-polyfill'), 'version' => '27e23086e41dbb80f874')); diff --git a/wp-includes/blocks/archives.php b/wp-includes/blocks/archives.php index afbf400fed..695affde76 100644 --- a/wp-includes/blocks/archives.php +++ b/wp-includes/blocks/archives.php @@ -17,11 +17,12 @@ function render_block_core_archives( $attributes ) { $show_post_count = ! empty( $attributes['showPostCounts'] ); $type = isset( $attributes['type'] ) ? $attributes['type'] : 'monthly'; - $class = ''; + + $class = 'wp-block-archives-list'; if ( ! empty( $attributes['displayAsDropdown'] ) ) { - $class .= ' wp-block-archives-dropdown'; + $class = 'wp-block-archives-dropdown'; $dropdown_id = wp_unique_id( 'wp-block-archives-' ); $title = __( 'Archives' ); @@ -40,9 +41,7 @@ function render_block_core_archives( $attributes ) { $archives = wp_get_archives( $dropdown_args ); - $classnames = esc_attr( $class ); - - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classnames ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $class ) ); switch ( $dropdown_args['type'] ) { case 'yearly': @@ -75,8 +74,6 @@ function render_block_core_archives( $attributes ) { ); } - $class .= ' wp-block-archives-list'; - /** This filter is documented in wp-includes/widgets/class-wp-widget-archives.php */ $archives_args = apply_filters( 'widget_archives_args', diff --git a/wp-includes/blocks/archives/block.json b/wp-includes/blocks/archives/block.json index 3e589af452..edc6895e14 100644 --- a/wp-includes/blocks/archives/block.json +++ b/wp-includes/blocks/archives/block.json @@ -26,6 +26,7 @@ }, "supports": { "align": true, + "anchor": true, "html": false, "spacing": { "margin": true, diff --git a/wp-includes/blocks/archives/style-rtl.css b/wp-includes/blocks/archives/style-rtl.css index 9f26e8b404..703c91c9d7 100644 --- a/wp-includes/blocks/archives/style-rtl.css +++ b/wp-includes/blocks/archives/style-rtl.css @@ -1,3 +1,7 @@ +.wp-block-archives{ + box-sizing:border-box; +} + .wp-block-archives-dropdown label{ display:block; } \ No newline at end of file diff --git a/wp-includes/blocks/archives/style-rtl.min.css b/wp-includes/blocks/archives/style-rtl.min.css index cb7e0a8285..2c498f0f19 100644 --- a/wp-includes/blocks/archives/style-rtl.min.css +++ b/wp-includes/blocks/archives/style-rtl.min.css @@ -1 +1 @@ -.wp-block-archives-dropdown label{display:block} \ No newline at end of file +.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block} \ No newline at end of file diff --git a/wp-includes/blocks/archives/style.css b/wp-includes/blocks/archives/style.css index 9f26e8b404..703c91c9d7 100644 --- a/wp-includes/blocks/archives/style.css +++ b/wp-includes/blocks/archives/style.css @@ -1,3 +1,7 @@ +.wp-block-archives{ + box-sizing:border-box; +} + .wp-block-archives-dropdown label{ display:block; } \ No newline at end of file diff --git a/wp-includes/blocks/archives/style.min.css b/wp-includes/blocks/archives/style.min.css index cb7e0a8285..2c498f0f19 100644 --- a/wp-includes/blocks/archives/style.min.css +++ b/wp-includes/blocks/archives/style.min.css @@ -1 +1 @@ -.wp-block-archives-dropdown label{display:block} \ No newline at end of file +.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block} \ No newline at end of file diff --git a/wp-includes/blocks/avatar.php b/wp-includes/blocks/avatar.php index f6e3f6a7ee..25f3ad88dc 100644 --- a/wp-includes/blocks/avatar.php +++ b/wp-includes/blocks/avatar.php @@ -100,7 +100,7 @@ function render_block_core_avatar( $attributes, $content, $block ) { $label = 'aria-label="' . sprintf( esc_attr__( '(%s author archive, opens in a new tab)' ), $author_name ) . '"'; } // translators: %1$s: Author archive link. %2$s: Link target. %3$s Aria label. %4$s Avatar image. - $avatar_block = sprintf( '%4$s', get_author_posts_url( $author_id ), esc_attr( $attributes['linkTarget'] ), $label, $avatar_block ); + $avatar_block = sprintf( '%4$s', esc_url( get_author_posts_url( $author_id ) ), esc_attr( $attributes['linkTarget'] ), $label, $avatar_block ); } return sprintf( '
%2s
', $wrapper_attributes, $avatar_block ); } diff --git a/wp-includes/blocks/avatar/block.json b/wp-includes/blocks/avatar/block.json index bceef63ad6..3fbb6dd922 100644 --- a/wp-includes/blocks/avatar/block.json +++ b/wp-includes/blocks/avatar/block.json @@ -4,7 +4,7 @@ "name": "core/avatar", "title": "Avatar", "category": "theme", - "description": "Add a user's avatar.", + "description": "Add a user’s avatar.", "textdomain": "default", "attributes": { "userId": { @@ -25,6 +25,7 @@ }, "usesContext": [ "postType", "postId", "commentId" ], "supports": { + "anchor": true, "html": false, "align": true, "alignWide": false, diff --git a/wp-includes/blocks/block.php b/wp-includes/blocks/block.php index 2cfd672aa3..d51b35d68b 100644 --- a/wp-includes/blocks/block.php +++ b/wp-includes/blocks/block.php @@ -27,8 +27,7 @@ function render_block_core_block( $attributes ) { if ( isset( $seen_refs[ $attributes['ref'] ] ) ) { // WP_DEBUG_DISPLAY must only be honored when WP_DEBUG. This precedent // is set in `wp_debug_mode()`. - $is_debug = defined( 'WP_DEBUG' ) && WP_DEBUG && - defined( 'WP_DEBUG_DISPLAY' ) && WP_DEBUG_DISPLAY; + $is_debug = WP_DEBUG && WP_DEBUG_DISPLAY; return $is_debug ? // translators: Visible only in the front end, this warning takes the place of a faulty block. diff --git a/wp-includes/blocks/block/block.json b/wp-includes/blocks/block/block.json index 8d850ef1c3..f472fd0f47 100644 --- a/wp-includes/blocks/block/block.json +++ b/wp-includes/blocks/block/block.json @@ -15,6 +15,5 @@ "customClassName": false, "html": false, "inserter": false - }, - "editorStyle": "wp-block-editor" + } } diff --git a/wp-includes/blocks/block/editor-rtl.css b/wp-includes/blocks/block/editor-rtl.css index 34d5221be2..da6bc3641d 100644 --- a/wp-includes/blocks/block/editor-rtl.css +++ b/wp-includes/blocks/block/editor-rtl.css @@ -7,4 +7,14 @@ } .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{ display:none; +} + +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; } \ No newline at end of file diff --git a/wp-includes/blocks/block/editor-rtl.min.css b/wp-includes/blocks/block/editor-rtl.min.css index 121415a09e..cd6495b52e 100644 --- a/wp-includes/blocks/block/editor-rtl.min.css +++ b/wp-includes/blocks/block/editor-rtl.min.css @@ -1 +1 @@ -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none} \ No newline at end of file +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff} \ No newline at end of file diff --git a/wp-includes/blocks/block/editor.css b/wp-includes/blocks/block/editor.css index 34d5221be2..da6bc3641d 100644 --- a/wp-includes/blocks/block/editor.css +++ b/wp-includes/blocks/block/editor.css @@ -7,4 +7,14 @@ } .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{ display:none; +} + +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; } \ No newline at end of file diff --git a/wp-includes/blocks/block/editor.min.css b/wp-includes/blocks/block/editor.min.css index 121415a09e..cd6495b52e 100644 --- a/wp-includes/blocks/block/editor.min.css +++ b/wp-includes/blocks/block/editor.min.css @@ -1 +1 @@ -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none} \ No newline at end of file +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff} \ No newline at end of file diff --git a/wp-includes/blocks/blocks-json.php b/wp-includes/blocks/blocks-json.php index 4f9b68e444..55cea3a528 100644 --- a/wp-includes/blocks/blocks-json.php +++ b/wp-includes/blocks/blocks-json.php @@ -1 +1 @@ - array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/archives', 'title' => 'Archives', 'category' => 'widgets', 'description' => 'Display a date archive of your posts.', 'textdomain' => 'default', 'attributes' => array('displayAsDropdown' => array('type' => 'boolean', 'default' => false), 'showLabel' => array('type' => 'boolean', 'default' => true), 'showPostCounts' => array('type' => 'boolean', 'default' => false), 'type' => array('type' => 'string', 'default' => 'monthly')), 'supports' => array('align' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-archives-editor'), 'audio' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/audio', 'title' => 'Audio', 'category' => 'media', 'description' => 'Embed a simple audio player.', 'keywords' => array('music', 'sound', 'podcast', 'recording'), 'textdomain' => 'default', 'attributes' => array('src' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'src', '__experimentalRole' => 'content'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', '__experimentalRole' => 'content'), 'id' => array('type' => 'number', '__experimentalRole' => 'content'), 'autoplay' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'autoplay'), 'loop' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'loop'), 'preload' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'preload')), 'supports' => array('anchor' => true, 'align' => true, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-audio-editor', 'style' => 'wp-block-audio'), 'avatar' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/avatar', 'title' => 'Avatar', 'category' => 'theme', 'description' => 'Add a user\'s avatar.', 'textdomain' => 'default', 'attributes' => array('userId' => array('type' => 'number'), 'size' => array('type' => 'number', 'default' => 96), 'isLink' => array('type' => 'boolean', 'default' => false), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'usesContext' => array('postType', 'postId', 'commentId'), 'supports' => array('html' => false, 'align' => true, 'alignWide' => false, 'spacing' => array('margin' => true, 'padding' => true), '__experimentalBorder' => array('__experimentalSkipSerialization' => true, 'radius' => true, 'width' => true, 'color' => true, 'style' => true, '__experimentalDefaultControls' => array('radius' => true)), 'color' => array('text' => false, 'background' => false, '__experimentalDuotone' => 'img')), 'editorStyle' => 'wp-block-avatar', 'style' => 'wp-block-avatar'), 'block' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/block', 'title' => 'Reusable block', 'category' => 'reusable', 'description' => 'Create and save content to reuse across your site. Update the block, and the changes apply everywhere it’s used.', 'textdomain' => 'default', 'attributes' => array('ref' => array('type' => 'number')), 'supports' => array('customClassName' => false, 'html' => false, 'inserter' => false), 'editorStyle' => 'wp-block-editor'), 'button' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/button', 'title' => 'Button', 'category' => 'design', 'parent' => array('core/buttons'), 'description' => 'Prompt visitors to take action with a button-style link.', 'keywords' => array('link'), 'textdomain' => 'default', 'attributes' => array('url' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'href'), 'title' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'title'), 'text' => array('type' => 'string', 'source' => 'html', 'selector' => 'a'), 'linkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'target'), 'rel' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'rel'), 'placeholder' => array('type' => 'string'), 'backgroundColor' => array('type' => 'string'), 'textColor' => array('type' => 'string'), 'gradient' => array('type' => 'string'), 'width' => array('type' => 'number')), 'supports' => array('anchor' => true, 'align' => true, 'alignWide' => false, 'color' => array('__experimentalSkipSerialization' => true, 'gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'reusable' => false, 'spacing' => array('__experimentalSkipSerialization' => true, 'padding' => array('horizontal', 'vertical'), '__experimentalDefaultControls' => array('padding' => true)), '__experimentalBorder' => array('radius' => true, '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('radius' => true)), '__experimentalSelector' => '.wp-block-button .wp-block-button__link'), 'styles' => array(array('name' => 'fill', 'label' => 'Fill', 'isDefault' => true), array('name' => 'outline', 'label' => 'Outline')), 'editorStyle' => 'wp-block-button-editor', 'style' => 'wp-block-button'), 'buttons' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/buttons', 'title' => 'Buttons', 'category' => 'design', 'description' => 'Prompt visitors to take action with a group of button-style links.', 'keywords' => array('link'), 'textdomain' => 'default', 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), '__experimentalExposeControlsToChildren' => true, 'spacing' => array('blockGap' => true, 'margin' => array('top', 'bottom'), '__experimentalDefaultControls' => array('blockGap' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'default' => array('type' => 'flex'))), 'editorStyle' => 'wp-block-buttons-editor', 'style' => 'wp-block-buttons'), 'calendar' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/calendar', 'title' => 'Calendar', 'category' => 'widgets', 'description' => 'A calendar of your site’s posts.', 'keywords' => array('posts', 'archive'), 'textdomain' => 'default', 'attributes' => array('month' => array('type' => 'integer'), 'year' => array('type' => 'integer')), 'supports' => array('align' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-calendar'), 'categories' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/categories', 'title' => 'Categories List', 'category' => 'widgets', 'description' => 'Display a list of all categories.', 'textdomain' => 'default', 'attributes' => array('displayAsDropdown' => array('type' => 'boolean', 'default' => false), 'showHierarchy' => array('type' => 'boolean', 'default' => false), 'showPostCounts' => array('type' => 'boolean', 'default' => false), 'showOnlyTopLevel' => array('type' => 'boolean', 'default' => false), 'showEmpty' => array('type' => 'boolean', 'default' => false)), 'supports' => array('align' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-categories-editor', 'style' => 'wp-block-categories'), 'code' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/code', 'title' => 'Code', 'category' => 'text', 'description' => 'Display code snippets that respect your spacing and tabs.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html', 'selector' => 'code')), 'supports' => array('anchor' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'spacing' => array('margin' => array('top', 'bottom'), 'padding' => true), '__experimentalBorder' => array('radius' => true, 'color' => true, 'width' => true, 'style' => true, '__experimentalDefaultControls' => array('width' => true, 'color' => true)), 'color' => array('text' => true, 'background' => true, 'gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true))), 'style' => 'wp-block-code'), 'column' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/column', 'title' => 'Column', 'category' => 'text', 'parent' => array('core/columns'), 'description' => 'A single column within a columns block.', 'textdomain' => 'default', 'attributes' => array('verticalAlignment' => array('type' => 'string'), 'width' => array('type' => 'string'), 'allowedBlocks' => array('type' => 'array'), 'templateLock' => array('type' => array('string', 'boolean'), 'enum' => array('all', 'insert', 'contentOnly', false))), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('blockGap' => true, 'padding' => true, '__experimentalDefaultControls' => array('padding' => true)), '__experimentalBorder' => array('color' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'style' => true, 'width' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalLayout' => true)), 'columns' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/columns', 'title' => 'Columns', 'category' => 'design', 'description' => 'Display content in multiple columns, with blocks added to each column.', 'textdomain' => 'default', 'attributes' => array('verticalAlignment' => array('type' => 'string'), 'isStackedOnMobile' => array('type' => 'boolean', 'default' => true)), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('blockGap' => array('__experimentalDefault' => '2em', 'sides' => array('horizontal', 'vertical')), 'margin' => array('top', 'bottom'), 'padding' => true, '__experimentalDefaultControls' => array('padding' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowEditing' => false, 'default' => array('type' => 'flex', 'flexWrap' => 'nowrap')), '__experimentalBorder' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-columns-editor', 'style' => 'wp-block-columns'), 'comment-author-name' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-author-name', 'title' => 'Comment Author Name', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays the name of the author of the comment.', 'textdomain' => 'default', 'attributes' => array('isLink' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string', 'default' => '_self'), 'textAlign' => array('type' => 'string')), 'usesContext' => array('commentId'), 'supports' => array('html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comment-content' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-content', 'title' => 'Comment Content', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays the contents of a comment.', 'textdomain' => 'default', 'usesContext' => array('commentId'), 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'spacing' => array('padding' => array('horizontal', 'vertical'), '__experimentalDefaultControls' => array('padding' => true)), 'html' => false)), 'comment-date' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-date', 'title' => 'Comment Date', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays the date on which the comment was posted.', 'textdomain' => 'default', 'attributes' => array('format' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => true)), 'usesContext' => array('commentId'), 'supports' => array('html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comment-edit-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-edit-link', 'title' => 'Comment Edit Link', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays a link to edit the comment in the WordPress Dashboard. This link is only visible to users with the edit comment capability.', 'textdomain' => 'default', 'usesContext' => array('commentId'), 'attributes' => array('linkTarget' => array('type' => 'string', 'default' => '_self'), 'textAlign' => array('type' => 'string')), 'supports' => array('html' => false, 'color' => array('link' => true, 'gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comment-reply-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-reply-link', 'title' => 'Comment Reply Link', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays a link to reply to a comment.', 'textdomain' => 'default', 'usesContext' => array('commentId'), 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('color' => array('gradients' => true, 'link' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'html' => false)), 'comment-template' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-template', 'title' => 'Comment Template', 'category' => 'design', 'parent' => array('core/comments'), 'description' => 'Contains the block elements used to display a comment, like the title, date, author, avatar and more.', 'textdomain' => 'default', 'usesContext' => array('postId'), 'supports' => array('reusable' => false, 'html' => false, 'align' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-comment-template'), 'comments' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments', 'title' => 'Comments', 'category' => 'theme', 'description' => 'An advanced block that allows displaying post comments using different visual configurations.', 'textdomain' => 'default', 'attributes' => array('tagName' => array('type' => 'string', 'default' => 'div'), 'legacy' => array('type' => 'boolean', 'default' => false)), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-comments-editor', 'usesContext' => array('postId', 'postType')), 'comments-pagination' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination', 'title' => 'Comments Pagination', 'category' => 'theme', 'parent' => array('core/comments'), 'description' => 'Displays a paginated navigation to next/previous set of comments, when applicable.', 'textdomain' => 'default', 'attributes' => array('paginationArrow' => array('type' => 'string', 'default' => 'none')), 'providesContext' => array('comments/paginationArrow' => 'paginationArrow'), 'supports' => array('align' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'default' => array('type' => 'flex')), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-comments-pagination-editor', 'style' => 'wp-block-comments-pagination'), 'comments-pagination-next' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination-next', 'title' => 'Comments Next Page', 'category' => 'theme', 'parent' => array('core/comments-pagination'), 'description' => 'Displays the next comment\'s page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('postId', 'comments/paginationArrow'), 'supports' => array('reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comments-pagination-numbers' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination-numbers', 'title' => 'Comments Page Numbers', 'category' => 'theme', 'parent' => array('core/comments-pagination'), 'description' => 'Displays a list of page numbers for comments pagination.', 'textdomain' => 'default', 'usesContext' => array('postId'), 'supports' => array('reusable' => false, 'html' => false, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comments-pagination-previous' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination-previous', 'title' => 'Comments Previous Page', 'category' => 'theme', 'parent' => array('core/comments-pagination'), 'description' => 'Displays the previous comment\'s page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('postId', 'comments/paginationArrow'), 'supports' => array('reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comments-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-title', 'title' => 'Comments Title', 'category' => 'theme', 'ancestor' => array('core/comments'), 'description' => 'Displays a title with the number of comments', 'textdomain' => 'default', 'usesContext' => array('postId', 'postType'), 'attributes' => array('textAlign' => array('type' => 'string'), 'showPostTitle' => array('type' => 'boolean', 'default' => true), 'showCommentsCount' => array('type' => 'boolean', 'default' => true), 'level' => array('type' => 'number', 'default' => 2)), 'supports' => array('anchor' => false, 'align' => true, 'html' => false, '__experimentalBorder' => array('radius' => true, 'color' => true, 'width' => true, 'style' => true), 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true)))), 'cover' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/cover', 'title' => 'Cover', 'category' => 'media', 'description' => 'Add an image or video with a text overlay — great for headers.', 'textdomain' => 'default', 'attributes' => array('url' => array('type' => 'string'), 'useFeaturedImage' => array('type' => 'boolean', 'default' => false), 'id' => array('type' => 'number'), 'alt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'alt', 'default' => ''), 'hasParallax' => array('type' => 'boolean', 'default' => false), 'isRepeated' => array('type' => 'boolean', 'default' => false), 'dimRatio' => array('type' => 'number', 'default' => 100), 'overlayColor' => array('type' => 'string'), 'customOverlayColor' => array('type' => 'string'), 'backgroundType' => array('type' => 'string', 'default' => 'image'), 'focalPoint' => array('type' => 'object'), 'minHeight' => array('type' => 'number'), 'minHeightUnit' => array('type' => 'string'), 'gradient' => array('type' => 'string'), 'customGradient' => array('type' => 'string'), 'contentPosition' => array('type' => 'string'), 'isDark' => array('type' => 'boolean', 'default' => true), 'allowedBlocks' => array('type' => 'array'), 'templateLock' => array('type' => array('string', 'boolean'), 'enum' => array('all', 'insert', 'contentOnly', false))), 'usesContext' => array('postId', 'postType'), 'supports' => array('anchor' => true, 'align' => true, 'html' => false, 'spacing' => array('padding' => true, 'margin' => array('top', 'bottom'), '__experimentalDefaultControls' => array('padding' => true)), 'color' => array('__experimentalDuotone' => '> .wp-block-cover__image-background, > .wp-block-cover__video-background', 'text' => false, 'background' => false), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-cover-editor', 'style' => 'wp-block-cover'), 'embed' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/embed', 'title' => 'Embed', 'category' => 'embed', 'description' => 'Add a block that displays content pulled from other sites, like Twitter or YouTube.', 'textdomain' => 'default', 'attributes' => array('url' => array('type' => 'string'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption'), 'type' => array('type' => 'string'), 'providerNameSlug' => array('type' => 'string'), 'allowResponsive' => array('type' => 'boolean', 'default' => true), 'responsive' => array('type' => 'boolean', 'default' => false), 'previewable' => array('type' => 'boolean', 'default' => true)), 'supports' => array('align' => true), 'editorStyle' => 'wp-block-embed-editor', 'style' => 'wp-block-embed'), 'file' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/file', 'title' => 'File', 'category' => 'media', 'description' => 'Add a link to a downloadable file.', 'keywords' => array('document', 'pdf', 'download'), 'textdomain' => 'default', 'attributes' => array('id' => array('type' => 'number'), 'href' => array('type' => 'string'), 'fileId' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a:not([download])', 'attribute' => 'id'), 'fileName' => array('type' => 'string', 'source' => 'html', 'selector' => 'a:not([download])'), 'textLinkHref' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a:not([download])', 'attribute' => 'href'), 'textLinkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a:not([download])', 'attribute' => 'target'), 'showDownloadButton' => array('type' => 'boolean', 'default' => true), 'downloadButtonText' => array('type' => 'string', 'source' => 'html', 'selector' => 'a[download]'), 'displayPreview' => array('type' => 'boolean'), 'previewHeight' => array('type' => 'number', 'default' => 600)), 'supports' => array('anchor' => true, 'align' => true), 'viewScript' => 'file:./view.min.js', 'editorStyle' => 'wp-block-file-editor', 'style' => 'wp-block-file'), 'freeform' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/freeform', 'title' => 'Classic', 'category' => 'text', 'description' => 'Use the classic WordPress editor.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html')), 'supports' => array('className' => false, 'customClassName' => false, 'reusable' => false), 'editorStyle' => 'wp-block-freeform-editor'), 'gallery' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/gallery', 'title' => 'Gallery', 'category' => 'media', 'description' => 'Display multiple images in a rich gallery.', 'keywords' => array('images', 'photos'), 'textdomain' => 'default', 'attributes' => array('images' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => '.blocks-gallery-item', 'query' => array('url' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'src'), 'fullUrl' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'data-full-url'), 'link' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'data-link'), 'alt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'alt', 'default' => ''), 'id' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'data-id'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => '.blocks-gallery-item__caption'))), 'ids' => array('type' => 'array', 'items' => array('type' => 'number'), 'default' => array()), 'shortCodeTransforms' => array('type' => 'array', 'default' => array(), 'items' => array('type' => 'object')), 'columns' => array('type' => 'number', 'minimum' => 1, 'maximum' => 8), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => '.blocks-gallery-caption'), 'imageCrop' => array('type' => 'boolean', 'default' => true), 'fixedHeight' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string'), 'linkTo' => array('type' => 'string'), 'sizeSlug' => array('type' => 'string', 'default' => 'large'), 'allowResize' => array('type' => 'boolean', 'default' => false)), 'providesContext' => array('allowResize' => 'allowResize', 'imageCrop' => 'imageCrop', 'fixedHeight' => 'fixedHeight'), 'supports' => array('anchor' => true, 'align' => true, 'html' => false, 'units' => array('px', 'em', 'rem', 'vh', 'vw'), 'spacing' => array('margin' => true, 'padding' => true, 'blockGap' => array('horizontal', 'vertical'), '__experimentalSkipSerialization' => array('blockGap'), '__experimentalDefaultControls' => array('blockGap' => true)), 'color' => array('text' => false, 'background' => true, 'gradients' => true), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowEditing' => false, 'default' => array('type' => 'flex'))), 'editorStyle' => 'wp-block-gallery-editor', 'style' => 'wp-block-gallery'), 'group' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/group', 'title' => 'Group', 'category' => 'design', 'description' => 'Gather blocks in a layout container.', 'keywords' => array('container', 'wrapper', 'row', 'section'), 'textdomain' => 'default', 'attributes' => array('tagName' => array('type' => 'string', 'default' => 'div'), 'templateLock' => array('type' => array('string', 'boolean'), 'enum' => array('all', 'insert', 'contentOnly', false))), 'supports' => array('__experimentalOnEnter' => true, '__experimentalSettings' => true, 'align' => array('wide', 'full'), 'anchor' => true, 'ariaLabel' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => array('top', 'bottom'), 'padding' => true, 'blockGap' => true, '__experimentalDefaultControls' => array('padding' => true, 'blockGap' => true)), '__experimentalBorder' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalLayout' => true), 'editorStyle' => 'wp-block-group-editor', 'style' => 'wp-block-group'), 'heading' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/heading', 'title' => 'Heading', 'category' => 'text', 'description' => 'Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.', 'keywords' => array('title', 'subtitle'), 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'content' => array('type' => 'string', 'source' => 'html', 'selector' => 'h1,h2,h3,h4,h5,h6', 'default' => '', '__experimentalRole' => 'content'), 'level' => array('type' => 'number', 'default' => 2), 'placeholder' => array('type' => 'string')), 'supports' => array('align' => array('wide', 'full'), 'anchor' => true, 'className' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true, 'textTransform' => true)), '__experimentalSelector' => 'h1,h2,h3,h4,h5,h6', '__unstablePasteTextInline' => true, '__experimentalSlashInserter' => true), 'editorStyle' => 'wp-block-heading-editor', 'style' => 'wp-block-heading'), 'home-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/home-link', 'category' => 'design', 'parent' => array('core/navigation'), 'title' => 'Home Link', 'description' => 'Create a link that always points to the homepage of the site. Usually not necessary if there is already a site title link present in the header.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'fontSize', 'customFontSize', 'style'), 'supports' => array('reusable' => false, 'html' => false, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-home-link-editor', 'style' => 'wp-block-home-link'), 'html' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/html', 'title' => 'Custom HTML', 'category' => 'widgets', 'description' => 'Add custom HTML code and preview it as you edit.', 'keywords' => array('embed'), 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html')), 'supports' => array('customClassName' => false, 'className' => false, 'html' => false), 'editorStyle' => 'wp-block-html-editor'), 'image' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/image', 'title' => 'Image', 'category' => 'media', 'usesContext' => array('allowResize', 'imageCrop', 'fixedHeight'), 'description' => 'Insert an image to make a visual statement.', 'keywords' => array('img', 'photo', 'picture'), 'textdomain' => 'default', 'attributes' => array('align' => array('type' => 'string'), 'url' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'src', '__experimentalRole' => 'content'), 'alt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'alt', 'default' => '', '__experimentalRole' => 'content'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', '__experimentalRole' => 'content'), 'title' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'title', '__experimentalRole' => 'content'), 'href' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'href', '__experimentalRole' => 'content'), 'rel' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'rel'), 'linkClass' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'class'), 'id' => array('type' => 'number', '__experimentalRole' => 'content'), 'width' => array('type' => 'number'), 'height' => array('type' => 'number'), 'sizeSlug' => array('type' => 'string'), 'linkDestination' => array('type' => 'string'), 'linkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'target')), 'supports' => array('anchor' => true, 'color' => array('__experimentalDuotone' => 'img, .components-placeholder', 'text' => false, 'background' => false), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalSelector' => 'img, .wp-block-image__crop-area', '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'width' => true))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'rounded', 'label' => 'Rounded')), 'editorStyle' => 'wp-block-image-editor', 'style' => 'wp-block-image'), 'latest-comments' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/latest-comments', 'title' => 'Latest Comments', 'category' => 'widgets', 'description' => 'Display a list of your most recent comments.', 'keywords' => array('recent comments'), 'textdomain' => 'default', 'attributes' => array('commentsToShow' => array('type' => 'number', 'default' => 5, 'minimum' => 1, 'maximum' => 100), 'displayAvatar' => array('type' => 'boolean', 'default' => true), 'displayDate' => array('type' => 'boolean', 'default' => true), 'displayExcerpt' => array('type' => 'boolean', 'default' => true)), 'supports' => array('align' => true, 'html' => false), 'editorStyle' => 'wp-block-latest-comments-editor', 'style' => 'wp-block-latest-comments'), 'latest-posts' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/latest-posts', 'title' => 'Latest Posts', 'category' => 'widgets', 'description' => 'Display a list of your most recent posts.', 'keywords' => array('recent posts'), 'textdomain' => 'default', 'attributes' => array('categories' => array('type' => 'array', 'items' => array('type' => 'object')), 'selectedAuthor' => array('type' => 'number'), 'postsToShow' => array('type' => 'number', 'default' => 5), 'displayPostContent' => array('type' => 'boolean', 'default' => false), 'displayPostContentRadio' => array('type' => 'string', 'default' => 'excerpt'), 'excerptLength' => array('type' => 'number', 'default' => 55), 'displayAuthor' => array('type' => 'boolean', 'default' => false), 'displayPostDate' => array('type' => 'boolean', 'default' => false), 'postLayout' => array('type' => 'string', 'default' => 'list'), 'columns' => array('type' => 'number', 'default' => 3), 'order' => array('type' => 'string', 'default' => 'desc'), 'orderBy' => array('type' => 'string', 'default' => 'date'), 'displayFeaturedImage' => array('type' => 'boolean', 'default' => false), 'featuredImageAlign' => array('type' => 'string', 'enum' => array('left', 'center', 'right')), 'featuredImageSizeSlug' => array('type' => 'string', 'default' => 'thumbnail'), 'featuredImageSizeWidth' => array('type' => 'number', 'default' => null), 'featuredImageSizeHeight' => array('type' => 'number', 'default' => null), 'addLinkToFeaturedImage' => array('type' => 'boolean', 'default' => false)), 'supports' => array('align' => true, 'html' => false, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-latest-posts-editor', 'style' => 'wp-block-latest-posts'), 'legacy-widget' => array('apiVersion' => 2, 'name' => 'core/legacy-widget', 'title' => 'Legacy Widget', 'category' => 'widgets', 'description' => 'Display a legacy widget.', 'textdomain' => 'default', 'attributes' => array('id' => array('type' => 'string', 'default' => null), 'idBase' => array('type' => 'string', 'default' => null), 'instance' => array('type' => 'object', 'default' => null)), 'supports' => array('html' => false, 'customClassName' => false, 'reusable' => false), 'editorStyle' => 'wp-block-legacy-widget-editor'), 'list' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/list', 'title' => 'List', 'category' => 'text', 'description' => 'Create a bulleted or numbered list.', 'keywords' => array('bullet list', 'ordered list', 'numbered list'), 'textdomain' => 'default', 'attributes' => array('ordered' => array('type' => 'boolean', 'default' => false, '__experimentalRole' => 'content'), 'values' => array('type' => 'string', 'source' => 'html', 'selector' => 'ol,ul', 'multiline' => 'li', '__unstableMultilineWrapperTags' => array('ol', 'ul'), 'default' => '', '__experimentalRole' => 'content'), 'type' => array('type' => 'string'), 'start' => array('type' => 'number'), 'reversed' => array('type' => 'boolean'), 'placeholder' => array('type' => 'string')), 'supports' => array('anchor' => true, 'className' => false, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), '__unstablePasteTextInline' => true, '__experimentalSelector' => 'ol,ul', '__experimentalSlashInserter' => true), 'editorStyle' => 'wp-block-list-editor', 'style' => 'wp-block-list'), 'list-item' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/list-item', 'title' => 'List item', 'category' => 'text', 'parent' => array('core/list'), 'description' => 'Create a list item.', 'textdomain' => 'default', 'attributes' => array('placeholder' => array('type' => 'string'), 'content' => array('type' => 'string', 'source' => 'html', 'selector' => 'li', 'default' => '', '__experimentalRole' => 'content')), 'supports' => array('className' => false, '__experimentalSelector' => 'li')), 'loginout' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/loginout', 'title' => 'Login/out', 'category' => 'theme', 'description' => 'Show login & logout links.', 'keywords' => array('login', 'logout', 'form'), 'textdomain' => 'default', 'attributes' => array('displayLoginAsForm' => array('type' => 'boolean', 'default' => false), 'redirectToCurrent' => array('type' => 'boolean', 'default' => true)), 'supports' => array('className' => true, 'typography' => array('fontSize' => false))), 'media-text' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/media-text', 'title' => 'Media & Text', 'category' => 'media', 'description' => 'Set media and words side-by-side for a richer layout.', 'keywords' => array('image', 'video'), 'textdomain' => 'default', 'attributes' => array('align' => array('type' => 'string', 'default' => 'wide'), 'mediaAlt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure img', 'attribute' => 'alt', 'default' => '', '__experimentalRole' => 'content'), 'mediaPosition' => array('type' => 'string', 'default' => 'left'), 'mediaId' => array('type' => 'number', '__experimentalRole' => 'content'), 'mediaUrl' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure video,figure img', 'attribute' => 'src', '__experimentalRole' => 'content'), 'mediaLink' => array('type' => 'string'), 'linkDestination' => array('type' => 'string'), 'linkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'target'), 'href' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'href', '__experimentalRole' => 'content'), 'rel' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'rel'), 'linkClass' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'class'), 'mediaType' => array('type' => 'string', '__experimentalRole' => 'content'), 'mediaWidth' => array('type' => 'number', 'default' => 50), 'mediaSizeSlug' => array('type' => 'string'), 'isStackedOnMobile' => array('type' => 'boolean', 'default' => true), 'verticalAlignment' => array('type' => 'string'), 'imageFill' => array('type' => 'boolean'), 'focalPoint' => array('type' => 'object')), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-media-text-editor', 'style' => 'wp-block-media-text'), 'missing' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/missing', 'title' => 'Unsupported', 'category' => 'text', 'description' => 'Your site doesn’t include support for this block.', 'textdomain' => 'default', 'attributes' => array('originalName' => array('type' => 'string'), 'originalUndelimitedContent' => array('type' => 'string'), 'originalContent' => array('type' => 'string', 'source' => 'html')), 'supports' => array('className' => false, 'customClassName' => false, 'inserter' => false, 'html' => false, 'reusable' => false)), 'more' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/more', 'title' => 'More', 'category' => 'design', 'description' => 'Content before this block will be shown in the excerpt on your archives page.', 'keywords' => array('read more'), 'textdomain' => 'default', 'attributes' => array('customText' => array('type' => 'string'), 'noTeaser' => array('type' => 'boolean', 'default' => false)), 'supports' => array('customClassName' => false, 'className' => false, 'html' => false, 'multiple' => false), 'editorStyle' => 'wp-block-more-editor'), 'navigation' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/navigation', 'title' => 'Navigation', 'category' => 'theme', 'description' => 'A collection of blocks that allow visitors to get around your site.', 'keywords' => array('menu', 'navigation', 'links'), 'textdomain' => 'default', 'attributes' => array('ref' => array('type' => 'number'), 'textColor' => array('type' => 'string'), 'customTextColor' => array('type' => 'string'), 'rgbTextColor' => array('type' => 'string'), 'backgroundColor' => array('type' => 'string'), 'customBackgroundColor' => array('type' => 'string'), 'rgbBackgroundColor' => array('type' => 'string'), 'showSubmenuIcon' => array('type' => 'boolean', 'default' => true), 'openSubmenusOnClick' => array('type' => 'boolean', 'default' => false), 'overlayMenu' => array('type' => 'string', 'default' => 'mobile'), 'icon' => array('type' => 'string', 'default' => 'handle'), 'hasIcon' => array('type' => 'boolean', 'default' => true), '__unstableLocation' => array('type' => 'string'), 'overlayBackgroundColor' => array('type' => 'string'), 'customOverlayBackgroundColor' => array('type' => 'string'), 'overlayTextColor' => array('type' => 'string'), 'customOverlayTextColor' => array('type' => 'string'), 'maxNestingLevel' => array('type' => 'number', 'default' => 5)), 'providesContext' => array('textColor' => 'textColor', 'customTextColor' => 'customTextColor', 'backgroundColor' => 'backgroundColor', 'customBackgroundColor' => 'customBackgroundColor', 'overlayTextColor' => 'overlayTextColor', 'customOverlayTextColor' => 'customOverlayTextColor', 'overlayBackgroundColor' => 'overlayBackgroundColor', 'customOverlayBackgroundColor' => 'customOverlayBackgroundColor', 'fontSize' => 'fontSize', 'customFontSize' => 'customFontSize', 'showSubmenuIcon' => 'showSubmenuIcon', 'openSubmenusOnClick' => 'openSubmenusOnClick', 'style' => 'style', 'orientation' => 'orientation', 'maxNestingLevel' => 'maxNestingLevel'), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'inserter' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalTextTransform' => true, '__experimentalFontFamily' => true, '__experimentalLetterSpacing' => true, '__experimentalTextDecoration' => true, '__experimentalSkipSerialization' => array('textDecoration'), '__experimentalDefaultControls' => array('fontSize' => true)), 'spacing' => array('blockGap' => true, 'units' => array('px', 'em', 'rem', 'vh', 'vw'), '__experimentalDefaultControls' => array('blockGap' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowVerticalAlignment' => false, 'default' => array('type' => 'flex')), '__experimentalStyle' => array('elements' => array('link' => array('color' => array('text' => 'inherit'))))), 'viewScript' => array('file:./view.min.js', 'file:./view-modal.min.js'), 'editorStyle' => 'wp-block-navigation-editor', 'style' => 'wp-block-navigation'), 'navigation-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/navigation-link', 'title' => 'Custom Link', 'category' => 'design', 'parent' => array('core/navigation'), 'description' => 'Add a page, link, or another item to your navigation.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string'), 'type' => array('type' => 'string'), 'description' => array('type' => 'string'), 'rel' => array('type' => 'string'), 'id' => array('type' => 'number'), 'opensInNewTab' => array('type' => 'boolean', 'default' => false), 'url' => array('type' => 'string'), 'title' => array('type' => 'string'), 'kind' => array('type' => 'string'), 'isTopLevelLink' => array('type' => 'boolean')), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'overlayTextColor', 'customOverlayTextColor', 'overlayBackgroundColor', 'customOverlayBackgroundColor', 'fontSize', 'customFontSize', 'showSubmenuIcon', 'maxNestingLevel', 'style'), 'supports' => array('reusable' => false, 'html' => false, '__experimentalSlashInserter' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-navigation-link-editor', 'style' => 'wp-block-navigation-link'), 'navigation-submenu' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/navigation-submenu', 'title' => 'Submenu', 'category' => 'design', 'parent' => array('core/navigation'), 'description' => 'Add a submenu to your navigation.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string'), 'type' => array('type' => 'string'), 'description' => array('type' => 'string'), 'rel' => array('type' => 'string'), 'id' => array('type' => 'number'), 'opensInNewTab' => array('type' => 'boolean', 'default' => false), 'url' => array('type' => 'string'), 'title' => array('type' => 'string'), 'kind' => array('type' => 'string'), 'isTopLevelItem' => array('type' => 'boolean')), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'overlayTextColor', 'customOverlayTextColor', 'overlayBackgroundColor', 'customOverlayBackgroundColor', 'fontSize', 'customFontSize', 'showSubmenuIcon', 'maxNestingLevel', 'openSubmenusOnClick', 'style'), 'supports' => array('reusable' => false, 'html' => false), 'editorStyle' => 'wp-block-navigation-submenu-editor', 'style' => 'wp-block-navigation-submenu'), 'nextpage' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/nextpage', 'title' => 'Page Break', 'category' => 'design', 'description' => 'Separate your content into a multi-page experience.', 'keywords' => array('next page', 'pagination'), 'parent' => array('core/post-content'), 'textdomain' => 'default', 'supports' => array('customClassName' => false, 'className' => false, 'html' => false), 'editorStyle' => 'wp-block-nextpage-editor'), 'page-list' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/page-list', 'title' => 'Page List', 'category' => 'widgets', 'description' => 'Display a list of all pages.', 'keywords' => array('menu', 'navigation'), 'textdomain' => 'default', 'attributes' => array(), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'overlayTextColor', 'customOverlayTextColor', 'overlayBackgroundColor', 'customOverlayBackgroundColor', 'fontSize', 'customFontSize', 'showSubmenuIcon', 'style', 'openSubmenusOnClick'), 'supports' => array('reusable' => false, 'html' => false), 'editorStyle' => 'wp-block-page-list-editor', 'style' => 'wp-block-page-list'), 'paragraph' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/paragraph', 'title' => 'Paragraph', 'category' => 'text', 'description' => 'Start with the basic building block of all narrative.', 'keywords' => array('text'), 'textdomain' => 'default', 'attributes' => array('align' => array('type' => 'string'), 'content' => array('type' => 'string', 'source' => 'html', 'selector' => 'p', 'default' => '', '__experimentalRole' => 'content'), 'dropCap' => array('type' => 'boolean', 'default' => false), 'placeholder' => array('type' => 'string'), 'direction' => array('type' => 'string', 'enum' => array('ltr', 'rtl'))), 'supports' => array('anchor' => true, 'className' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalTextDecoration' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalSelector' => 'p', '__unstablePasteTextInline' => true), 'editorStyle' => 'wp-block-paragraph-editor', 'style' => 'wp-block-paragraph'), 'pattern' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/pattern', 'title' => 'Pattern', 'category' => 'theme', 'description' => 'Show a block pattern.', 'supports' => array('html' => false, 'inserter' => false), 'textdomain' => 'default', 'attributes' => array('slug' => array('type' => 'string'))), 'post-author' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-author', 'title' => 'Post Author', 'category' => 'theme', 'description' => 'Display post author details such as name, avatar, and bio.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'avatarSize' => array('type' => 'number', 'default' => 48), 'showAvatar' => array('type' => 'boolean', 'default' => true), 'showBio' => array('type' => 'boolean'), 'byline' => array('type' => 'string')), 'usesContext' => array('postType', 'postId', 'queryId'), 'supports' => array('html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'color' => array('gradients' => true, 'link' => true, '__experimentalDuotone' => '.wp-block-post-author__avatar img', '__experimentalDefaultControls' => array('background' => true, 'text' => true))), 'editorStyle' => 'wp-block-post-author-editor', 'style' => 'wp-block-post-author'), 'post-author-biography' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-author-biography', 'title' => 'Post Author Biography', 'category' => 'theme', 'description' => 'The author biography.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'usesContext' => array('postType', 'postId'), 'supports' => array('spacing' => array('margin' => true, 'padding' => true), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'post-comments-form' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-comments-form', 'title' => 'Post Comments Form', 'category' => 'theme', 'description' => 'Display a post\'s comments form.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'usesContext' => array('postId', 'postType'), 'supports' => array('html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-post-comments-form-editor', 'style' => array('wp-block-post-comments-form', 'wp-block-buttons', 'wp-block-button')), 'post-content' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-content', 'title' => 'Post Content', 'category' => 'theme', 'description' => 'Displays the contents of a post or page.', 'textdomain' => 'default', 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('align' => array('wide', 'full'), 'html' => false, '__experimentalLayout' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-post-content-editor'), 'post-date' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-date', 'title' => 'Post Date', 'category' => 'theme', 'description' => 'Add the date of this post.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'format' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => false), 'displayType' => array('type' => 'string', 'default' => 'date')), 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'post-excerpt' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-excerpt', 'title' => 'Post Excerpt', 'category' => 'theme', 'description' => 'Display a post\'s excerpt.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'moreText' => array('type' => 'string'), 'showMoreOnNewLine' => array('type' => 'boolean', 'default' => true)), 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-post-excerpt-editor', 'style' => 'wp-block-post-excerpt'), 'post-featured-image' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-featured-image', 'title' => 'Post Featured Image', 'category' => 'theme', 'description' => 'Display a post\'s featured image.', 'textdomain' => 'default', 'attributes' => array('isLink' => array('type' => 'boolean', 'default' => false), 'width' => array('type' => 'string'), 'height' => array('type' => 'string'), 'scale' => array('type' => 'string', 'default' => 'cover'), 'sizeSlug' => array('type' => 'string'), 'rel' => array('type' => 'string', 'attribute' => 'rel', 'default' => ''), 'linkTarget' => array('type' => 'string', 'default' => '_self'), 'overlayColor' => array('type' => 'string'), 'customOverlayColor' => array('type' => 'string'), 'dimRatio' => array('type' => 'number', 'default' => 0), 'gradient' => array('type' => 'string'), 'customGradient' => array('type' => 'string')), 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('align' => array('left', 'right', 'center', 'wide', 'full'), 'color' => array('__experimentalDuotone' => 'img, .wp-block-post-featured-image__placeholder, .components-placeholder__illustration, .components-placeholder::before', 'text' => false, 'background' => false), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalSelector' => 'img, .block-editor-media-placeholder, .wp-block-post-featured-image__overlay', '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'width' => true)), 'html' => false, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-post-featured-image-editor', 'style' => 'wp-block-post-featured-image'), 'post-navigation-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-navigation-link', 'title' => 'Post Navigation Link', 'category' => 'theme', 'description' => 'Displays the next or previous post link that is adjacent to the current post.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'type' => array('type' => 'string', 'default' => 'next'), 'label' => array('type' => 'string'), 'showTitle' => array('type' => 'boolean', 'default' => false), 'linkLabel' => array('type' => 'boolean', 'default' => false)), 'supports' => array('reusable' => false, 'html' => false, 'color' => array('link' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'post-template' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-template', 'title' => 'Post Template', 'category' => 'theme', 'parent' => array('core/query'), 'description' => 'Contains the block elements used to render a post, like the title, date, featured image, content or excerpt, and more.', 'textdomain' => 'default', 'usesContext' => array('queryId', 'query', 'queryContext', 'displayLayout', 'templateSlug', 'previewPostType'), 'supports' => array('reusable' => false, 'html' => false, 'align' => true, '__experimentalLayout' => array('allowEditing' => false), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-post-template', 'editorStyle' => 'wp-block-post-template-editor'), 'post-terms' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-terms', 'title' => 'Post Terms', 'category' => 'theme', 'description' => 'Post terms.', 'textdomain' => 'default', 'attributes' => array('term' => array('type' => 'string'), 'textAlign' => array('type' => 'string'), 'separator' => array('type' => 'string', 'default' => ', '), 'prefix' => array('type' => 'string', 'default' => ''), 'suffix' => array('type' => 'string', 'default' => '')), 'usesContext' => array('postId', 'postType'), 'supports' => array('html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-post-terms'), 'post-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-title', 'title' => 'Post Title', 'category' => 'theme', 'description' => 'Displays the title of a post, page, or any other content-type.', 'textdomain' => 'default', 'usesContext' => array('postId', 'postType', 'queryId'), 'attributes' => array('textAlign' => array('type' => 'string'), 'level' => array('type' => 'number', 'default' => 2), 'isLink' => array('type' => 'boolean', 'default' => false), 'rel' => array('type' => 'string', 'attribute' => 'rel', 'default' => ''), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true, 'textTransform' => true))), 'style' => 'wp-block-post-title'), 'preformatted' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/preformatted', 'title' => 'Preformatted', 'category' => 'text', 'description' => 'Add text that respects your spacing and tabs, and also allows styling.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html', 'selector' => 'pre', 'default' => '', '__unstablePreserveWhiteSpace' => true, '__experimentalRole' => 'content')), 'supports' => array('anchor' => true, 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-preformatted'), 'pullquote' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/pullquote', 'title' => 'Pullquote', 'category' => 'text', 'description' => 'Give special visual emphasis to a quote from your text.', 'textdomain' => 'default', 'attributes' => array('value' => array('type' => 'string', 'source' => 'html', 'selector' => 'p', '__experimentalRole' => 'content'), 'citation' => array('type' => 'string', 'source' => 'html', 'selector' => 'cite', 'default' => '', '__experimentalRole' => 'content'), 'textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'align' => array('left', 'right', 'wide', 'full'), 'color' => array('gradients' => true, 'background' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true)), '__experimentalBorder' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true)), '__experimentalStyle' => array('typography' => array('fontSize' => '1.5em', 'lineHeight' => '1.6'))), 'editorStyle' => 'wp-block-pullquote-editor', 'style' => 'wp-block-pullquote'), 'query' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query', 'title' => 'Query Loop', 'category' => 'theme', 'description' => 'An advanced block that allows displaying post types based on different query parameters and visual configurations.', 'textdomain' => 'default', 'attributes' => array('queryId' => array('type' => 'number'), 'query' => array('type' => 'object', 'default' => array('perPage' => null, 'pages' => 0, 'offset' => 0, 'postType' => 'post', 'order' => 'desc', 'orderBy' => 'date', 'author' => '', 'search' => '', 'exclude' => array(), 'sticky' => '', 'inherit' => true, 'taxQuery' => null, 'parents' => array())), 'tagName' => array('type' => 'string', 'default' => 'div'), 'displayLayout' => array('type' => 'object', 'default' => array('type' => 'list')), 'namespace' => array('type' => 'string')), 'providesContext' => array('queryId' => 'queryId', 'query' => 'query', 'displayLayout' => 'displayLayout'), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), '__experimentalLayout' => true), 'editorStyle' => 'wp-block-query-editor'), 'query-no-results' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-no-results', 'title' => 'No results', 'category' => 'theme', 'description' => 'Contains the block elements used to render content when no query results are found.', 'parent' => array('core/query'), 'textdomain' => 'default', 'usesContext' => array('queryId', 'query'), 'supports' => array('align' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'query-pagination' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination', 'title' => 'Pagination', 'category' => 'theme', 'parent' => array('core/query'), 'description' => 'Displays a paginated navigation to next/previous set of posts, when applicable.', 'textdomain' => 'default', 'attributes' => array('paginationArrow' => array('type' => 'string', 'default' => 'none')), 'usesContext' => array('queryId', 'query'), 'providesContext' => array('paginationArrow' => 'paginationArrow'), 'supports' => array('align' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'default' => array('type' => 'flex')), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-query-pagination-editor', 'style' => 'wp-block-query-pagination'), 'query-pagination-next' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination-next', 'title' => 'Next Page', 'category' => 'theme', 'parent' => array('core/query-pagination'), 'description' => 'Displays the next posts page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('queryId', 'query', 'paginationArrow'), 'supports' => array('reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'query-pagination-numbers' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination-numbers', 'title' => 'Page Numbers', 'category' => 'theme', 'parent' => array('core/query-pagination'), 'description' => 'Displays a list of page numbers for pagination', 'textdomain' => 'default', 'usesContext' => array('queryId', 'query'), 'supports' => array('reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'query-pagination-numbers-editor'), 'query-pagination-previous' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination-previous', 'title' => 'Previous Page', 'category' => 'theme', 'parent' => array('core/query-pagination'), 'description' => 'Displays the previous posts page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('queryId', 'query', 'paginationArrow'), 'supports' => array('reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'query-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-title', 'title' => 'Query Title', 'category' => 'theme', 'description' => 'Display the query title.', 'textdomain' => 'default', 'attributes' => array('type' => array('type' => 'string'), 'textAlign' => array('type' => 'string'), 'level' => array('type' => 'number', 'default' => 1), 'showPrefix' => array('type' => 'boolean', 'default' => true), 'showSearchTerm' => array('type' => 'boolean', 'default' => true)), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true, 'textTransform' => true))), 'style' => 'wp-block-query-title'), 'quote' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/quote', 'title' => 'Quote', 'category' => 'text', 'description' => 'Give quoted text visual emphasis. "In quoting others, we cite ourselves." — Julio Cortázar', 'keywords' => array('blockquote', 'cite'), 'textdomain' => 'default', 'attributes' => array('value' => array('type' => 'string', 'source' => 'html', 'selector' => 'blockquote', 'multiline' => 'p', 'default' => '', '__experimentalRole' => 'content'), 'citation' => array('type' => 'string', 'source' => 'html', 'selector' => 'cite', 'default' => '', '__experimentalRole' => 'content'), 'align' => array('type' => 'string')), 'supports' => array('anchor' => true, '__experimentalOnEnter' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true)), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'plain', 'label' => 'Plain')), 'editorStyle' => 'wp-block-quote-editor', 'style' => 'wp-block-quote'), 'read-more' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/read-more', 'title' => 'Read More', 'category' => 'theme', 'description' => 'Displays the link of a post, page, or any other content-type.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string'), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'usesContext' => array('postId'), 'supports' => array('html' => false, 'color' => array('gradients' => true, 'text' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalLetterSpacing' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'textDecoration' => true)), 'spacing' => array('margin' => array('top', 'bottom'), 'padding' => true, '__experimentalDefaultControls' => array('padding' => true)), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalDefaultControls' => array('width' => true))), 'style' => 'wp-block-read-more'), 'rss' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/rss', 'title' => 'RSS', 'category' => 'widgets', 'description' => 'Display entries from any RSS or Atom feed.', 'keywords' => array('atom', 'feed'), 'textdomain' => 'default', 'attributes' => array('columns' => array('type' => 'number', 'default' => 2), 'blockLayout' => array('type' => 'string', 'default' => 'list'), 'feedURL' => array('type' => 'string', 'default' => ''), 'itemsToShow' => array('type' => 'number', 'default' => 5), 'displayExcerpt' => array('type' => 'boolean', 'default' => false), 'displayAuthor' => array('type' => 'boolean', 'default' => false), 'displayDate' => array('type' => 'boolean', 'default' => false), 'excerptLength' => array('type' => 'number', 'default' => 55)), 'supports' => array('align' => true, 'html' => false), 'editorStyle' => 'wp-block-rss-editor', 'style' => 'wp-block-rss'), 'search' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/search', 'title' => 'Search', 'category' => 'widgets', 'description' => 'Help visitors find your content.', 'keywords' => array('find'), 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string', '__experimentalRole' => 'content'), 'showLabel' => array('type' => 'boolean', 'default' => true), 'placeholder' => array('type' => 'string', 'default' => '', '__experimentalRole' => 'content'), 'width' => array('type' => 'number'), 'widthUnit' => array('type' => 'string'), 'buttonText' => array('type' => 'string', '__experimentalRole' => 'content'), 'buttonPosition' => array('type' => 'string', 'default' => 'button-outside'), 'buttonUseIcon' => array('type' => 'boolean', 'default' => false), 'query' => array('type' => 'object', 'default' => array())), 'supports' => array('align' => array('left', 'center', 'right'), 'color' => array('gradients' => true, '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('__experimentalSkipSerialization' => true, '__experimentalSelector' => '.wp-block-search__label, .wp-block-search__input, .wp-block-search__button', 'fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'width' => true)), 'html' => false), 'editorStyle' => 'wp-block-search-editor', 'style' => 'wp-block-search'), 'separator' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/separator', 'title' => 'Separator', 'category' => 'design', 'description' => 'Create a break between ideas or sections with a horizontal separator.', 'keywords' => array('horizontal-line', 'hr', 'divider'), 'textdomain' => 'default', 'attributes' => array('opacity' => array('type' => 'string', 'default' => 'alpha-channel')), 'supports' => array('anchor' => true, 'align' => array('center', 'wide', 'full'), 'color' => array('enableContrastChecker' => false, '__experimentalSkipSerialization' => true, 'gradients' => true, 'background' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'spacing' => array('margin' => array('top', 'bottom'))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'wide', 'label' => 'Wide Line'), array('name' => 'dots', 'label' => 'Dots')), 'editorStyle' => 'wp-block-separator-editor', 'style' => 'wp-block-separator'), 'shortcode' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/shortcode', 'title' => 'Shortcode', 'category' => 'widgets', 'description' => 'Insert additional custom elements with a WordPress shortcode.', 'textdomain' => 'default', 'attributes' => array('text' => array('type' => 'string', 'source' => 'html')), 'supports' => array('className' => false, 'customClassName' => false, 'html' => false), 'editorStyle' => 'wp-block-shortcode-editor'), 'site-logo' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/site-logo', 'title' => 'Site Logo', 'category' => 'theme', 'description' => 'Display a graphic to represent this site. Update the block, and the changes apply everywhere it’s used. This is different than the site icon, which is the smaller image visible in your dashboard, browser tabs, etc used to help others recognize this site.', 'textdomain' => 'default', 'attributes' => array('width' => array('type' => 'number'), 'isLink' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string', 'default' => '_self'), 'shouldSyncIcon' => array('type' => 'boolean')), 'example' => array('viewportWidth' => 500, 'attributes' => array('width' => 350, 'className' => 'block-editor-block-types-list__site-logo-example')), 'supports' => array('html' => false, 'align' => true, 'alignWide' => false, 'color' => array('__experimentalDuotone' => 'img, .components-placeholder__illustration, .components-placeholder::before', 'text' => false, 'background' => false), 'spacing' => array('margin' => true, 'padding' => true)), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'rounded', 'label' => 'Rounded')), 'editorStyle' => 'wp-block-site-logo-editor', 'style' => 'wp-block-site-logo'), 'site-tagline' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/site-tagline', 'title' => 'Site Tagline', 'category' => 'theme', 'description' => 'Describe in a few words what the site is about. The tagline can be used in search results or when sharing on social networks even if it\'s not displayed in the theme design.', 'keywords' => array('description'), 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-site-tagline-editor'), 'site-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/site-title', 'title' => 'Site Title', 'category' => 'theme', 'description' => 'Displays the name of this site. Update the block, and the changes apply everywhere it’s used. This will also appear in the browser title bar and in search results.', 'textdomain' => 'default', 'attributes' => array('level' => array('type' => 'number', 'default' => 1), 'textAlign' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'example' => array('viewportWidth' => 500), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('padding' => true, 'margin' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'lineHeight' => true, 'fontAppearance' => true, 'letterSpacing' => true, 'textTransform' => true))), 'editorStyle' => 'wp-block-site-title-editor'), 'social-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/social-link', 'title' => 'Social Icon', 'category' => 'widgets', 'parent' => array('core/social-links'), 'description' => 'Display an icon linking to a social media profile or site.', 'textdomain' => 'default', 'attributes' => array('url' => array('type' => 'string'), 'service' => array('type' => 'string'), 'label' => array('type' => 'string')), 'usesContext' => array('openInNewTab', 'showLabels', 'iconColorValue', 'iconBackgroundColorValue'), 'supports' => array('reusable' => false, 'html' => false), 'editorStyle' => 'wp-block-social-link-editor'), 'social-links' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/social-links', 'title' => 'Social Icons', 'category' => 'widgets', 'description' => 'Display icons linking to your social media profiles or sites.', 'keywords' => array('links'), 'textdomain' => 'default', 'attributes' => array('iconColor' => array('type' => 'string'), 'customIconColor' => array('type' => 'string'), 'iconColorValue' => array('type' => 'string'), 'iconBackgroundColor' => array('type' => 'string'), 'customIconBackgroundColor' => array('type' => 'string'), 'iconBackgroundColorValue' => array('type' => 'string'), 'openInNewTab' => array('type' => 'boolean', 'default' => false), 'showLabels' => array('type' => 'boolean', 'default' => false), 'size' => array('type' => 'string')), 'providesContext' => array('openInNewTab' => 'openInNewTab', 'showLabels' => 'showLabels', 'iconColorValue' => 'iconColorValue', 'iconBackgroundColorValue' => 'iconBackgroundColorValue'), 'supports' => array('align' => array('left', 'center', 'right'), 'anchor' => true, '__experimentalExposeControlsToChildren' => true, '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowVerticalAlignment' => false, 'default' => array('type' => 'flex')), 'color' => array('enableContrastChecker' => false, 'background' => true, 'gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => false)), 'spacing' => array('blockGap' => array('horizontal', 'vertical'), 'margin' => true, 'padding' => true, 'units' => array('px', 'em', 'rem', 'vh', 'vw'), '__experimentalDefaultControls' => array('blockGap' => true))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'logos-only', 'label' => 'Logos Only'), array('name' => 'pill-shape', 'label' => 'Pill Shape')), 'editorStyle' => 'wp-block-social-links-editor', 'style' => 'wp-block-social-links'), 'spacer' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/spacer', 'title' => 'Spacer', 'category' => 'design', 'description' => 'Add white space between blocks and customize its height.', 'textdomain' => 'default', 'attributes' => array('height' => array('type' => 'string', 'default' => '100px'), 'width' => array('type' => 'string')), 'usesContext' => array('orientation'), 'supports' => array('anchor' => true, 'spacing' => array('margin' => array('top', 'bottom'), '__experimentalDefaultControls' => array('margin' => true))), 'editorStyle' => 'wp-block-spacer-editor', 'style' => 'wp-block-spacer'), 'table' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/table', 'title' => 'Table', 'category' => 'text', 'description' => 'Create structured content in rows and columns to display information.', 'textdomain' => 'default', 'attributes' => array('hasFixedLayout' => array('type' => 'boolean', 'default' => false), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', 'default' => ''), 'head' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'thead tr', 'query' => array('cells' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'td,th', 'query' => array('content' => array('type' => 'string', 'source' => 'html'), 'tag' => array('type' => 'string', 'default' => 'td', 'source' => 'tag'), 'scope' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'scope'), 'align' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'data-align'))))), 'body' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'tbody tr', 'query' => array('cells' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'td,th', 'query' => array('content' => array('type' => 'string', 'source' => 'html'), 'tag' => array('type' => 'string', 'default' => 'td', 'source' => 'tag'), 'scope' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'scope'), 'align' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'data-align'))))), 'foot' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'tfoot tr', 'query' => array('cells' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'td,th', 'query' => array('content' => array('type' => 'string', 'source' => 'html'), 'tag' => array('type' => 'string', 'default' => 'td', 'source' => 'tag'), 'scope' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'scope'), 'align' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'data-align')))))), 'supports' => array('anchor' => true, 'align' => true, 'color' => array('__experimentalSkipSerialization' => true, 'gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalBorder' => array('__experimentalSkipSerialization' => true, 'color' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'style' => true, 'width' => true)), '__experimentalSelector' => '.wp-block-table > table'), 'styles' => array(array('name' => 'regular', 'label' => 'Default', 'isDefault' => true), array('name' => 'stripes', 'label' => 'Stripes')), 'editorStyle' => 'wp-block-table-editor', 'style' => 'wp-block-table'), 'tag-cloud' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/tag-cloud', 'title' => 'Tag Cloud', 'category' => 'widgets', 'description' => 'A cloud of your most used tags.', 'textdomain' => 'default', 'attributes' => array('numberOfTags' => array('type' => 'number', 'default' => 45, 'minimum' => 1, 'maximum' => 100), 'taxonomy' => array('type' => 'string', 'default' => 'post_tag'), 'showTagCounts' => array('type' => 'boolean', 'default' => false), 'smallestFontSize' => array('type' => 'string', 'default' => '8pt'), 'largestFontSize' => array('type' => 'string', 'default' => '22pt')), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'outline', 'label' => 'Outline')), 'supports' => array('html' => false, 'align' => true, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-tag-cloud-editor'), 'template-part' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/template-part', 'title' => 'Template Part', 'category' => 'theme', 'description' => 'Edit the different global regions of your site, like the header, footer, sidebar, or create your own.', 'textdomain' => 'default', 'attributes' => array('slug' => array('type' => 'string'), 'theme' => array('type' => 'string'), 'tagName' => array('type' => 'string'), 'area' => array('type' => 'string')), 'supports' => array('align' => true, 'html' => false, 'reusable' => false), 'editorStyle' => 'wp-block-template-part-editor'), 'term-description' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/term-description', 'title' => 'Term Description', 'category' => 'theme', 'description' => 'Display the description of categories, tags and custom taxonomies when viewing an archive.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('align' => array('wide', 'full'), 'html' => false, 'color' => array('link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('padding' => true, 'margin' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-term-description-editor'), 'text-columns' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/text-columns', 'title' => 'Text Columns (deprecated)', 'icon' => 'columns', 'category' => 'design', 'description' => 'This block is deprecated. Please use the Columns block instead.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'array', 'source' => 'query', 'selector' => 'p', 'query' => array('children' => array('type' => 'string', 'source' => 'html')), 'default' => array(array(), array())), 'columns' => array('type' => 'number', 'default' => 2), 'width' => array('type' => 'string')), 'supports' => array('inserter' => false), 'editorStyle' => 'wp-block-text-columns-editor', 'style' => 'wp-block-text-columns'), 'verse' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/verse', 'title' => 'Verse', 'category' => 'text', 'description' => 'Insert poetry. Use special spacing formats. Or quote song lyrics.', 'keywords' => array('poetry', 'poem'), 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html', 'selector' => 'pre', 'default' => '', '__unstablePreserveWhiteSpace' => true, '__experimentalRole' => 'content'), 'textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, '__experimentalFontFamily' => true, 'lineHeight' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true)), 'spacing' => array('margin' => true, 'padding' => true)), 'style' => 'wp-block-verse', 'editorStyle' => 'wp-block-verse-editor'), 'video' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/video', 'title' => 'Video', 'category' => 'media', 'description' => 'Embed a video from your media library or upload a new one.', 'keywords' => array('movie'), 'textdomain' => 'default', 'attributes' => array('autoplay' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'autoplay'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', '__experimentalRole' => 'content'), 'controls' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'controls', 'default' => true), 'id' => array('type' => 'number', '__experimentalRole' => 'content'), 'loop' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'loop'), 'muted' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'muted'), 'poster' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'poster'), 'preload' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'preload', 'default' => 'metadata'), 'src' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'src', '__experimentalRole' => 'content'), 'playsInline' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'playsinline'), 'tracks' => array('__experimentalRole' => 'content', 'type' => 'array', 'items' => array('type' => 'object'), 'default' => array())), 'supports' => array('anchor' => true, 'align' => true, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-video-editor', 'style' => 'wp-block-video'), 'widget-group' => array('apiVersion' => 2, 'name' => 'core/widget-group', 'category' => 'widgets', 'attributes' => array('title' => array('type' => 'string')), 'supports' => array('html' => false, 'inserter' => true, 'customClassName' => true, 'reusable' => false), 'editorStyle' => 'wp-block-widget-group-editor', 'style' => 'wp-block-widget-group')); \ No newline at end of file + array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/archives', 'title' => 'Archives', 'category' => 'widgets', 'description' => 'Display a date archive of your posts.', 'textdomain' => 'default', 'attributes' => array('displayAsDropdown' => array('type' => 'boolean', 'default' => false), 'showLabel' => array('type' => 'boolean', 'default' => true), 'showPostCounts' => array('type' => 'boolean', 'default' => false), 'type' => array('type' => 'string', 'default' => 'monthly')), 'supports' => array('align' => true, 'anchor' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-archives-editor'), 'audio' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/audio', 'title' => 'Audio', 'category' => 'media', 'description' => 'Embed a simple audio player.', 'keywords' => array('music', 'sound', 'podcast', 'recording'), 'textdomain' => 'default', 'attributes' => array('src' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'src', '__experimentalRole' => 'content'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', '__experimentalRole' => 'content'), 'id' => array('type' => 'number', '__experimentalRole' => 'content'), 'autoplay' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'autoplay'), 'loop' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'loop'), 'preload' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'audio', 'attribute' => 'preload')), 'supports' => array('anchor' => true, 'align' => true, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-audio-editor', 'style' => 'wp-block-audio'), 'avatar' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/avatar', 'title' => 'Avatar', 'category' => 'theme', 'description' => 'Add a user’s avatar.', 'textdomain' => 'default', 'attributes' => array('userId' => array('type' => 'number'), 'size' => array('type' => 'number', 'default' => 96), 'isLink' => array('type' => 'boolean', 'default' => false), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'usesContext' => array('postType', 'postId', 'commentId'), 'supports' => array('anchor' => true, 'html' => false, 'align' => true, 'alignWide' => false, 'spacing' => array('margin' => true, 'padding' => true), '__experimentalBorder' => array('__experimentalSkipSerialization' => true, 'radius' => true, 'width' => true, 'color' => true, 'style' => true, '__experimentalDefaultControls' => array('radius' => true)), 'color' => array('text' => false, 'background' => false, '__experimentalDuotone' => 'img')), 'editorStyle' => 'wp-block-avatar', 'style' => 'wp-block-avatar'), 'block' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/block', 'title' => 'Reusable block', 'category' => 'reusable', 'description' => 'Create and save content to reuse across your site. Update the block, and the changes apply everywhere it’s used.', 'textdomain' => 'default', 'attributes' => array('ref' => array('type' => 'number')), 'supports' => array('customClassName' => false, 'html' => false, 'inserter' => false)), 'button' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/button', 'title' => 'Button', 'category' => 'design', 'parent' => array('core/buttons'), 'description' => 'Prompt visitors to take action with a button-style link.', 'keywords' => array('link'), 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'url' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'href'), 'title' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'title'), 'text' => array('type' => 'string', 'source' => 'html', 'selector' => 'a'), 'linkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'target'), 'rel' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a', 'attribute' => 'rel'), 'placeholder' => array('type' => 'string'), 'backgroundColor' => array('type' => 'string'), 'textColor' => array('type' => 'string'), 'gradient' => array('type' => 'string'), 'width' => array('type' => 'number')), 'supports' => array('anchor' => true, 'align' => false, 'alignWide' => false, 'color' => array('__experimentalSkipSerialization' => true, 'gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'reusable' => false, 'shadow' => true, 'spacing' => array('__experimentalSkipSerialization' => true, 'padding' => array('horizontal', 'vertical'), '__experimentalDefaultControls' => array('padding' => true)), '__experimentalBorder' => array('radius' => true, '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('radius' => true)), '__experimentalSelector' => '.wp-block-button .wp-block-button__link'), 'styles' => array(array('name' => 'fill', 'label' => 'Fill', 'isDefault' => true), array('name' => 'outline', 'label' => 'Outline')), 'editorStyle' => 'wp-block-button-editor', 'style' => 'wp-block-button'), 'buttons' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/buttons', 'title' => 'Buttons', 'category' => 'design', 'description' => 'Prompt visitors to take action with a group of button-style links.', 'keywords' => array('link'), 'textdomain' => 'default', 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), '__experimentalExposeControlsToChildren' => true, 'spacing' => array('blockGap' => true, 'margin' => array('top', 'bottom'), '__experimentalDefaultControls' => array('blockGap' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'default' => array('type' => 'flex'))), 'editorStyle' => 'wp-block-buttons-editor', 'style' => 'wp-block-buttons'), 'calendar' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/calendar', 'title' => 'Calendar', 'category' => 'widgets', 'description' => 'A calendar of your site’s posts.', 'keywords' => array('posts', 'archive'), 'textdomain' => 'default', 'attributes' => array('month' => array('type' => 'integer'), 'year' => array('type' => 'integer')), 'supports' => array('align' => true, 'anchor' => true, 'color' => array('link' => true, '__experimentalSkipSerialization' => array('text', 'background'), '__experimentalDefaultControls' => array('background' => true, 'text' => true), '__experimentalSelector' => 'table, th'), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-calendar'), 'categories' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/categories', 'title' => 'Categories List', 'category' => 'widgets', 'description' => 'Display a list of all categories.', 'textdomain' => 'default', 'attributes' => array('displayAsDropdown' => array('type' => 'boolean', 'default' => false), 'showHierarchy' => array('type' => 'boolean', 'default' => false), 'showPostCounts' => array('type' => 'boolean', 'default' => false), 'showOnlyTopLevel' => array('type' => 'boolean', 'default' => false), 'showEmpty' => array('type' => 'boolean', 'default' => false)), 'supports' => array('align' => true, 'anchor' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-categories-editor', 'style' => 'wp-block-categories'), 'code' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/code', 'title' => 'Code', 'category' => 'text', 'description' => 'Display code snippets that respect your spacing and tabs.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html', 'selector' => 'code')), 'supports' => array('anchor' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'spacing' => array('margin' => array('top', 'bottom'), 'padding' => true), '__experimentalBorder' => array('radius' => true, 'color' => true, 'width' => true, 'style' => true, '__experimentalDefaultControls' => array('width' => true, 'color' => true)), 'color' => array('text' => true, 'background' => true, 'gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true))), 'style' => 'wp-block-code'), 'column' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/column', 'title' => 'Column', 'category' => 'text', 'parent' => array('core/columns'), 'description' => 'A single column within a columns block.', 'textdomain' => 'default', 'attributes' => array('verticalAlignment' => array('type' => 'string'), 'width' => array('type' => 'string'), 'allowedBlocks' => array('type' => 'array'), 'templateLock' => array('type' => array('string', 'boolean'), 'enum' => array('all', 'insert', 'contentOnly', false))), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('blockGap' => true, 'padding' => true, '__experimentalDefaultControls' => array('padding' => true)), '__experimentalBorder' => array('color' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'style' => true, 'width' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalLayout' => true)), 'columns' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/columns', 'title' => 'Columns', 'category' => 'design', 'description' => 'Display content in multiple columns, with blocks added to each column.', 'textdomain' => 'default', 'attributes' => array('verticalAlignment' => array('type' => 'string'), 'isStackedOnMobile' => array('type' => 'boolean', 'default' => true)), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('blockGap' => array('__experimentalDefault' => '2em', 'sides' => array('horizontal', 'vertical')), 'margin' => array('top', 'bottom'), 'padding' => true, '__experimentalDefaultControls' => array('padding' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowEditing' => false, 'default' => array('type' => 'flex', 'flexWrap' => 'nowrap')), '__experimentalBorder' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-columns-editor', 'style' => 'wp-block-columns'), 'comment-author-name' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-author-name', 'title' => 'Comment Author Name', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays the name of the author of the comment.', 'textdomain' => 'default', 'attributes' => array('isLink' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string', 'default' => '_self'), 'textAlign' => array('type' => 'string')), 'usesContext' => array('commentId'), 'supports' => array('anchor' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comment-content' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-content', 'title' => 'Comment Content', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays the contents of a comment.', 'textdomain' => 'default', 'usesContext' => array('commentId'), 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'spacing' => array('padding' => array('horizontal', 'vertical'), '__experimentalDefaultControls' => array('padding' => true)), 'html' => false)), 'comment-date' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-date', 'title' => 'Comment Date', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays the date on which the comment was posted.', 'textdomain' => 'default', 'attributes' => array('format' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => true)), 'usesContext' => array('commentId'), 'supports' => array('anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comment-edit-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-edit-link', 'title' => 'Comment Edit Link', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays a link to edit the comment in the WordPress Dashboard. This link is only visible to users with the edit comment capability.', 'textdomain' => 'default', 'usesContext' => array('commentId'), 'attributes' => array('linkTarget' => array('type' => 'string', 'default' => '_self'), 'textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'html' => false, 'color' => array('link' => true, 'gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comment-reply-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-reply-link', 'title' => 'Comment Reply Link', 'category' => 'theme', 'ancestor' => array('core/comment-template'), 'description' => 'Displays a link to reply to a comment.', 'textdomain' => 'default', 'usesContext' => array('commentId'), 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'color' => array('gradients' => true, 'link' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'html' => false)), 'comment-template' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comment-template', 'title' => 'Comment Template', 'category' => 'design', 'parent' => array('core/comments'), 'description' => 'Contains the block elements used to display a comment, like the title, date, author, avatar and more.', 'textdomain' => 'default', 'usesContext' => array('postId'), 'supports' => array('align' => true, 'anchor' => true, 'html' => false, 'reusable' => false, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-comment-template'), 'comments' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments', 'title' => 'Comments', 'category' => 'theme', 'description' => 'An advanced block that allows displaying post comments using different visual configurations.', 'textdomain' => 'default', 'attributes' => array('tagName' => array('type' => 'string', 'default' => 'div'), 'legacy' => array('type' => 'boolean', 'default' => false)), 'supports' => array('align' => array('wide', 'full'), 'anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-comments-editor', 'usesContext' => array('postId', 'postType')), 'comments-pagination' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination', 'title' => 'Comments Pagination', 'category' => 'theme', 'parent' => array('core/comments'), 'description' => 'Displays a paginated navigation to next/previous set of comments, when applicable.', 'textdomain' => 'default', 'attributes' => array('paginationArrow' => array('type' => 'string', 'default' => 'none')), 'providesContext' => array('comments/paginationArrow' => 'paginationArrow'), 'supports' => array('anchor' => true, 'align' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'default' => array('type' => 'flex')), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-comments-pagination-editor', 'style' => 'wp-block-comments-pagination'), 'comments-pagination-next' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination-next', 'title' => 'Comments Next Page', 'category' => 'theme', 'parent' => array('core/comments-pagination'), 'description' => 'Displays the next comment\'s page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('postId', 'comments/paginationArrow'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comments-pagination-numbers' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination-numbers', 'title' => 'Comments Page Numbers', 'category' => 'theme', 'parent' => array('core/comments-pagination'), 'description' => 'Displays a list of page numbers for comments pagination.', 'textdomain' => 'default', 'usesContext' => array('postId'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comments-pagination-previous' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-pagination-previous', 'title' => 'Comments Previous Page', 'category' => 'theme', 'parent' => array('core/comments-pagination'), 'description' => 'Displays the previous comment\'s page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('postId', 'comments/paginationArrow'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'comments-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/comments-title', 'title' => 'Comments Title', 'category' => 'theme', 'ancestor' => array('core/comments'), 'description' => 'Displays a title with the number of comments', 'textdomain' => 'default', 'usesContext' => array('postId', 'postType'), 'attributes' => array('textAlign' => array('type' => 'string'), 'showPostTitle' => array('type' => 'boolean', 'default' => true), 'showCommentsCount' => array('type' => 'boolean', 'default' => true), 'level' => array('type' => 'number', 'default' => 2)), 'supports' => array('anchor' => false, 'align' => true, 'html' => false, '__experimentalBorder' => array('radius' => true, 'color' => true, 'width' => true, 'style' => true), 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true)))), 'cover' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/cover', 'title' => 'Cover', 'category' => 'media', 'description' => 'Add an image or video with a text overlay — great for headers.', 'textdomain' => 'default', 'attributes' => array('url' => array('type' => 'string'), 'useFeaturedImage' => array('type' => 'boolean', 'default' => false), 'id' => array('type' => 'number'), 'alt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'alt', 'default' => ''), 'hasParallax' => array('type' => 'boolean', 'default' => false), 'isRepeated' => array('type' => 'boolean', 'default' => false), 'dimRatio' => array('type' => 'number', 'default' => 100), 'overlayColor' => array('type' => 'string'), 'customOverlayColor' => array('type' => 'string'), 'backgroundType' => array('type' => 'string', 'default' => 'image'), 'focalPoint' => array('type' => 'object'), 'minHeight' => array('type' => 'number'), 'minHeightUnit' => array('type' => 'string'), 'gradient' => array('type' => 'string'), 'customGradient' => array('type' => 'string'), 'contentPosition' => array('type' => 'string'), 'isDark' => array('type' => 'boolean', 'default' => true), 'allowedBlocks' => array('type' => 'array'), 'templateLock' => array('type' => array('string', 'boolean'), 'enum' => array('all', 'insert', 'contentOnly', false)), 'tagName' => array('type' => 'string', 'default' => 'div')), 'usesContext' => array('postId', 'postType'), 'supports' => array('anchor' => true, 'align' => true, 'html' => false, 'spacing' => array('padding' => true, 'margin' => array('top', 'bottom'), '__experimentalDefaultControls' => array('padding' => true)), 'color' => array('__experimentalDuotone' => '> .wp-block-cover__image-background, > .wp-block-cover__video-background', 'text' => false, 'background' => false), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-cover-editor', 'style' => 'wp-block-cover'), 'embed' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/embed', 'title' => 'Embed', 'category' => 'embed', 'description' => 'Add a block that displays content pulled from other sites, like Twitter or YouTube.', 'textdomain' => 'default', 'attributes' => array('url' => array('type' => 'string', '__experimentalRole' => 'content'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', '__experimentalRole' => 'content'), 'type' => array('type' => 'string', '__experimentalRole' => 'content'), 'providerNameSlug' => array('type' => 'string', '__experimentalRole' => 'content'), 'allowResponsive' => array('type' => 'boolean', 'default' => true), 'responsive' => array('type' => 'boolean', 'default' => false, '__experimentalRole' => 'content'), 'previewable' => array('type' => 'boolean', 'default' => true, '__experimentalRole' => 'content')), 'supports' => array('align' => true), 'editorStyle' => 'wp-block-embed-editor', 'style' => 'wp-block-embed'), 'file' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/file', 'title' => 'File', 'category' => 'media', 'description' => 'Add a link to a downloadable file.', 'keywords' => array('document', 'pdf', 'download'), 'textdomain' => 'default', 'attributes' => array('id' => array('type' => 'number'), 'href' => array('type' => 'string'), 'fileId' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a:not([download])', 'attribute' => 'id'), 'fileName' => array('type' => 'string', 'source' => 'html', 'selector' => 'a:not([download])'), 'textLinkHref' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a:not([download])', 'attribute' => 'href'), 'textLinkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'a:not([download])', 'attribute' => 'target'), 'showDownloadButton' => array('type' => 'boolean', 'default' => true), 'downloadButtonText' => array('type' => 'string', 'source' => 'html', 'selector' => 'a[download]'), 'displayPreview' => array('type' => 'boolean'), 'previewHeight' => array('type' => 'number', 'default' => 600)), 'supports' => array('anchor' => true, 'align' => true), 'viewScript' => 'file:./view.min.js', 'editorStyle' => 'wp-block-file-editor', 'style' => 'wp-block-file'), 'freeform' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/freeform', 'title' => 'Classic', 'category' => 'text', 'description' => 'Use the classic WordPress editor.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html')), 'supports' => array('className' => false, 'customClassName' => false, 'reusable' => false), 'editorStyle' => 'wp-block-freeform-editor'), 'gallery' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/gallery', 'title' => 'Gallery', 'category' => 'media', 'description' => 'Display multiple images in a rich gallery.', 'keywords' => array('images', 'photos'), 'textdomain' => 'default', 'attributes' => array('images' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => '.blocks-gallery-item', 'query' => array('url' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'src'), 'fullUrl' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'data-full-url'), 'link' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'data-link'), 'alt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'alt', 'default' => ''), 'id' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'data-id'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => '.blocks-gallery-item__caption'))), 'ids' => array('type' => 'array', 'items' => array('type' => 'number'), 'default' => array()), 'shortCodeTransforms' => array('type' => 'array', 'default' => array(), 'items' => array('type' => 'object')), 'columns' => array('type' => 'number', 'minimum' => 1, 'maximum' => 8), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => '.blocks-gallery-caption'), 'imageCrop' => array('type' => 'boolean', 'default' => true), 'fixedHeight' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string'), 'linkTo' => array('type' => 'string'), 'sizeSlug' => array('type' => 'string', 'default' => 'large'), 'allowResize' => array('type' => 'boolean', 'default' => false)), 'providesContext' => array('allowResize' => 'allowResize', 'imageCrop' => 'imageCrop', 'fixedHeight' => 'fixedHeight'), 'supports' => array('anchor' => true, 'align' => true, 'html' => false, 'units' => array('px', 'em', 'rem', 'vh', 'vw'), 'spacing' => array('margin' => true, 'padding' => true, 'blockGap' => array('horizontal', 'vertical'), '__experimentalSkipSerialization' => array('blockGap'), '__experimentalDefaultControls' => array('blockGap' => true)), 'color' => array('text' => false, 'background' => true, 'gradients' => true), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowEditing' => false, 'default' => array('type' => 'flex'))), 'editorStyle' => 'wp-block-gallery-editor', 'style' => 'wp-block-gallery'), 'group' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/group', 'title' => 'Group', 'category' => 'design', 'description' => 'Gather blocks in a layout container.', 'keywords' => array('container', 'wrapper', 'row', 'section'), 'textdomain' => 'default', 'attributes' => array('tagName' => array('type' => 'string', 'default' => 'div'), 'templateLock' => array('type' => array('string', 'boolean'), 'enum' => array('all', 'insert', 'contentOnly', false))), 'supports' => array('__experimentalOnEnter' => true, '__experimentalSettings' => true, 'align' => array('wide', 'full'), 'anchor' => true, 'ariaLabel' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => array('top', 'bottom'), 'padding' => true, 'blockGap' => true, '__experimentalDefaultControls' => array('padding' => true, 'blockGap' => true)), 'dimensions' => array('minHeight' => true), '__experimentalBorder' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true)), 'position' => array('sticky' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalLayout' => array('allowSizingOnChildren' => true)), 'editorStyle' => 'wp-block-group-editor', 'style' => 'wp-block-group'), 'heading' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/heading', 'title' => 'Heading', 'category' => 'text', 'description' => 'Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.', 'keywords' => array('title', 'subtitle'), 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'content' => array('type' => 'string', 'source' => 'html', 'selector' => 'h1,h2,h3,h4,h5,h6', 'default' => '', '__experimentalRole' => 'content'), 'level' => array('type' => 'number', 'default' => 2), 'placeholder' => array('type' => 'string')), 'supports' => array('align' => array('wide', 'full'), 'anchor' => true, 'className' => true, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true, 'textTransform' => true)), '__unstablePasteTextInline' => true, '__experimentalSlashInserter' => true), 'editorStyle' => 'wp-block-heading-editor', 'style' => 'wp-block-heading'), 'home-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/home-link', 'category' => 'design', 'parent' => array('core/navigation'), 'title' => 'Home Link', 'description' => 'Create a link that always points to the homepage of the site. Usually not necessary if there is already a site title link present in the header.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'fontSize', 'customFontSize', 'style'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-home-link-editor', 'style' => 'wp-block-home-link'), 'html' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/html', 'title' => 'Custom HTML', 'category' => 'widgets', 'description' => 'Add custom HTML code and preview it as you edit.', 'keywords' => array('embed'), 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'raw')), 'supports' => array('customClassName' => false, 'className' => false, 'html' => false), 'editorStyle' => 'wp-block-html-editor'), 'image' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/image', 'title' => 'Image', 'category' => 'media', 'usesContext' => array('allowResize', 'imageCrop', 'fixedHeight'), 'description' => 'Insert an image to make a visual statement.', 'keywords' => array('img', 'photo', 'picture'), 'textdomain' => 'default', 'attributes' => array('align' => array('type' => 'string'), 'url' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'src', '__experimentalRole' => 'content'), 'alt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'alt', 'default' => '', '__experimentalRole' => 'content'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', '__experimentalRole' => 'content'), 'title' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'img', 'attribute' => 'title', '__experimentalRole' => 'content'), 'href' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'href', '__experimentalRole' => 'content'), 'rel' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'rel'), 'linkClass' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'class'), 'id' => array('type' => 'number', '__experimentalRole' => 'content'), 'width' => array('type' => 'number'), 'height' => array('type' => 'number'), 'sizeSlug' => array('type' => 'string'), 'linkDestination' => array('type' => 'string'), 'linkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure > a', 'attribute' => 'target')), 'supports' => array('anchor' => true, 'color' => array('__experimentalDuotone' => 'img, .components-placeholder', 'text' => false, 'background' => false), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalSelector' => 'img, .wp-block-image__crop-area', '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'width' => true))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'rounded', 'label' => 'Rounded')), 'editorStyle' => 'wp-block-image-editor', 'style' => 'wp-block-image'), 'latest-comments' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/latest-comments', 'title' => 'Latest Comments', 'category' => 'widgets', 'description' => 'Display a list of your most recent comments.', 'keywords' => array('recent comments'), 'textdomain' => 'default', 'attributes' => array('commentsToShow' => array('type' => 'number', 'default' => 5, 'minimum' => 1, 'maximum' => 100), 'displayAvatar' => array('type' => 'boolean', 'default' => true), 'displayDate' => array('type' => 'boolean', 'default' => true), 'displayExcerpt' => array('type' => 'boolean', 'default' => true)), 'supports' => array('align' => true, 'anchor' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-latest-comments-editor', 'style' => 'wp-block-latest-comments'), 'latest-posts' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/latest-posts', 'title' => 'Latest Posts', 'category' => 'widgets', 'description' => 'Display a list of your most recent posts.', 'keywords' => array('recent posts'), 'textdomain' => 'default', 'attributes' => array('categories' => array('type' => 'array', 'items' => array('type' => 'object')), 'selectedAuthor' => array('type' => 'number'), 'postsToShow' => array('type' => 'number', 'default' => 5), 'displayPostContent' => array('type' => 'boolean', 'default' => false), 'displayPostContentRadio' => array('type' => 'string', 'default' => 'excerpt'), 'excerptLength' => array('type' => 'number', 'default' => 55), 'displayAuthor' => array('type' => 'boolean', 'default' => false), 'displayPostDate' => array('type' => 'boolean', 'default' => false), 'postLayout' => array('type' => 'string', 'default' => 'list'), 'columns' => array('type' => 'number', 'default' => 3), 'order' => array('type' => 'string', 'default' => 'desc'), 'orderBy' => array('type' => 'string', 'default' => 'date'), 'displayFeaturedImage' => array('type' => 'boolean', 'default' => false), 'featuredImageAlign' => array('type' => 'string', 'enum' => array('left', 'center', 'right')), 'featuredImageSizeSlug' => array('type' => 'string', 'default' => 'thumbnail'), 'featuredImageSizeWidth' => array('type' => 'number', 'default' => null), 'featuredImageSizeHeight' => array('type' => 'number', 'default' => null), 'addLinkToFeaturedImage' => array('type' => 'boolean', 'default' => false)), 'supports' => array('align' => true, 'anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-latest-posts-editor', 'style' => 'wp-block-latest-posts'), 'legacy-widget' => array('apiVersion' => 2, 'name' => 'core/legacy-widget', 'title' => 'Legacy Widget', 'category' => 'widgets', 'description' => 'Display a legacy widget.', 'textdomain' => 'default', 'attributes' => array('id' => array('type' => 'string', 'default' => null), 'idBase' => array('type' => 'string', 'default' => null), 'instance' => array('type' => 'object', 'default' => null)), 'supports' => array('html' => false, 'customClassName' => false, 'reusable' => false), 'editorStyle' => 'wp-block-legacy-widget-editor'), 'list' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/list', 'title' => 'List', 'category' => 'text', 'description' => 'Create a bulleted or numbered list.', 'keywords' => array('bullet list', 'ordered list', 'numbered list'), 'textdomain' => 'default', 'attributes' => array('ordered' => array('type' => 'boolean', 'default' => false, '__experimentalRole' => 'content'), 'values' => array('type' => 'string', 'source' => 'html', 'selector' => 'ol,ul', 'multiline' => 'li', '__unstableMultilineWrapperTags' => array('ol', 'ul'), 'default' => '', '__experimentalRole' => 'content'), 'type' => array('type' => 'string'), 'start' => array('type' => 'number'), 'reversed' => array('type' => 'boolean'), 'placeholder' => array('type' => 'string')), 'supports' => array('anchor' => true, 'className' => false, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), '__unstablePasteTextInline' => true, '__experimentalSelector' => 'ol,ul', '__experimentalSlashInserter' => true), 'editorStyle' => 'wp-block-list-editor', 'style' => 'wp-block-list'), 'list-item' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/list-item', 'title' => 'List item', 'category' => 'text', 'parent' => array('core/list'), 'description' => 'Create a list item.', 'textdomain' => 'default', 'attributes' => array('placeholder' => array('type' => 'string'), 'content' => array('type' => 'string', 'source' => 'html', 'selector' => 'li', 'default' => '', '__experimentalRole' => 'content')), 'supports' => array('className' => false, '__experimentalSelector' => 'li', 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'loginout' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/loginout', 'title' => 'Login/out', 'category' => 'theme', 'description' => 'Show login & logout links.', 'keywords' => array('login', 'logout', 'form'), 'textdomain' => 'default', 'attributes' => array('displayLoginAsForm' => array('type' => 'boolean', 'default' => false), 'redirectToCurrent' => array('type' => 'boolean', 'default' => true)), 'supports' => array('anchor' => true, 'className' => true, 'typography' => array('fontSize' => false))), 'media-text' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/media-text', 'title' => 'Media & Text', 'category' => 'media', 'description' => 'Set media and words side-by-side for a richer layout.', 'keywords' => array('image', 'video'), 'textdomain' => 'default', 'attributes' => array('align' => array('type' => 'string', 'default' => 'wide'), 'mediaAlt' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure img', 'attribute' => 'alt', 'default' => '', '__experimentalRole' => 'content'), 'mediaPosition' => array('type' => 'string', 'default' => 'left'), 'mediaId' => array('type' => 'number', '__experimentalRole' => 'content'), 'mediaUrl' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure video,figure img', 'attribute' => 'src', '__experimentalRole' => 'content'), 'mediaLink' => array('type' => 'string'), 'linkDestination' => array('type' => 'string'), 'linkTarget' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'target'), 'href' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'href', '__experimentalRole' => 'content'), 'rel' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'rel'), 'linkClass' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'figure a', 'attribute' => 'class'), 'mediaType' => array('type' => 'string', '__experimentalRole' => 'content'), 'mediaWidth' => array('type' => 'number', 'default' => 50), 'mediaSizeSlug' => array('type' => 'string'), 'isStackedOnMobile' => array('type' => 'boolean', 'default' => true), 'verticalAlignment' => array('type' => 'string'), 'imageFill' => array('type' => 'boolean'), 'focalPoint' => array('type' => 'object')), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-media-text-editor', 'style' => 'wp-block-media-text'), 'missing' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/missing', 'title' => 'Unsupported', 'category' => 'text', 'description' => 'Your site doesn’t include support for this block.', 'textdomain' => 'default', 'attributes' => array('originalName' => array('type' => 'string'), 'originalUndelimitedContent' => array('type' => 'string'), 'originalContent' => array('type' => 'string', 'source' => 'html')), 'supports' => array('className' => false, 'customClassName' => false, 'inserter' => false, 'html' => false, 'reusable' => false)), 'more' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/more', 'title' => 'More', 'category' => 'design', 'description' => 'Content before this block will be shown in the excerpt on your archives page.', 'keywords' => array('read more'), 'textdomain' => 'default', 'attributes' => array('customText' => array('type' => 'string'), 'noTeaser' => array('type' => 'boolean', 'default' => false)), 'supports' => array('customClassName' => false, 'className' => false, 'html' => false, 'multiple' => false), 'editorStyle' => 'wp-block-more-editor'), 'navigation' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/navigation', 'title' => 'Navigation', 'category' => 'theme', 'description' => 'A collection of blocks that allow visitors to get around your site.', 'keywords' => array('menu', 'navigation', 'links'), 'textdomain' => 'default', 'attributes' => array('ref' => array('type' => 'number'), 'textColor' => array('type' => 'string'), 'customTextColor' => array('type' => 'string'), 'rgbTextColor' => array('type' => 'string'), 'backgroundColor' => array('type' => 'string'), 'customBackgroundColor' => array('type' => 'string'), 'rgbBackgroundColor' => array('type' => 'string'), 'showSubmenuIcon' => array('type' => 'boolean', 'default' => true), 'openSubmenusOnClick' => array('type' => 'boolean', 'default' => false), 'overlayMenu' => array('type' => 'string', 'default' => 'mobile'), 'icon' => array('type' => 'string', 'default' => 'handle'), 'hasIcon' => array('type' => 'boolean', 'default' => true), '__unstableLocation' => array('type' => 'string'), 'overlayBackgroundColor' => array('type' => 'string'), 'customOverlayBackgroundColor' => array('type' => 'string'), 'overlayTextColor' => array('type' => 'string'), 'customOverlayTextColor' => array('type' => 'string'), 'maxNestingLevel' => array('type' => 'number', 'default' => 5), 'templateLock' => array('type' => array('string', 'boolean'), 'enum' => array('all', 'insert', 'contentOnly', false))), 'providesContext' => array('textColor' => 'textColor', 'customTextColor' => 'customTextColor', 'backgroundColor' => 'backgroundColor', 'customBackgroundColor' => 'customBackgroundColor', 'overlayTextColor' => 'overlayTextColor', 'customOverlayTextColor' => 'customOverlayTextColor', 'overlayBackgroundColor' => 'overlayBackgroundColor', 'customOverlayBackgroundColor' => 'customOverlayBackgroundColor', 'fontSize' => 'fontSize', 'customFontSize' => 'customFontSize', 'showSubmenuIcon' => 'showSubmenuIcon', 'openSubmenusOnClick' => 'openSubmenusOnClick', 'style' => 'style', 'orientation' => 'orientation', 'maxNestingLevel' => 'maxNestingLevel'), 'supports' => array('align' => array('wide', 'full'), 'anchor' => true, 'html' => false, 'inserter' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalTextTransform' => true, '__experimentalFontFamily' => true, '__experimentalLetterSpacing' => true, '__experimentalTextDecoration' => true, '__experimentalSkipSerialization' => array('textDecoration'), '__experimentalDefaultControls' => array('fontSize' => true)), 'spacing' => array('blockGap' => true, 'units' => array('px', 'em', 'rem', 'vh', 'vw'), '__experimentalDefaultControls' => array('blockGap' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowVerticalAlignment' => false, 'allowSizingOnChildren' => true, 'default' => array('type' => 'flex')), '__experimentalStyle' => array('elements' => array('link' => array('color' => array('text' => 'inherit'))))), 'viewScript' => array('file:./view.min.js', 'file:./view-modal.min.js'), 'editorStyle' => 'wp-block-navigation-editor', 'style' => 'wp-block-navigation'), 'navigation-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/navigation-link', 'title' => 'Custom Link', 'category' => 'design', 'parent' => array('core/navigation'), 'description' => 'Add a page, link, or another item to your navigation.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string'), 'type' => array('type' => 'string'), 'description' => array('type' => 'string'), 'rel' => array('type' => 'string'), 'id' => array('type' => 'number'), 'opensInNewTab' => array('type' => 'boolean', 'default' => false), 'url' => array('type' => 'string'), 'title' => array('type' => 'string'), 'kind' => array('type' => 'string'), 'isTopLevelLink' => array('type' => 'boolean')), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'overlayTextColor', 'customOverlayTextColor', 'overlayBackgroundColor', 'customOverlayBackgroundColor', 'fontSize', 'customFontSize', 'showSubmenuIcon', 'maxNestingLevel', 'style'), 'supports' => array('reusable' => false, 'html' => false, '__experimentalSlashInserter' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-navigation-link-editor', 'style' => 'wp-block-navigation-link'), 'navigation-submenu' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/navigation-submenu', 'title' => 'Submenu', 'category' => 'design', 'parent' => array('core/navigation'), 'description' => 'Add a submenu to your navigation.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string'), 'type' => array('type' => 'string'), 'description' => array('type' => 'string'), 'rel' => array('type' => 'string'), 'id' => array('type' => 'number'), 'opensInNewTab' => array('type' => 'boolean', 'default' => false), 'url' => array('type' => 'string'), 'title' => array('type' => 'string'), 'kind' => array('type' => 'string'), 'isTopLevelItem' => array('type' => 'boolean')), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'overlayTextColor', 'customOverlayTextColor', 'overlayBackgroundColor', 'customOverlayBackgroundColor', 'fontSize', 'customFontSize', 'showSubmenuIcon', 'maxNestingLevel', 'openSubmenusOnClick', 'style'), 'supports' => array('reusable' => false, 'html' => false), 'editorStyle' => 'wp-block-navigation-submenu-editor', 'style' => 'wp-block-navigation-submenu'), 'nextpage' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/nextpage', 'title' => 'Page Break', 'category' => 'design', 'description' => 'Separate your content into a multi-page experience.', 'keywords' => array('next page', 'pagination'), 'parent' => array('core/post-content'), 'textdomain' => 'default', 'supports' => array('customClassName' => false, 'className' => false, 'html' => false), 'editorStyle' => 'wp-block-nextpage-editor'), 'page-list' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/page-list', 'title' => 'Page List', 'category' => 'widgets', 'description' => 'Display a list of all pages.', 'keywords' => array('menu', 'navigation'), 'textdomain' => 'default', 'attributes' => array('parentPageID' => array('type' => 'integer', 'default' => 0), 'isNested' => array('type' => 'boolean', 'default' => false)), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'overlayTextColor', 'customOverlayTextColor', 'overlayBackgroundColor', 'customOverlayBackgroundColor', 'fontSize', 'customFontSize', 'showSubmenuIcon', 'style', 'openSubmenusOnClick'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-page-list-editor', 'style' => 'wp-block-page-list'), 'page-list-item' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/page-list-item', 'title' => 'Page List Item', 'category' => 'widgets', 'parent' => array('core/page-list'), 'description' => 'Displays a page inside a list of all pages.', 'keywords' => array('page', 'menu', 'navigation'), 'textdomain' => 'default', 'attributes' => array('id' => array('type' => 'number'), 'label' => array('type' => 'string'), 'title' => array('type' => 'string'), 'link' => array('type' => 'string'), 'hasChildren' => array('type' => 'boolean')), 'usesContext' => array('textColor', 'customTextColor', 'backgroundColor', 'customBackgroundColor', 'overlayTextColor', 'customOverlayTextColor', 'overlayBackgroundColor', 'customOverlayBackgroundColor', 'fontSize', 'customFontSize', 'showSubmenuIcon', 'style', 'openSubmenusOnClick'), 'supports' => array('reusable' => false, 'html' => false, 'lock' => false, 'inserter' => false, '__experimentalToolbar' => false), 'editorStyle' => 'wp-block-page-list-editor', 'style' => 'wp-block-page-list'), 'paragraph' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/paragraph', 'title' => 'Paragraph', 'category' => 'text', 'description' => 'Start with the basic building block of all narrative.', 'keywords' => array('text'), 'textdomain' => 'default', 'attributes' => array('align' => array('type' => 'string'), 'content' => array('type' => 'string', 'source' => 'html', 'selector' => 'p', 'default' => '', '__experimentalRole' => 'content'), 'dropCap' => array('type' => 'boolean', 'default' => false), 'placeholder' => array('type' => 'string'), 'direction' => array('type' => 'string', 'enum' => array('ltr', 'rtl'))), 'supports' => array('anchor' => true, 'className' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalTextDecoration' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalSelector' => 'p', '__unstablePasteTextInline' => true), 'editorStyle' => 'wp-block-paragraph-editor', 'style' => 'wp-block-paragraph'), 'pattern' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/pattern', 'title' => 'Pattern', 'category' => 'theme', 'description' => 'Show a block pattern.', 'supports' => array('html' => false, 'inserter' => false), 'textdomain' => 'default', 'attributes' => array('slug' => array('type' => 'string'))), 'post-author' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-author', 'title' => 'Post Author', 'category' => 'theme', 'description' => 'Display post author details such as name, avatar, and bio.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'avatarSize' => array('type' => 'number', 'default' => 48), 'showAvatar' => array('type' => 'boolean', 'default' => true), 'showBio' => array('type' => 'boolean'), 'byline' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => false), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'usesContext' => array('postType', 'postId', 'queryId'), 'supports' => array('anchor' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), 'color' => array('gradients' => true, 'link' => true, '__experimentalDuotone' => '.wp-block-post-author__avatar img', '__experimentalDefaultControls' => array('background' => true, 'text' => true))), 'editorStyle' => 'wp-block-post-author-editor', 'style' => 'wp-block-post-author'), 'post-author-biography' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-author-biography', 'title' => 'Post Author Biography', 'category' => 'theme', 'description' => 'The author biography.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'usesContext' => array('postType', 'postId'), 'supports' => array('anchor' => true, 'spacing' => array('margin' => true, 'padding' => true), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'post-author-name' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-author-name', 'title' => 'Post Author Name', 'category' => 'theme', 'description' => 'The author name.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => false), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'usesContext' => array('postType', 'postId'), 'supports' => array('anchor' => true, 'html' => false, 'spacing' => array('margin' => true, 'padding' => true), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'post-comments-form' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-comments-form', 'title' => 'Post Comments Form', 'category' => 'theme', 'description' => 'Display a post\'s comments form.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'usesContext' => array('postId', 'postType'), 'supports' => array('anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-post-comments-form-editor', 'style' => array('wp-block-post-comments-form', 'wp-block-buttons', 'wp-block-button')), 'post-content' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-content', 'title' => 'Post Content', 'category' => 'theme', 'description' => 'Displays the contents of a post or page.', 'textdomain' => 'default', 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, '__experimentalLayout' => true, 'dimensions' => array('minHeight' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-post-content-editor'), 'post-date' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-date', 'title' => 'Post Date', 'category' => 'theme', 'description' => 'Add the date of this post.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'format' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => false), 'displayType' => array('type' => 'string', 'default' => 'date')), 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'post-excerpt' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-excerpt', 'title' => 'Post Excerpt', 'category' => 'theme', 'description' => 'Display a post\'s excerpt.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'moreText' => array('type' => 'string'), 'showMoreOnNewLine' => array('type' => 'boolean', 'default' => true)), 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-post-excerpt-editor', 'style' => 'wp-block-post-excerpt'), 'post-featured-image' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-featured-image', 'title' => 'Post Featured Image', 'category' => 'theme', 'description' => 'Display a post\'s featured image.', 'textdomain' => 'default', 'attributes' => array('isLink' => array('type' => 'boolean', 'default' => false), 'width' => array('type' => 'string'), 'height' => array('type' => 'string'), 'scale' => array('type' => 'string', 'default' => 'cover'), 'sizeSlug' => array('type' => 'string'), 'rel' => array('type' => 'string', 'attribute' => 'rel', 'default' => ''), 'linkTarget' => array('type' => 'string', 'default' => '_self'), 'overlayColor' => array('type' => 'string'), 'customOverlayColor' => array('type' => 'string'), 'dimRatio' => array('type' => 'number', 'default' => 0), 'gradient' => array('type' => 'string'), 'customGradient' => array('type' => 'string')), 'usesContext' => array('postId', 'postType', 'queryId'), 'supports' => array('align' => array('left', 'right', 'center', 'wide', 'full'), 'anchor' => true, 'color' => array('__experimentalDuotone' => 'img, .wp-block-post-featured-image__placeholder, .components-placeholder__illustration, .components-placeholder::before', 'text' => false, 'background' => false), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalSelector' => 'img, .block-editor-media-placeholder, .wp-block-post-featured-image__overlay', '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'width' => true)), 'html' => false, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-post-featured-image-editor', 'style' => 'wp-block-post-featured-image'), 'post-navigation-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-navigation-link', 'title' => 'Post Navigation Link', 'category' => 'theme', 'description' => 'Displays the next or previous post link that is adjacent to the current post.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string'), 'type' => array('type' => 'string', 'default' => 'next'), 'label' => array('type' => 'string'), 'showTitle' => array('type' => 'boolean', 'default' => false), 'linkLabel' => array('type' => 'boolean', 'default' => false), 'arrow' => array('type' => 'string', 'default' => 'none')), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('link' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-post-navigation-link'), 'post-template' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-template', 'title' => 'Post Template', 'category' => 'theme', 'parent' => array('core/query'), 'description' => 'Contains the block elements used to render a post, like the title, date, featured image, content or excerpt, and more.', 'textdomain' => 'default', 'usesContext' => array('queryId', 'query', 'queryContext', 'displayLayout', 'templateSlug', 'previewPostType'), 'supports' => array('reusable' => false, 'html' => false, 'align' => true, 'anchor' => true, '__experimentalLayout' => array('allowEditing' => false), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-post-template', 'editorStyle' => 'wp-block-post-template-editor'), 'post-terms' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-terms', 'title' => 'Post Terms', 'category' => 'theme', 'description' => 'Post terms.', 'textdomain' => 'default', 'attributes' => array('term' => array('type' => 'string'), 'textAlign' => array('type' => 'string'), 'separator' => array('type' => 'string', 'default' => ', '), 'prefix' => array('type' => 'string', 'default' => ''), 'suffix' => array('type' => 'string', 'default' => '')), 'usesContext' => array('postId', 'postType'), 'supports' => array('anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-post-terms'), 'post-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/post-title', 'title' => 'Post Title', 'category' => 'theme', 'description' => 'Displays the title of a post, page, or any other content-type.', 'textdomain' => 'default', 'usesContext' => array('postId', 'postType', 'queryId'), 'attributes' => array('textAlign' => array('type' => 'string'), 'level' => array('type' => 'number', 'default' => 2), 'isLink' => array('type' => 'boolean', 'default' => false), 'rel' => array('type' => 'string', 'attribute' => 'rel', 'default' => ''), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'supports' => array('align' => array('wide', 'full'), 'anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true, 'textTransform' => true))), 'style' => 'wp-block-post-title'), 'preformatted' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/preformatted', 'title' => 'Preformatted', 'category' => 'text', 'description' => 'Add text that respects your spacing and tabs, and also allows styling.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html', 'selector' => 'pre', 'default' => '', '__unstablePreserveWhiteSpace' => true, '__experimentalRole' => 'content')), 'supports' => array('anchor' => true, 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'style' => 'wp-block-preformatted'), 'pullquote' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/pullquote', 'title' => 'Pullquote', 'category' => 'text', 'description' => 'Give special visual emphasis to a quote from your text.', 'textdomain' => 'default', 'attributes' => array('value' => array('type' => 'string', 'source' => 'html', 'selector' => 'p', '__experimentalRole' => 'content'), 'citation' => array('type' => 'string', 'source' => 'html', 'selector' => 'cite', 'default' => '', '__experimentalRole' => 'content'), 'textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'align' => array('left', 'right', 'wide', 'full'), 'color' => array('gradients' => true, 'background' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true)), '__experimentalBorder' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'style' => true, 'width' => true)), '__experimentalStyle' => array('typography' => array('fontSize' => '1.5em', 'lineHeight' => '1.6'))), 'editorStyle' => 'wp-block-pullquote-editor', 'style' => 'wp-block-pullquote'), 'query' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query', 'title' => 'Query Loop', 'category' => 'theme', 'description' => 'An advanced block that allows displaying post types based on different query parameters and visual configurations.', 'textdomain' => 'default', 'attributes' => array('queryId' => array('type' => 'number'), 'query' => array('type' => 'object', 'default' => array('perPage' => null, 'pages' => 0, 'offset' => 0, 'postType' => 'post', 'order' => 'desc', 'orderBy' => 'date', 'author' => '', 'search' => '', 'exclude' => array(), 'sticky' => '', 'inherit' => true, 'taxQuery' => null, 'parents' => array())), 'tagName' => array('type' => 'string', 'default' => 'div'), 'displayLayout' => array('type' => 'object', 'default' => array('type' => 'list')), 'namespace' => array('type' => 'string')), 'providesContext' => array('queryId' => 'queryId', 'query' => 'query', 'displayLayout' => 'displayLayout'), 'supports' => array('align' => array('wide', 'full'), 'anchor' => true, 'html' => false, '__experimentalLayout' => true), 'editorStyle' => 'wp-block-query-editor'), 'query-no-results' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-no-results', 'title' => 'No results', 'category' => 'theme', 'description' => 'Contains the block elements used to render content when no query results are found.', 'parent' => array('core/query'), 'textdomain' => 'default', 'usesContext' => array('queryId', 'query'), 'supports' => array('anchor' => true, 'align' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'query-pagination' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination', 'title' => 'Pagination', 'category' => 'theme', 'parent' => array('core/query'), 'description' => 'Displays a paginated navigation to next/previous set of posts, when applicable.', 'textdomain' => 'default', 'attributes' => array('paginationArrow' => array('type' => 'string', 'default' => 'none')), 'usesContext' => array('queryId', 'query'), 'providesContext' => array('paginationArrow' => 'paginationArrow'), 'supports' => array('anchor' => true, 'align' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'default' => array('type' => 'flex')), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-query-pagination-editor', 'style' => 'wp-block-query-pagination'), 'query-pagination-next' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination-next', 'title' => 'Next Page', 'category' => 'theme', 'parent' => array('core/query-pagination'), 'description' => 'Displays the next posts page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('queryId', 'query', 'paginationArrow'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'query-pagination-numbers' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination-numbers', 'title' => 'Page Numbers', 'category' => 'theme', 'parent' => array('core/query-pagination'), 'description' => 'Displays a list of page numbers for pagination', 'textdomain' => 'default', 'usesContext' => array('queryId', 'query'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'query-pagination-numbers-editor'), 'query-pagination-previous' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-pagination-previous', 'title' => 'Previous Page', 'category' => 'theme', 'parent' => array('core/query-pagination'), 'description' => 'Displays the previous posts page link.', 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string')), 'usesContext' => array('queryId', 'query', 'paginationArrow'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false, 'color' => array('gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)))), 'query-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/query-title', 'title' => 'Query Title', 'category' => 'theme', 'description' => 'Display the query title.', 'textdomain' => 'default', 'attributes' => array('type' => array('type' => 'string'), 'textAlign' => array('type' => 'string'), 'level' => array('type' => 'number', 'default' => 1), 'showPrefix' => array('type' => 'boolean', 'default' => true), 'showSearchTerm' => array('type' => 'boolean', 'default' => true)), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true, 'textTransform' => true))), 'style' => 'wp-block-query-title'), 'quote' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/quote', 'title' => 'Quote', 'category' => 'text', 'description' => 'Give quoted text visual emphasis. "In quoting others, we cite ourselves." — Julio Cortázar', 'keywords' => array('blockquote', 'cite'), 'textdomain' => 'default', 'attributes' => array('value' => array('type' => 'string', 'source' => 'html', 'selector' => 'blockquote', 'multiline' => 'p', 'default' => '', '__experimentalRole' => 'content'), 'citation' => array('type' => 'string', 'source' => 'html', 'selector' => 'cite', 'default' => '', '__experimentalRole' => 'content'), 'align' => array('type' => 'string')), 'supports' => array('anchor' => true, '__experimentalOnEnter' => true, 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true)), 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'plain', 'label' => 'Plain')), 'editorStyle' => 'wp-block-quote-editor', 'style' => 'wp-block-quote'), 'read-more' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/read-more', 'title' => 'Read More', 'category' => 'theme', 'description' => 'Displays the link of a post, page, or any other content-type.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string'), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'usesContext' => array('postId'), 'supports' => array('anchor' => true, 'html' => false, 'color' => array('gradients' => true, 'text' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalLetterSpacing' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'textDecoration' => true)), 'spacing' => array('margin' => array('top', 'bottom'), 'padding' => true, '__experimentalDefaultControls' => array('padding' => true)), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalDefaultControls' => array('width' => true))), 'style' => 'wp-block-read-more'), 'rss' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/rss', 'title' => 'RSS', 'category' => 'widgets', 'description' => 'Display entries from any RSS or Atom feed.', 'keywords' => array('atom', 'feed'), 'textdomain' => 'default', 'attributes' => array('columns' => array('type' => 'number', 'default' => 2), 'blockLayout' => array('type' => 'string', 'default' => 'list'), 'feedURL' => array('type' => 'string', 'default' => ''), 'itemsToShow' => array('type' => 'number', 'default' => 5), 'displayExcerpt' => array('type' => 'boolean', 'default' => false), 'displayAuthor' => array('type' => 'boolean', 'default' => false), 'displayDate' => array('type' => 'boolean', 'default' => false), 'excerptLength' => array('type' => 'number', 'default' => 55)), 'supports' => array('align' => true, 'anchor' => true, 'html' => false), 'editorStyle' => 'wp-block-rss-editor', 'style' => 'wp-block-rss'), 'search' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/search', 'title' => 'Search', 'category' => 'widgets', 'description' => 'Help visitors find your content.', 'keywords' => array('find'), 'textdomain' => 'default', 'attributes' => array('label' => array('type' => 'string', '__experimentalRole' => 'content'), 'showLabel' => array('type' => 'boolean', 'default' => true), 'placeholder' => array('type' => 'string', 'default' => '', '__experimentalRole' => 'content'), 'width' => array('type' => 'number'), 'widthUnit' => array('type' => 'string'), 'buttonText' => array('type' => 'string', '__experimentalRole' => 'content'), 'buttonPosition' => array('type' => 'string', 'default' => 'button-outside'), 'buttonUseIcon' => array('type' => 'boolean', 'default' => false), 'query' => array('type' => 'object', 'default' => array())), 'supports' => array('align' => array('left', 'center', 'right'), 'anchor' => true, 'color' => array('gradients' => true, '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('__experimentalSkipSerialization' => true, '__experimentalSelector' => '.wp-block-search__label, .wp-block-search__input, .wp-block-search__button', 'fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalBorder' => array('color' => true, 'radius' => true, 'width' => true, '__experimentalSkipSerialization' => true, '__experimentalDefaultControls' => array('color' => true, 'radius' => true, 'width' => true)), 'html' => false), 'editorStyle' => 'wp-block-search-editor', 'style' => 'wp-block-search'), 'separator' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/separator', 'title' => 'Separator', 'category' => 'design', 'description' => 'Create a break between ideas or sections with a horizontal separator.', 'keywords' => array('horizontal-line', 'hr', 'divider'), 'textdomain' => 'default', 'attributes' => array('opacity' => array('type' => 'string', 'default' => 'alpha-channel')), 'supports' => array('anchor' => true, 'align' => array('center', 'wide', 'full'), 'color' => array('enableContrastChecker' => false, '__experimentalSkipSerialization' => true, 'gradients' => true, 'background' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => true)), 'spacing' => array('margin' => array('top', 'bottom'))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'wide', 'label' => 'Wide Line'), array('name' => 'dots', 'label' => 'Dots')), 'editorStyle' => 'wp-block-separator-editor', 'style' => 'wp-block-separator'), 'shortcode' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/shortcode', 'title' => 'Shortcode', 'category' => 'widgets', 'description' => 'Insert additional custom elements with a WordPress shortcode.', 'textdomain' => 'default', 'attributes' => array('text' => array('type' => 'string', 'source' => 'html')), 'supports' => array('className' => false, 'customClassName' => false, 'html' => false), 'editorStyle' => 'wp-block-shortcode-editor'), 'site-logo' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/site-logo', 'title' => 'Site Logo', 'category' => 'theme', 'description' => 'Display a graphic to represent this site. Update the block, and the changes apply everywhere it’s used. This is different than the site icon, which is the smaller image visible in your dashboard, browser tabs, etc used to help others recognize this site.', 'textdomain' => 'default', 'attributes' => array('width' => array('type' => 'number'), 'isLink' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string', 'default' => '_self'), 'shouldSyncIcon' => array('type' => 'boolean')), 'example' => array('viewportWidth' => 500, 'attributes' => array('width' => 350, 'className' => 'block-editor-block-types-list__site-logo-example')), 'supports' => array('html' => false, 'anchor' => true, 'align' => true, 'alignWide' => false, 'color' => array('__experimentalDuotone' => 'img, .components-placeholder__illustration, .components-placeholder::before', 'text' => false, 'background' => false), 'spacing' => array('margin' => true, 'padding' => true)), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'rounded', 'label' => 'Rounded')), 'editorStyle' => 'wp-block-site-logo-editor', 'style' => 'wp-block-site-logo'), 'site-tagline' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/site-tagline', 'title' => 'Site Tagline', 'category' => 'theme', 'description' => 'Describe in a few words what the site is about. The tagline can be used in search results or when sharing on social networks even if it’s not displayed in the theme design.', 'keywords' => array('description'), 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-site-tagline-editor'), 'site-title' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/site-title', 'title' => 'Site Title', 'category' => 'theme', 'description' => 'Displays the name of this site. Update the block, and the changes apply everywhere it’s used. This will also appear in the browser title bar and in search results.', 'textdomain' => 'default', 'attributes' => array('level' => array('type' => 'number', 'default' => 1), 'textAlign' => array('type' => 'string'), 'isLink' => array('type' => 'boolean', 'default' => true), 'linkTarget' => array('type' => 'string', 'default' => '_self')), 'example' => array('viewportWidth' => 500), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true, 'link' => true)), 'spacing' => array('padding' => true, 'margin' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'lineHeight' => true, 'fontAppearance' => true, 'letterSpacing' => true, 'textTransform' => true))), 'editorStyle' => 'wp-block-site-title-editor', 'style' => 'wp-block-site-title'), 'social-link' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/social-link', 'title' => 'Social Icon', 'category' => 'widgets', 'parent' => array('core/social-links'), 'description' => 'Display an icon linking to a social media profile or site.', 'textdomain' => 'default', 'attributes' => array('url' => array('type' => 'string'), 'service' => array('type' => 'string'), 'label' => array('type' => 'string'), 'rel' => array('type' => 'string')), 'usesContext' => array('openInNewTab', 'showLabels', 'iconColorValue', 'iconBackgroundColorValue'), 'supports' => array('anchor' => true, 'reusable' => false, 'html' => false), 'editorStyle' => 'wp-block-social-link-editor'), 'social-links' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/social-links', 'title' => 'Social Icons', 'category' => 'widgets', 'description' => 'Display icons linking to your social media profiles or sites.', 'keywords' => array('links'), 'textdomain' => 'default', 'attributes' => array('iconColor' => array('type' => 'string'), 'customIconColor' => array('type' => 'string'), 'iconColorValue' => array('type' => 'string'), 'iconBackgroundColor' => array('type' => 'string'), 'customIconBackgroundColor' => array('type' => 'string'), 'iconBackgroundColorValue' => array('type' => 'string'), 'openInNewTab' => array('type' => 'boolean', 'default' => false), 'showLabels' => array('type' => 'boolean', 'default' => false), 'size' => array('type' => 'string')), 'providesContext' => array('openInNewTab' => 'openInNewTab', 'showLabels' => 'showLabels', 'iconColorValue' => 'iconColorValue', 'iconBackgroundColorValue' => 'iconBackgroundColorValue'), 'supports' => array('align' => array('left', 'center', 'right'), 'anchor' => true, '__experimentalExposeControlsToChildren' => true, '__experimentalLayout' => array('allowSwitching' => false, 'allowInheriting' => false, 'allowVerticalAlignment' => false, 'default' => array('type' => 'flex')), 'color' => array('enableContrastChecker' => false, 'background' => true, 'gradients' => true, 'text' => false, '__experimentalDefaultControls' => array('background' => false)), 'spacing' => array('blockGap' => array('horizontal', 'vertical'), 'margin' => true, 'padding' => true, 'units' => array('px', 'em', 'rem', 'vh', 'vw'), '__experimentalDefaultControls' => array('blockGap' => true))), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'logos-only', 'label' => 'Logos Only'), array('name' => 'pill-shape', 'label' => 'Pill Shape')), 'editorStyle' => 'wp-block-social-links-editor', 'style' => 'wp-block-social-links'), 'spacer' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/spacer', 'title' => 'Spacer', 'category' => 'design', 'description' => 'Add white space between blocks and customize its height.', 'textdomain' => 'default', 'attributes' => array('height' => array('type' => 'string', 'default' => '100px'), 'width' => array('type' => 'string')), 'usesContext' => array('orientation'), 'supports' => array('anchor' => true, 'spacing' => array('margin' => array('top', 'bottom'), '__experimentalDefaultControls' => array('margin' => true))), 'editorStyle' => 'wp-block-spacer-editor', 'style' => 'wp-block-spacer'), 'table' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/table', 'title' => 'Table', 'category' => 'text', 'description' => 'Create structured content in rows and columns to display information.', 'textdomain' => 'default', 'attributes' => array('hasFixedLayout' => array('type' => 'boolean', 'default' => false), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', 'default' => ''), 'head' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'thead tr', 'query' => array('cells' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'td,th', 'query' => array('content' => array('type' => 'string', 'source' => 'html'), 'tag' => array('type' => 'string', 'default' => 'td', 'source' => 'tag'), 'scope' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'scope'), 'align' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'data-align'), 'colspan' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'colspan'), 'rowspan' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'rowspan'))))), 'body' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'tbody tr', 'query' => array('cells' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'td,th', 'query' => array('content' => array('type' => 'string', 'source' => 'html'), 'tag' => array('type' => 'string', 'default' => 'td', 'source' => 'tag'), 'scope' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'scope'), 'align' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'data-align'), 'colspan' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'colspan'), 'rowspan' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'rowspan'))))), 'foot' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'tfoot tr', 'query' => array('cells' => array('type' => 'array', 'default' => array(), 'source' => 'query', 'selector' => 'td,th', 'query' => array('content' => array('type' => 'string', 'source' => 'html'), 'tag' => array('type' => 'string', 'default' => 'td', 'source' => 'tag'), 'scope' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'scope'), 'align' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'data-align'), 'colspan' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'colspan'), 'rowspan' => array('type' => 'string', 'source' => 'attribute', 'attribute' => 'rowspan')))))), 'supports' => array('anchor' => true, 'align' => true, 'color' => array('__experimentalSkipSerialization' => true, 'gradients' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true)), '__experimentalBorder' => array('__experimentalSkipSerialization' => true, 'color' => true, 'style' => true, 'width' => true, '__experimentalDefaultControls' => array('color' => true, 'style' => true, 'width' => true)), '__experimentalSelector' => '.wp-block-table > table'), 'styles' => array(array('name' => 'regular', 'label' => 'Default', 'isDefault' => true), array('name' => 'stripes', 'label' => 'Stripes')), 'editorStyle' => 'wp-block-table-editor', 'style' => 'wp-block-table'), 'tag-cloud' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/tag-cloud', 'title' => 'Tag Cloud', 'category' => 'widgets', 'description' => 'A cloud of your most used tags.', 'textdomain' => 'default', 'attributes' => array('numberOfTags' => array('type' => 'number', 'default' => 45, 'minimum' => 1, 'maximum' => 100), 'taxonomy' => array('type' => 'string', 'default' => 'post_tag'), 'showTagCounts' => array('type' => 'boolean', 'default' => false), 'smallestFontSize' => array('type' => 'string', 'default' => '8pt'), 'largestFontSize' => array('type' => 'string', 'default' => '22pt')), 'styles' => array(array('name' => 'default', 'label' => 'Default', 'isDefault' => true), array('name' => 'outline', 'label' => 'Outline')), 'supports' => array('html' => false, 'anchor' => true, 'align' => true, 'spacing' => array('margin' => true, 'padding' => true), 'typography' => array('lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalLetterSpacing' => true)), 'editorStyle' => 'wp-block-tag-cloud-editor'), 'template-part' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/template-part', 'title' => 'Template Part', 'category' => 'theme', 'description' => 'Edit the different global regions of your site, like the header, footer, sidebar, or create your own.', 'textdomain' => 'default', 'attributes' => array('slug' => array('type' => 'string'), 'theme' => array('type' => 'string'), 'tagName' => array('type' => 'string'), 'area' => array('type' => 'string')), 'supports' => array('anchor' => true, 'align' => true, 'html' => false, 'reusable' => false), 'editorStyle' => 'wp-block-template-part-editor'), 'term-description' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/term-description', 'title' => 'Term Description', 'category' => 'theme', 'description' => 'Display the description of categories, tags and custom taxonomies when viewing an archive.', 'textdomain' => 'default', 'attributes' => array('textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'align' => array('wide', 'full'), 'html' => false, 'color' => array('link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'spacing' => array('padding' => true, 'margin' => true), 'typography' => array('fontSize' => true, 'lineHeight' => true, '__experimentalFontFamily' => true, '__experimentalFontWeight' => true, '__experimentalFontStyle' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalLetterSpacing' => true, '__experimentalDefaultControls' => array('fontSize' => true))), 'editorStyle' => 'wp-block-term-description-editor'), 'text-columns' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/text-columns', 'title' => 'Text Columns (deprecated)', 'icon' => 'columns', 'category' => 'design', 'description' => 'This block is deprecated. Please use the Columns block instead.', 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'array', 'source' => 'query', 'selector' => 'p', 'query' => array('children' => array('type' => 'string', 'source' => 'html')), 'default' => array(array(), array())), 'columns' => array('type' => 'number', 'default' => 2), 'width' => array('type' => 'string')), 'supports' => array('inserter' => false), 'editorStyle' => 'wp-block-text-columns-editor', 'style' => 'wp-block-text-columns'), 'verse' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/verse', 'title' => 'Verse', 'category' => 'text', 'description' => 'Insert poetry. Use special spacing formats. Or quote song lyrics.', 'keywords' => array('poetry', 'poem'), 'textdomain' => 'default', 'attributes' => array('content' => array('type' => 'string', 'source' => 'html', 'selector' => 'pre', 'default' => '', '__unstablePreserveWhiteSpace' => true, '__experimentalRole' => 'content'), 'textAlign' => array('type' => 'string')), 'supports' => array('anchor' => true, 'color' => array('gradients' => true, 'link' => true, '__experimentalDefaultControls' => array('background' => true, 'text' => true)), 'typography' => array('fontSize' => true, '__experimentalFontFamily' => true, 'lineHeight' => true, '__experimentalFontStyle' => true, '__experimentalFontWeight' => true, '__experimentalLetterSpacing' => true, '__experimentalTextTransform' => true, '__experimentalTextDecoration' => true, '__experimentalDefaultControls' => array('fontSize' => true, 'fontAppearance' => true)), 'spacing' => array('margin' => true, 'padding' => true)), 'style' => 'wp-block-verse', 'editorStyle' => 'wp-block-verse-editor'), 'video' => array('$schema' => 'https://schemas.wp.org/trunk/block.json', 'apiVersion' => 2, 'name' => 'core/video', 'title' => 'Video', 'category' => 'media', 'description' => 'Embed a video from your media library or upload a new one.', 'keywords' => array('movie'), 'textdomain' => 'default', 'attributes' => array('autoplay' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'autoplay'), 'caption' => array('type' => 'string', 'source' => 'html', 'selector' => 'figcaption', '__experimentalRole' => 'content'), 'controls' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'controls', 'default' => true), 'id' => array('type' => 'number', '__experimentalRole' => 'content'), 'loop' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'loop'), 'muted' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'muted'), 'poster' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'poster'), 'preload' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'preload', 'default' => 'metadata'), 'src' => array('type' => 'string', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'src', '__experimentalRole' => 'content'), 'playsInline' => array('type' => 'boolean', 'source' => 'attribute', 'selector' => 'video', 'attribute' => 'playsinline'), 'tracks' => array('__experimentalRole' => 'content', 'type' => 'array', 'items' => array('type' => 'object'), 'default' => array())), 'supports' => array('anchor' => true, 'align' => true, 'spacing' => array('margin' => true, 'padding' => true)), 'editorStyle' => 'wp-block-video-editor', 'style' => 'wp-block-video'), 'widget-group' => array('apiVersion' => 2, 'name' => 'core/widget-group', 'category' => 'widgets', 'attributes' => array('title' => array('type' => 'string')), 'supports' => array('html' => false, 'inserter' => true, 'customClassName' => true, 'reusable' => false), 'editorStyle' => 'wp-block-widget-group-editor', 'style' => 'wp-block-widget-group')); \ No newline at end of file diff --git a/wp-includes/blocks/button/block.json b/wp-includes/blocks/button/block.json index 6076db9b8f..cc9921953a 100644 --- a/wp-includes/blocks/button/block.json +++ b/wp-includes/blocks/button/block.json @@ -9,6 +9,9 @@ "keywords": [ "link" ], "textdomain": "default", "attributes": { + "textAlign": { + "type": "string" + }, "url": { "type": "string", "source": "attribute", @@ -56,7 +59,7 @@ }, "supports": { "anchor": true, - "align": true, + "align": false, "alignWide": false, "color": { "__experimentalSkipSerialization": true, @@ -80,6 +83,7 @@ } }, "reusable": false, + "shadow": true, "spacing": { "__experimentalSkipSerialization": true, "padding": [ "horizontal", "vertical" ], diff --git a/wp-includes/blocks/calendar.php b/wp-includes/blocks/calendar.php index 8f6226e943..07a5e9d032 100644 --- a/wp-includes/blocks/calendar.php +++ b/wp-includes/blocks/calendar.php @@ -40,11 +40,34 @@ function render_block_core_calendar( $attributes ) { } } + $color_block_styles = array(); + + // Text color. + $preset_text_color = array_key_exists( 'textColor', $attributes ) ? "var:preset|color|{$attributes['textColor']}" : null; + $custom_text_color = _wp_array_get( $attributes, array( 'style', 'color', 'text' ), null ); + $color_block_styles['text'] = $preset_text_color ? $preset_text_color : $custom_text_color; + + // Background Color. + $preset_background_color = array_key_exists( 'backgroundColor', $attributes ) ? "var:preset|color|{$attributes['backgroundColor']}" : null; + $custom_background_color = _wp_array_get( $attributes, array( 'style', 'color', 'background' ), null ); + $color_block_styles['background'] = $preset_background_color ? $preset_background_color : $custom_background_color; + + // Generate color styles and classes. + $styles = wp_style_engine_get_styles( array( 'color' => $color_block_styles ), array( 'convert_vars_to_classnames' => true ) ); + $inline_styles = empty( $styles['css'] ) ? '' : sprintf( ' style="%s"', esc_attr( $styles['css'] ) ); + $classnames = empty( $styles['classnames'] ) ? '' : ' ' . esc_attr( $styles['classnames'] ); + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classnames .= ' has-link-color'; + } + // Apply color classes and styles to the calendar. + $calendar = str_replace( '%2$s', $wrapper_attributes, - get_calendar( true, false ) + $calendar ); // phpcs:ignore WordPress.WP.GlobalVariablesOverride.OverrideProhibited diff --git a/wp-includes/blocks/calendar/block.json b/wp-includes/blocks/calendar/block.json index fad97e0a9e..c772cf5841 100644 --- a/wp-includes/blocks/calendar/block.json +++ b/wp-includes/blocks/calendar/block.json @@ -17,6 +17,16 @@ }, "supports": { "align": true, + "anchor": true, + "color": { + "link": true, + "__experimentalSkipSerialization": [ "text", "background" ], + "__experimentalDefaultControls": { + "background": true, + "text": true + }, + "__experimentalSelector": "table, th" + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/calendar/style-rtl.css b/wp-includes/blocks/calendar/style-rtl.css index f28f0934b4..1f43997362 100644 --- a/wp-includes/blocks/calendar/style-rtl.css +++ b/wp-includes/blocks/calendar/style-rtl.css @@ -1,24 +1,33 @@ .wp-block-calendar{ text-align:center; } -.wp-block-calendar tbody td,.wp-block-calendar th{ - border:1px solid #ddd; +.wp-block-calendar td,.wp-block-calendar th{ + border:1px solid; padding:.25em; } -.wp-block-calendar tfoot td{ - border:none; +.wp-block-calendar th{ + font-weight:400; +} +.wp-block-calendar caption{ + background-color:inherit; } .wp-block-calendar table{ border-collapse:collapse; width:100%; } -.wp-block-calendar table th{ - background:#ddd; - font-weight:400; -} -.wp-block-calendar a{ - text-decoration:underline; -} -.wp-block-calendar table caption,.wp-block-calendar table tbody{ +.wp-block-calendar table:where(:not(.has-text-color)){ color:#40464d; +} +.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{ + border-color:#ddd; +} +.wp-block-calendar table.has-background th{ + background-color:inherit; +} +.wp-block-calendar table.has-text-color th{ + color:inherit; +} + +:where(.wp-block-calendar table:not(.has-background) th){ + background:#ddd; } \ No newline at end of file diff --git a/wp-includes/blocks/calendar/style-rtl.min.css b/wp-includes/blocks/calendar/style-rtl.min.css index d076c3a644..d41b1537af 100644 --- a/wp-includes/blocks/calendar/style-rtl.min.css +++ b/wp-includes/blocks/calendar/style-rtl.min.css @@ -1 +1 @@ -.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{border:1px solid #ddd;padding:.25em}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table th{background:#ddd;font-weight:400}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d} \ No newline at end of file +.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table:where(:not(.has-text-color)){color:#40464d}.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{border-color:#ddd}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd} \ No newline at end of file diff --git a/wp-includes/blocks/calendar/style.css b/wp-includes/blocks/calendar/style.css index f28f0934b4..1f43997362 100644 --- a/wp-includes/blocks/calendar/style.css +++ b/wp-includes/blocks/calendar/style.css @@ -1,24 +1,33 @@ .wp-block-calendar{ text-align:center; } -.wp-block-calendar tbody td,.wp-block-calendar th{ - border:1px solid #ddd; +.wp-block-calendar td,.wp-block-calendar th{ + border:1px solid; padding:.25em; } -.wp-block-calendar tfoot td{ - border:none; +.wp-block-calendar th{ + font-weight:400; +} +.wp-block-calendar caption{ + background-color:inherit; } .wp-block-calendar table{ border-collapse:collapse; width:100%; } -.wp-block-calendar table th{ - background:#ddd; - font-weight:400; -} -.wp-block-calendar a{ - text-decoration:underline; -} -.wp-block-calendar table caption,.wp-block-calendar table tbody{ +.wp-block-calendar table:where(:not(.has-text-color)){ color:#40464d; +} +.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{ + border-color:#ddd; +} +.wp-block-calendar table.has-background th{ + background-color:inherit; +} +.wp-block-calendar table.has-text-color th{ + color:inherit; +} + +:where(.wp-block-calendar table:not(.has-background) th){ + background:#ddd; } \ No newline at end of file diff --git a/wp-includes/blocks/calendar/style.min.css b/wp-includes/blocks/calendar/style.min.css index d076c3a644..d41b1537af 100644 --- a/wp-includes/blocks/calendar/style.min.css +++ b/wp-includes/blocks/calendar/style.min.css @@ -1 +1 @@ -.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{border:1px solid #ddd;padding:.25em}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table th{background:#ddd;font-weight:400}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d} \ No newline at end of file +.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table:where(:not(.has-text-color)){color:#40464d}.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{border-color:#ddd}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd} \ No newline at end of file diff --git a/wp-includes/blocks/categories.php b/wp-includes/blocks/categories.php index 027688152f..7e3979b7ae 100644 --- a/wp-includes/blocks/categories.php +++ b/wp-includes/blocks/categories.php @@ -14,7 +14,7 @@ */ function render_block_core_categories( $attributes ) { static $block_id = 0; - $block_id++; + ++$block_id; $args = array( 'echo' => false, diff --git a/wp-includes/blocks/categories/block.json b/wp-includes/blocks/categories/block.json index adf28dc42b..a90a527e35 100644 --- a/wp-includes/blocks/categories/block.json +++ b/wp-includes/blocks/categories/block.json @@ -30,6 +30,7 @@ }, "supports": { "align": true, + "anchor": true, "html": false, "spacing": { "margin": true, diff --git a/wp-includes/blocks/comment-author-name.php b/wp-includes/blocks/comment-author-name.php index 04d8e60c65..d3cd68c0df 100644 --- a/wp-includes/blocks/comment-author-name.php +++ b/wp-includes/blocks/comment-author-name.php @@ -25,12 +25,15 @@ function render_block_core_comment_author_name( $attributes, $content, $block ) return ''; } - $classes = ''; + $classes = array(); if ( isset( $attributes['textAlign'] ) ) { - $classes .= 'has-text-align-' . $attributes['textAlign']; + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); $comment_author = get_comment_author( $comment ); $link = get_comment_author_url( $comment ); diff --git a/wp-includes/blocks/comment-author-name/block.json b/wp-includes/blocks/comment-author-name/block.json index 59300c317a..cfa036fa80 100644 --- a/wp-includes/blocks/comment-author-name/block.json +++ b/wp-includes/blocks/comment-author-name/block.json @@ -22,6 +22,7 @@ }, "usesContext": [ "commentId" ], "supports": { + "anchor": true, "html": false, "spacing": { "margin": true, diff --git a/wp-includes/blocks/comment-content.php b/wp-includes/blocks/comment-content.php index 90ba060b44..50bca402ac 100644 --- a/wp-includes/blocks/comment-content.php +++ b/wp-includes/blocks/comment-content.php @@ -49,12 +49,15 @@ function render_block_core_comment_content( $attributes, $content, $block ) { } } - $classes = ''; + $classes = array(); if ( isset( $attributes['textAlign'] ) ) { - $classes .= 'has-text-align-' . $attributes['textAlign']; + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); return sprintf( '
%2$s%3$s
', diff --git a/wp-includes/blocks/comment-content/block.json b/wp-includes/blocks/comment-content/block.json index 0c28c25f33..69917ccce6 100644 --- a/wp-includes/blocks/comment-content/block.json +++ b/wp-includes/blocks/comment-content/block.json @@ -14,6 +14,7 @@ } }, "supports": { + "anchor": true, "color": { "gradients": true, "link": true, diff --git a/wp-includes/blocks/comment-date.php b/wp-includes/blocks/comment-date.php index 9bff9f2f6c..0f9c18bf2c 100644 --- a/wp-includes/blocks/comment-date.php +++ b/wp-includes/blocks/comment-date.php @@ -23,7 +23,7 @@ function render_block_core_comment_date( $attributes, $content, $block ) { return ''; } - $classes = ''; + $classes = ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) ? 'has-link-color' : ''; $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); $formatted_date = get_comment_date( diff --git a/wp-includes/blocks/comment-date/block.json b/wp-includes/blocks/comment-date/block.json index e90cb0b0d8..ea1e263338 100644 --- a/wp-includes/blocks/comment-date/block.json +++ b/wp-includes/blocks/comment-date/block.json @@ -18,6 +18,7 @@ }, "usesContext": [ "commentId" ], "supports": { + "anchor": true, "html": false, "color": { "gradients": true, diff --git a/wp-includes/blocks/comment-edit-link.php b/wp-includes/blocks/comment-edit-link.php index 39727ea5ae..ce7ad9bf20 100644 --- a/wp-includes/blocks/comment-edit-link.php +++ b/wp-includes/blocks/comment-edit-link.php @@ -27,12 +27,15 @@ function render_block_core_comment_edit_link( $attributes, $content, $block ) { $link_atts .= sprintf( 'target="%s"', esc_attr( $attributes['linkTarget'] ) ); } - $classes = ''; + $classes = array(); if ( isset( $attributes['textAlign'] ) ) { - $classes .= 'has-text-align-' . $attributes['textAlign']; + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); return sprintf( '
%4$s
', diff --git a/wp-includes/blocks/comment-edit-link/block.json b/wp-includes/blocks/comment-edit-link/block.json index 14795c83e1..e695ddc380 100644 --- a/wp-includes/blocks/comment-edit-link/block.json +++ b/wp-includes/blocks/comment-edit-link/block.json @@ -18,6 +18,7 @@ } }, "supports": { + "anchor": true, "html": false, "color": { "link": true, diff --git a/wp-includes/blocks/comment-reply-link.php b/wp-includes/blocks/comment-reply-link.php index 169b62ac24..3f7b6e48b6 100644 --- a/wp-includes/blocks/comment-reply-link.php +++ b/wp-includes/blocks/comment-reply-link.php @@ -34,7 +34,7 @@ function render_block_core_comment_reply_link( $attributes, $content, $block ) { // Compute comment's depth iterating over its ancestors. while ( ! empty( $parent_id ) ) { - $depth++; + ++$depth; $parent_id = get_comment( $parent_id )->comment_parent; } @@ -51,12 +51,15 @@ function render_block_core_comment_reply_link( $attributes, $content, $block ) { return; } - $classes = ''; + $classes = array(); if ( isset( $attributes['textAlign'] ) ) { - $classes .= 'has-text-align-' . $attributes['textAlign']; + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); return sprintf( '
%2$s
', diff --git a/wp-includes/blocks/comment-reply-link/block.json b/wp-includes/blocks/comment-reply-link/block.json index 9d4a1d8668..7ed60f34f5 100644 --- a/wp-includes/blocks/comment-reply-link/block.json +++ b/wp-includes/blocks/comment-reply-link/block.json @@ -14,6 +14,7 @@ } }, "supports": { + "anchor": true, "color": { "gradients": true, "link": true, diff --git a/wp-includes/blocks/comment-template.php b/wp-includes/blocks/comment-template.php index 770959854b..08620a3ea6 100644 --- a/wp-includes/blocks/comment-template.php +++ b/wp-includes/blocks/comment-template.php @@ -50,13 +50,13 @@ function block_core_comment_template_render_comments( $comments, $block ) { // comments. if ( ! empty( $children ) && ! empty( $thread_comments ) ) { if ( $comment_depth < $thread_comments_depth ) { - $comment_depth += 1; + ++$comment_depth; $inner_content = block_core_comment_template_render_comments( $children, $block ); $block_content .= sprintf( '
    %1$s
', $inner_content ); - $comment_depth -= 1; + --$comment_depth; } else { $inner_content = block_core_comment_template_render_comments( $children, @@ -70,7 +70,6 @@ function block_core_comment_template_render_comments( $comments, $block ) { } return $content; - } /** diff --git a/wp-includes/blocks/comment-template/block.json b/wp-includes/blocks/comment-template/block.json index 1a8dd4da1a..9d0eb98684 100644 --- a/wp-includes/blocks/comment-template/block.json +++ b/wp-includes/blocks/comment-template/block.json @@ -9,9 +9,14 @@ "textdomain": "default", "usesContext": [ "postId" ], "supports": { - "reusable": false, - "html": false, "align": true, + "anchor": true, + "html": false, + "reusable": false, + "spacing": { + "margin": true, + "padding": true + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/comment-template/style-rtl.css b/wp-includes/blocks/comment-template/style-rtl.css index a484500277..51e5b89939 100644 --- a/wp-includes/blocks/comment-template/style-rtl.css +++ b/wp-includes/blocks/comment-template/style-rtl.css @@ -1,4 +1,5 @@ .wp-block-comment-template{ + box-sizing:border-box; list-style:none; margin-bottom:0; max-width:100%; diff --git a/wp-includes/blocks/comment-template/style-rtl.min.css b/wp-includes/blocks/comment-template/style-rtl.min.css index b05951bee1..d15f281c49 100644 --- a/wp-includes/blocks/comment-template/style-rtl.min.css +++ b/wp-includes/blocks/comment-template/style-rtl.min.css @@ -1 +1 @@ -.wp-block-comment-template{list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-right:2rem}.wp-block-comment-template.alignleft{float:right}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:left} \ No newline at end of file +.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-right:2rem}.wp-block-comment-template.alignleft{float:right}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:left} \ No newline at end of file diff --git a/wp-includes/blocks/comment-template/style.css b/wp-includes/blocks/comment-template/style.css index f777957692..bfec572824 100644 --- a/wp-includes/blocks/comment-template/style.css +++ b/wp-includes/blocks/comment-template/style.css @@ -1,4 +1,5 @@ .wp-block-comment-template{ + box-sizing:border-box; list-style:none; margin-bottom:0; max-width:100%; diff --git a/wp-includes/blocks/comment-template/style.min.css b/wp-includes/blocks/comment-template/style.min.css index 7ac794f411..631ba4f759 100644 --- a/wp-includes/blocks/comment-template/style.min.css +++ b/wp-includes/blocks/comment-template/style.min.css @@ -1 +1 @@ -.wp-block-comment-template{list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:right} \ No newline at end of file +.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:right} \ No newline at end of file diff --git a/wp-includes/blocks/comments-pagination-next/block.json b/wp-includes/blocks/comments-pagination-next/block.json index 48da9495bf..f0cee1a1cd 100644 --- a/wp-includes/blocks/comments-pagination-next/block.json +++ b/wp-includes/blocks/comments-pagination-next/block.json @@ -14,6 +14,7 @@ }, "usesContext": [ "postId", "comments/paginationArrow" ], "supports": { + "anchor": true, "reusable": false, "html": false, "color": { diff --git a/wp-includes/blocks/comments-pagination-numbers/block.json b/wp-includes/blocks/comments-pagination-numbers/block.json index 97a0649a7a..0ab4f965ff 100644 --- a/wp-includes/blocks/comments-pagination-numbers/block.json +++ b/wp-includes/blocks/comments-pagination-numbers/block.json @@ -9,8 +9,16 @@ "textdomain": "default", "usesContext": [ "postId" ], "supports": { + "anchor": true, "reusable": false, "html": false, + "color": { + "gradients": true, + "text": false, + "__experimentalDefaultControls": { + "background": true + } + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/comments-pagination-previous/block.json b/wp-includes/blocks/comments-pagination-previous/block.json index a48782af29..211e1a3330 100644 --- a/wp-includes/blocks/comments-pagination-previous/block.json +++ b/wp-includes/blocks/comments-pagination-previous/block.json @@ -14,6 +14,7 @@ }, "usesContext": [ "postId", "comments/paginationArrow" ], "supports": { + "anchor": true, "reusable": false, "html": false, "color": { diff --git a/wp-includes/blocks/comments-pagination.php b/wp-includes/blocks/comments-pagination.php index 5c041c237c..2f9cef27f7 100644 --- a/wp-includes/blocks/comments-pagination.php +++ b/wp-includes/blocks/comments-pagination.php @@ -22,9 +22,12 @@ function render_block_core_comments_pagination( $attributes, $content ) { return; } + $classes = ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) ? 'has-link-color' : ''; + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + return sprintf( '
%2$s
', - get_block_wrapper_attributes(), + $wrapper_attributes, $content ); } diff --git a/wp-includes/blocks/comments-pagination/block.json b/wp-includes/blocks/comments-pagination/block.json index ffa2828912..d7c8be4b8e 100644 --- a/wp-includes/blocks/comments-pagination/block.json +++ b/wp-includes/blocks/comments-pagination/block.json @@ -17,6 +17,7 @@ "comments/paginationArrow": "paginationArrow" }, "supports": { + "anchor": true, "align": true, "reusable": false, "html": false, diff --git a/wp-includes/blocks/comments.php b/wp-includes/blocks/comments.php index 69044c081c..a5e51cfbf4 100644 --- a/wp-includes/blocks/comments.php +++ b/wp-includes/blocks/comments.php @@ -202,7 +202,6 @@ function register_legacy_post_comments_block() { 'wp-block-buttons', 'wp-block-button', ), - 'editorStyle' => 'wp-block-post-comments-editor', 'render_callback' => 'render_block_core_comments', 'skip_inner_blocks' => true, ); diff --git a/wp-includes/blocks/comments/block.json b/wp-includes/blocks/comments/block.json index 59d315b5fc..19490f6e99 100644 --- a/wp-includes/blocks/comments/block.json +++ b/wp-includes/blocks/comments/block.json @@ -18,6 +18,7 @@ }, "supports": { "align": [ "wide", "full" ], + "anchor": true, "html": false, "color": { "gradients": true, @@ -28,6 +29,10 @@ "link": true } }, + "spacing": { + "margin": true, + "padding": true + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/comments/editor-rtl.css b/wp-includes/blocks/comments/editor-rtl.css index 7c9dfa211f..1957e9e362 100644 --- a/wp-includes/blocks/comments/editor-rtl.css +++ b/wp-includes/blocks/comments/editor-rtl.css @@ -1,3 +1,6 @@ +.wp-block-comments__legacy-placeholder,.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ float:right; } diff --git a/wp-includes/blocks/comments/editor-rtl.min.css b/wp-includes/blocks/comments/editor-rtl.min.css index 586dd87bfa..37af71b036 100644 --- a/wp-includes/blocks/comments/editor-rtl.min.css +++ b/wp-includes/blocks/comments/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:right}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:left}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none} \ No newline at end of file +.wp-block-comments__legacy-placeholder,.wp-block-post-comments{box-sizing:border-box}.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:right}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:left}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none} \ No newline at end of file diff --git a/wp-includes/blocks/comments/editor.css b/wp-includes/blocks/comments/editor.css index 7543864cc8..e1b3136d9d 100644 --- a/wp-includes/blocks/comments/editor.css +++ b/wp-includes/blocks/comments/editor.css @@ -1,3 +1,6 @@ +.wp-block-comments__legacy-placeholder,.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ float:left; } diff --git a/wp-includes/blocks/comments/editor.min.css b/wp-includes/blocks/comments/editor.min.css index 142b27b859..995153d4c0 100644 --- a/wp-includes/blocks/comments/editor.min.css +++ b/wp-includes/blocks/comments/editor.min.css @@ -1 +1 @@ -.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:left}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:right}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none} \ No newline at end of file +.wp-block-comments__legacy-placeholder,.wp-block-post-comments{box-sizing:border-box}.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:left}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:right}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none} \ No newline at end of file diff --git a/wp-includes/blocks/comments/style-rtl.css b/wp-includes/blocks/comments/style-rtl.css index f9a95e6f11..636a8a187f 100644 --- a/wp-includes/blocks/comments/style-rtl.css +++ b/wp-includes/blocks/comments/style-rtl.css @@ -1,3 +1,6 @@ +.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-post-comments .alignleft{ float:right; } diff --git a/wp-includes/blocks/comments/style-rtl.min.css b/wp-includes/blocks/comments/style-rtl.min.css index c534079566..8a27a2703e 100644 --- a/wp-includes/blocks/comments/style-rtl.min.css +++ b/wp-includes/blocks/comments/style-rtl.min.css @@ -1 +1 @@ -.wp-block-post-comments .alignleft{float:right}.wp-block-post-comments .alignright{float:left}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none} \ No newline at end of file +.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:right}.wp-block-post-comments .alignright{float:left}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none} \ No newline at end of file diff --git a/wp-includes/blocks/comments/style.css b/wp-includes/blocks/comments/style.css index db6a7e42ed..c34c2db28c 100644 --- a/wp-includes/blocks/comments/style.css +++ b/wp-includes/blocks/comments/style.css @@ -1,3 +1,6 @@ +.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-post-comments .alignleft{ float:left; } diff --git a/wp-includes/blocks/comments/style.min.css b/wp-includes/blocks/comments/style.min.css index 8a545a0415..e359e5da26 100644 --- a/wp-includes/blocks/comments/style.min.css +++ b/wp-includes/blocks/comments/style.min.css @@ -1 +1 @@ -.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none} \ No newline at end of file +.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none} \ No newline at end of file diff --git a/wp-includes/blocks/cover/block.json b/wp-includes/blocks/cover/block.json index 1982ecc448..3bcc779a0f 100644 --- a/wp-includes/blocks/cover/block.json +++ b/wp-includes/blocks/cover/block.json @@ -74,6 +74,10 @@ "templateLock": { "type": [ "string", "boolean" ], "enum": [ "all", "insert", "contentOnly", false ] + }, + "tagName": { + "type": "string", + "default": "div" } }, "usesContext": [ "postId", "postType" ], diff --git a/wp-includes/blocks/cover/editor-rtl.css b/wp-includes/blocks/cover/editor-rtl.css index a84b65d65b..b33101f33b 100644 --- a/wp-includes/blocks/cover/editor-rtl.css +++ b/wp-includes/blocks/cover/editor-rtl.css @@ -80,4 +80,8 @@ .color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ margin-top:24px; +} + +.wp-block-cover:after{ + min-height:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor-rtl.min.css b/wp-includes/blocks/cover/editor-rtl.min.css index 7b8105dd5d..4aa60b4589 100644 --- a/wp-includes/blocks/cover/editor-rtl.min.css +++ b/wp-includes/blocks/cover/editor-rtl.min.css @@ -1 +1 @@ -.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{margin:0;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:right}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-right:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px} \ No newline at end of file +.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{margin:0;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:right}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-right:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}.wp-block-cover:after{min-height:auto} \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor.css b/wp-includes/blocks/cover/editor.css index f10bc8926e..a0e315ee14 100644 --- a/wp-includes/blocks/cover/editor.css +++ b/wp-includes/blocks/cover/editor.css @@ -80,4 +80,8 @@ .color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ margin-top:24px; +} + +.wp-block-cover:after{ + min-height:auto; } \ No newline at end of file diff --git a/wp-includes/blocks/cover/editor.min.css b/wp-includes/blocks/cover/editor.min.css index c82a411977..d856bc26cd 100644 --- a/wp-includes/blocks/cover/editor.min.css +++ b/wp-includes/blocks/cover/editor.min.css @@ -1 +1 @@ -.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:left}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-left:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px} \ No newline at end of file +.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:left}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-left:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}.wp-block-cover:after{min-height:auto} \ No newline at end of file diff --git a/wp-includes/blocks/embed/block.json b/wp-includes/blocks/embed/block.json index 7257b54cf2..e36768cd72 100644 --- a/wp-includes/blocks/embed/block.json +++ b/wp-includes/blocks/embed/block.json @@ -8,18 +8,22 @@ "textdomain": "default", "attributes": { "url": { - "type": "string" + "type": "string", + "__experimentalRole": "content" }, "caption": { "type": "string", "source": "html", - "selector": "figcaption" + "selector": "figcaption", + "__experimentalRole": "content" }, "type": { - "type": "string" + "type": "string", + "__experimentalRole": "content" }, "providerNameSlug": { - "type": "string" + "type": "string", + "__experimentalRole": "content" }, "allowResponsive": { "type": "boolean", @@ -27,11 +31,13 @@ }, "responsive": { "type": "boolean", - "default": false + "default": false, + "__experimentalRole": "content" }, "previewable": { "type": "boolean", - "default": true + "default": true, + "__experimentalRole": "content" } }, "supports": { diff --git a/wp-includes/blocks/gallery.php b/wp-includes/blocks/gallery.php index 7bc5e2821b..2affdd236f 100644 --- a/wp-includes/blocks/gallery.php +++ b/wp-includes/blocks/gallery.php @@ -76,13 +76,10 @@ function block_core_gallery_render( $attributes, $content ) { } } - $class = wp_unique_id( 'wp-block-gallery-' ); - $content = preg_replace( - '/' . preg_quote( 'class="', '/' ) . '/', - 'class="' . $class . ' ', - $content, - 1 - ); + $unique_gallery_classname = wp_unique_id( 'wp-block-gallery-' ); + $processed_content = new WP_HTML_Tag_Processor( $content ); + $processed_content->next_tag(); + $processed_content->add_class( $unique_gallery_classname ); // --gallery-block--gutter-size is deprecated. --wp--style--gallery-gap-default should be used by themes that want to set a default // gap on the gallery. @@ -102,10 +99,22 @@ function block_core_gallery_render( $attributes, $content ) { } // Set the CSS variable to the column value, and the `gap` property to the combined gap value. - $style = '.wp-block-gallery.' . $class . '{ --wp--style--unstable-gallery-gap: ' . $gap_column . '; gap: ' . $gap_value . '}'; + $gallery_styles = array(); + $gallery_styles[] = array( + 'selector' => ".wp-block-gallery.{$unique_gallery_classname}", + 'declarations' => array( + '--wp--style--unstable-gallery-gap' => $gap_column, + 'gap' => $gap_value, + ), + ); - wp_enqueue_block_support_styles( $style, 11 ); - return $content; + wp_style_engine_get_stylesheet_from_css_rules( + $gallery_styles, + array( + 'context' => 'block-supports', + ) + ); + return (string) $processed_content; } /** * Registers the `core/gallery` block on server. diff --git a/wp-includes/blocks/gallery/editor-rtl.css b/wp-includes/blocks/gallery/editor-rtl.css index 2a369b3995..e50d37bb28 100644 --- a/wp-includes/blocks/gallery/editor-rtl.css +++ b/wp-includes/blocks/gallery/editor-rtl.css @@ -108,7 +108,7 @@ figure.wp-block-gallery .components-spinner{ } } .block-library-gallery-item__inline-menu:hover{ - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); } @media (min-width:600px){ .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ diff --git a/wp-includes/blocks/gallery/editor-rtl.min.css b/wp-includes/blocks/gallery/editor-rtl.min.css index 42136081a7..aff9c7be5f 100644 --- a/wp-includes/blocks/gallery/editor-rtl.min.css +++ b/wp-includes/blocks/gallery/editor-rtl.min.css @@ -1 +1 @@ -figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{left:5px;position:absolute;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.gallery-settings-buttons .components-button:first-child{margin-left:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 4px 0 8px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 2px 6px rgba(0,0,0,.05)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{right:-2px}.block-library-gallery-item__inline-menu.is-right{left:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end} \ No newline at end of file +figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{left:5px;position:absolute;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.gallery-settings-buttons .components-button:first-child{margin-left:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 4px 0 8px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{right:-2px}.block-library-gallery-item__inline-menu.is-right{left:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end} \ No newline at end of file diff --git a/wp-includes/blocks/gallery/editor.css b/wp-includes/blocks/gallery/editor.css index 7e6405e790..234d4b667b 100644 --- a/wp-includes/blocks/gallery/editor.css +++ b/wp-includes/blocks/gallery/editor.css @@ -108,7 +108,7 @@ figure.wp-block-gallery .components-spinner{ } } .block-library-gallery-item__inline-menu:hover{ - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); } @media (min-width:600px){ .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ diff --git a/wp-includes/blocks/gallery/editor.min.css b/wp-includes/blocks/gallery/editor.min.css index 945f465350..de966e56e3 100644 --- a/wp-includes/blocks/gallery/editor.min.css +++ b/wp-includes/blocks/gallery/editor.min.css @@ -1 +1 @@ -figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{position:absolute;right:5px;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.gallery-settings-buttons .components-button:first-child{margin-right:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 8px 0 4px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 2px 6px rgba(0,0,0,.05)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{left:-2px}.block-library-gallery-item__inline-menu.is-right{right:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end} \ No newline at end of file +figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{position:absolute;right:5px;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.gallery-settings-buttons .components-button:first-child{margin-right:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 8px 0 4px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{left:-2px}.block-library-gallery-item__inline-menu.is-right{right:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end} \ No newline at end of file diff --git a/wp-includes/blocks/group/block.json b/wp-includes/blocks/group/block.json index 968f00cb1c..2b227a1584 100644 --- a/wp-includes/blocks/group/block.json +++ b/wp-includes/blocks/group/block.json @@ -41,6 +41,9 @@ "blockGap": true } }, + "dimensions": { + "minHeight": true + }, "__experimentalBorder": { "color": true, "radius": true, @@ -53,6 +56,9 @@ "width": true } }, + "position": { + "sticky": true + }, "typography": { "fontSize": true, "lineHeight": true, @@ -66,7 +72,9 @@ "fontSize": true } }, - "__experimentalLayout": true + "__experimentalLayout": { + "allowSizingOnChildren": true + } }, "editorStyle": "wp-block-group-editor", "style": "wp-block-group" diff --git a/wp-includes/blocks/group/editor-rtl.css b/wp-includes/blocks/group/editor-rtl.css index ca9dd6e986..78cb04eb4b 100644 --- a/wp-includes/blocks/group/editor-rtl.css +++ b/wp-includes/blocks/group/editor-rtl.css @@ -31,6 +31,60 @@ min-height:46px; pointer-events:none; } +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ pointer-events:all; +} + +.wp-block-group__placeholder .wp-block-group-placeholder__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:center; + list-style:none; + margin:0; + padding:0; + width:100%; +} +.wp-block-group__placeholder .components-placeholder__instructions{ + margin-bottom:18px; + text-align:center; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{ + fill:#ccc !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{ + fill:var(--wp-admin-theme-color) !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{ + align-items:center; + display:flex; + flex-direction:column; + margin:0 12px 12px; + width:auto; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{ + height:32px; + padding:0; + width:44px; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{ + box-shadow:none; +} +.wp-block-group__placeholder .components-placeholder{ + min-height:auto; + padding:24px; +} +.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{ + margin:12px; } \ No newline at end of file diff --git a/wp-includes/blocks/group/editor-rtl.min.css b/wp-includes/blocks/group/editor-rtl.min.css index cabc882bcf..ff863a8fcb 100644 --- a/wp-includes/blocks/group/editor-rtl.min.css +++ b/wp-includes/blocks/group/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all} \ No newline at end of file +.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all}.wp-block-group__placeholder .wp-block-group-placeholder__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.wp-block-group__placeholder .components-placeholder__instructions{margin-bottom:18px;text-align:center}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{fill:#ccc!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{fill:var(--wp-admin-theme-color)!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{align-items:center;display:flex;flex-direction:column;margin:0 12px 12px;width:auto}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{height:32px;padding:0;width:44px}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{box-shadow:none}.wp-block-group__placeholder .components-placeholder{min-height:auto;padding:24px}.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{margin:12px} \ No newline at end of file diff --git a/wp-includes/blocks/group/editor.css b/wp-includes/blocks/group/editor.css index ca9dd6e986..78cb04eb4b 100644 --- a/wp-includes/blocks/group/editor.css +++ b/wp-includes/blocks/group/editor.css @@ -31,6 +31,60 @@ min-height:46px; pointer-events:none; } +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ pointer-events:all; +} + +.wp-block-group__placeholder .wp-block-group-placeholder__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:center; + list-style:none; + margin:0; + padding:0; + width:100%; +} +.wp-block-group__placeholder .components-placeholder__instructions{ + margin-bottom:18px; + text-align:center; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{ + fill:#ccc !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{ + fill:var(--wp-admin-theme-color) !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{ + align-items:center; + display:flex; + flex-direction:column; + margin:0 12px 12px; + width:auto; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{ + height:32px; + padding:0; + width:44px; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{ + box-shadow:none; +} +.wp-block-group__placeholder .components-placeholder{ + min-height:auto; + padding:24px; +} +.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{ + margin:12px; } \ No newline at end of file diff --git a/wp-includes/blocks/group/editor.min.css b/wp-includes/blocks/group/editor.min.css index cabc882bcf..ff863a8fcb 100644 --- a/wp-includes/blocks/group/editor.min.css +++ b/wp-includes/blocks/group/editor.min.css @@ -1 +1 @@ -.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all} \ No newline at end of file +.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all}.wp-block-group__placeholder .wp-block-group-placeholder__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.wp-block-group__placeholder .components-placeholder__instructions{margin-bottom:18px;text-align:center}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{fill:#ccc!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{fill:var(--wp-admin-theme-color)!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{align-items:center;display:flex;flex-direction:column;margin:0 12px 12px;width:auto}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{height:32px;padding:0;width:44px}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{box-shadow:none}.wp-block-group__placeholder .components-placeholder{min-height:auto;padding:24px}.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{margin:12px} \ No newline at end of file diff --git a/wp-includes/blocks/heading.php b/wp-includes/blocks/heading.php new file mode 100644 index 0000000000..5a7e8dbaab --- /dev/null +++ b/wp-includes/blocks/heading.php @@ -0,0 +1,52 @@ +Hello World + * + * Would be transformed to: + *

Hello World

+ * + * @param array $attributes Attributes of the block being rendered. + * @param string $content Content of the block being rendered. + * + * @return string The content of the block being rendered. + */ +function block_core_heading_render( $attributes, $content ) { + if ( ! $content ) { + return $content; + } + + $p = new WP_HTML_Tag_Processor( $content ); + + $header_tags = array( 'H1', 'H2', 'H3', 'H4', 'H5', 'H6' ); + while ( $p->next_tag() ) { + if ( in_array( $p->get_tag(), $header_tags, true ) ) { + $p->add_class( 'wp-block-heading' ); + break; + } + } + + return $p->get_updated_html(); +} + +/** + * Registers the `core/heading` block on server. + */ +function register_block_core_heading() { + register_block_type_from_metadata( + __DIR__ . '/heading', + array( + 'render_callback' => 'block_core_heading_render', + ) + ); +} + +add_action( 'init', 'register_block_core_heading' ); diff --git a/wp-includes/blocks/heading/block.json b/wp-includes/blocks/heading/block.json index 89c1514808..f9d701eace 100644 --- a/wp-includes/blocks/heading/block.json +++ b/wp-includes/blocks/heading/block.json @@ -29,7 +29,7 @@ "supports": { "align": [ "wide", "full" ], "anchor": true, - "className": false, + "className": true, "color": { "gradients": true, "link": true, @@ -57,7 +57,6 @@ "textTransform": true } }, - "__experimentalSelector": "h1,h2,h3,h4,h5,h6", "__unstablePasteTextInline": true, "__experimentalSlashInserter": true }, diff --git a/wp-includes/blocks/home-link.php b/wp-includes/blocks/home-link.php index 5bf7aeda55..33f41057c9 100644 --- a/wp-includes/blocks/home-link.php +++ b/wp-includes/blocks/home-link.php @@ -128,7 +128,7 @@ function render_block_core_home_link( $attributes, $content, $block ) { $aria_current = is_home() || ( is_front_page() && 'page' === get_option( 'show_on_front' ) ) ? ' aria-current="page"' : ''; return sprintf( - '
  • %4$s
    • ', + '
  • %4$s
    • ', block_core_home_link_build_li_wrapper_attributes( $block->context ), esc_url( home_url() ), $aria_current, diff --git a/wp-includes/blocks/home-link/block.json b/wp-includes/blocks/home-link/block.json index 567bdf8c27..df964ad76b 100644 --- a/wp-includes/blocks/home-link/block.json +++ b/wp-includes/blocks/home-link/block.json @@ -22,6 +22,7 @@ "style" ], "supports": { + "anchor": true, "reusable": false, "html": false, "typography": { diff --git a/wp-includes/blocks/html/block.json b/wp-includes/blocks/html/block.json index e72a674373..c1e1e94b87 100644 --- a/wp-includes/blocks/html/block.json +++ b/wp-includes/blocks/html/block.json @@ -10,7 +10,7 @@ "attributes": { "content": { "type": "string", - "source": "html" + "source": "raw" } }, "supports": { diff --git a/wp-includes/blocks/image/editor-rtl.css b/wp-includes/blocks/image/editor-rtl.css index 27098c5893..d11c4e91b7 100644 --- a/wp-includes/blocks/image/editor-rtl.css +++ b/wp-includes/blocks/image/editor-rtl.css @@ -12,6 +12,9 @@ .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ display:none; } +.wp-block-image.wp-block-image.is-selected .components-placeholder:before{ + opacity:0; +} .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ transition:none; } @@ -37,7 +40,7 @@ figure.wp-block-image:not(.wp-block){ } .wp-block-image .components-resizable-box__container{ - display:inline-block; + display:table; } .wp-block-image .components-resizable-box__container img{ display:block; @@ -109,15 +112,6 @@ figure.wp-block-image:not(.wp-block){ min-width:260px; overflow:visible !important; } -.wp-block-image__zoom .components-range-control{ - flex:1; -} -.wp-block-image__zoom .components-base-control__field{ - align-items:flex-start; - display:flex; - flex-direction:column; - margin-bottom:0; -} .wp-block-image__aspect-ratio{ align-items:center; diff --git a/wp-includes/blocks/image/editor-rtl.min.css b/wp-includes/blocks/image/editor-rtl.min.css index 9d491abe47..125df84488 100644 --- a/wp-includes/blocks/image/editor-rtl.min.css +++ b/wp-includes/blocks/image/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__zoom .components-range-control{flex:1}.wp-block-image__zoom .components-base-control__field{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px} \ No newline at end of file +.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px} \ No newline at end of file diff --git a/wp-includes/blocks/image/editor.css b/wp-includes/blocks/image/editor.css index 03e4be9df3..ebd0431052 100644 --- a/wp-includes/blocks/image/editor.css +++ b/wp-includes/blocks/image/editor.css @@ -12,6 +12,9 @@ .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ display:none; } +.wp-block-image.wp-block-image.is-selected .components-placeholder:before{ + opacity:0; +} .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ transition:none; } @@ -37,7 +40,7 @@ figure.wp-block-image:not(.wp-block){ } .wp-block-image .components-resizable-box__container{ - display:inline-block; + display:table; } .wp-block-image .components-resizable-box__container img{ display:block; @@ -109,15 +112,6 @@ figure.wp-block-image:not(.wp-block){ min-width:260px; overflow:visible !important; } -.wp-block-image__zoom .components-range-control{ - flex:1; -} -.wp-block-image__zoom .components-base-control__field{ - align-items:flex-start; - display:flex; - flex-direction:column; - margin-bottom:0; -} .wp-block-image__aspect-ratio{ align-items:center; diff --git a/wp-includes/blocks/image/editor.min.css b/wp-includes/blocks/image/editor.min.css index f5301143a7..b12013d433 100644 --- a/wp-includes/blocks/image/editor.min.css +++ b/wp-includes/blocks/image/editor.min.css @@ -1 +1 @@ -.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__zoom .components-range-control{flex:1}.wp-block-image__zoom .components-base-control__field{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px} \ No newline at end of file +.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px} \ No newline at end of file diff --git a/wp-includes/blocks/latest-comments/block.json b/wp-includes/blocks/latest-comments/block.json index 4f8b0fbf54..b7ba5c71a6 100644 --- a/wp-includes/blocks/latest-comments/block.json +++ b/wp-includes/blocks/latest-comments/block.json @@ -29,7 +29,12 @@ }, "supports": { "align": true, - "html": false + "anchor": true, + "html": false, + "spacing": { + "margin": true, + "padding": true + } }, "editorStyle": "wp-block-latest-comments-editor", "style": "wp-block-latest-comments" diff --git a/wp-includes/blocks/latest-comments/style-rtl.css b/wp-includes/blocks/latest-comments/style-rtl.css index 69c3ce26a7..b0268f75c7 100644 --- a/wp-includes/blocks/latest-comments/style-rtl.css +++ b/wp-includes/blocks/latest-comments/style-rtl.css @@ -1,4 +1,5 @@ ol.wp-block-latest-comments{ + box-sizing:border-box; margin-right:0; } diff --git a/wp-includes/blocks/latest-comments/style-rtl.min.css b/wp-includes/blocks/latest-comments/style-rtl.min.css index 75b072b5a2..a19a77b661 100644 --- a/wp-includes/blocks/latest-comments/style-rtl.min.css +++ b/wp-includes/blocks/latest-comments/style-rtl.min.css @@ -1 +1 @@ -ol.wp-block-latest-comments{margin-right:0}.wp-block-latest-comments .wp-block-latest-comments{padding-right:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-right:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;width:2.5em} \ No newline at end of file +ol.wp-block-latest-comments{box-sizing:border-box;margin-right:0}.wp-block-latest-comments .wp-block-latest-comments{padding-right:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-right:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;width:2.5em} \ No newline at end of file diff --git a/wp-includes/blocks/latest-comments/style.css b/wp-includes/blocks/latest-comments/style.css index e1fd94499f..cd2f3682d0 100644 --- a/wp-includes/blocks/latest-comments/style.css +++ b/wp-includes/blocks/latest-comments/style.css @@ -1,4 +1,5 @@ ol.wp-block-latest-comments{ + box-sizing:border-box; margin-left:0; } diff --git a/wp-includes/blocks/latest-comments/style.min.css b/wp-includes/blocks/latest-comments/style.min.css index cbb4fdc466..2edb9b9a25 100644 --- a/wp-includes/blocks/latest-comments/style.min.css +++ b/wp-includes/blocks/latest-comments/style.min.css @@ -1 +1 @@ -ol.wp-block-latest-comments{margin-left:0}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em} \ No newline at end of file +ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts.php b/wp-includes/blocks/latest-posts.php index cbeafb6677..d3945ee2c9 100644 --- a/wp-includes/blocks/latest-posts.php +++ b/wp-includes/blocks/latest-posts.php @@ -55,7 +55,7 @@ function render_block_core_latest_posts( $attributes ) { $args['author'] = $attributes['selectedAuthor']; } - $query = new WP_Query; + $query = new WP_Query(); $recent_posts = $query->query( $args ); if ( isset( $attributes['displayFeaturedImage'] ) && $attributes['displayFeaturedImage'] ) { @@ -173,25 +173,24 @@ function render_block_core_latest_posts( $attributes ) { remove_filter( 'excerpt_length', 'block_core_latest_posts_get_excerpt_length', 20 ); - $class = 'wp-block-latest-posts__list'; - + $classes = array( 'wp-block-latest-posts__list' ); if ( isset( $attributes['postLayout'] ) && 'grid' === $attributes['postLayout'] ) { - $class .= ' is-grid'; + $classes[] = 'is-grid'; } - if ( isset( $attributes['columns'] ) && 'grid' === $attributes['postLayout'] ) { - $class .= ' columns-' . $attributes['columns']; + $classes[] = 'columns-' . $attributes['columns']; } - if ( isset( $attributes['displayPostDate'] ) && $attributes['displayPostDate'] ) { - $class .= ' has-dates'; + $classes[] = 'has-dates'; } - if ( isset( $attributes['displayAuthor'] ) && $attributes['displayAuthor'] ) { - $class .= ' has-author'; + $classes[] = 'has-author'; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $class ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); return sprintf( '', diff --git a/wp-includes/blocks/latest-posts/block.json b/wp-includes/blocks/latest-posts/block.json index b423b09d90..9b451f5875 100644 --- a/wp-includes/blocks/latest-posts/block.json +++ b/wp-includes/blocks/latest-posts/block.json @@ -84,7 +84,21 @@ }, "supports": { "align": true, + "anchor": true, "html": false, + "color": { + "gradients": true, + "link": true, + "__experimentalDefaultControls": { + "background": true, + "text": true, + "link": true + } + }, + "spacing": { + "margin": true, + "padding": true + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/latest-posts/style-rtl.css b/wp-includes/blocks/latest-posts/style-rtl.css index df5ec768aa..cad7683b07 100644 --- a/wp-includes/blocks/latest-posts/style-rtl.css +++ b/wp-includes/blocks/latest-posts/style-rtl.css @@ -1,3 +1,6 @@ +.wp-block-latest-posts{ + box-sizing:border-box; +} .wp-block-latest-posts.alignleft{ margin-right:2em; } diff --git a/wp-includes/blocks/latest-posts/style-rtl.min.css b/wp-includes/blocks/latest-posts/style-rtl.min.css index 7e622eff9e..ff16e588d2 100644 --- a/wp-includes/blocks/latest-posts/style-rtl.min.css +++ b/wp-includes/blocks/latest-posts/style-rtl.min.css @@ -1 +1 @@ -.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-right:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 0 1.25em 1.25em;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-left:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-left:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-left:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-left:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-left:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center} \ No newline at end of file +.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-right:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 0 1.25em 1.25em;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-left:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-left:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-left:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-left:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-left:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center} \ No newline at end of file diff --git a/wp-includes/blocks/latest-posts/style.css b/wp-includes/blocks/latest-posts/style.css index 38d6058865..63f0115b18 100644 --- a/wp-includes/blocks/latest-posts/style.css +++ b/wp-includes/blocks/latest-posts/style.css @@ -1,3 +1,6 @@ +.wp-block-latest-posts{ + box-sizing:border-box; +} .wp-block-latest-posts.alignleft{ margin-right:2em; } diff --git a/wp-includes/blocks/latest-posts/style.min.css b/wp-includes/blocks/latest-posts/style.min.css index 1c3b4fb587..a71b476cf9 100644 --- a/wp-includes/blocks/latest-posts/style.min.css +++ b/wp-includes/blocks/latest-posts/style.min.css @@ -1 +1 @@ -.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center} \ No newline at end of file +.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center} \ No newline at end of file diff --git a/wp-includes/blocks/list-item/block.json b/wp-includes/blocks/list-item/block.json index 674cf381aa..745d6e30b4 100644 --- a/wp-includes/blocks/list-item/block.json +++ b/wp-includes/blocks/list-item/block.json @@ -21,6 +21,19 @@ }, "supports": { "className": false, - "__experimentalSelector": "li" + "__experimentalSelector": "li", + "typography": { + "fontSize": true, + "lineHeight": true, + "__experimentalFontFamily": true, + "__experimentalFontWeight": true, + "__experimentalFontStyle": true, + "__experimentalTextTransform": true, + "__experimentalTextDecoration": true, + "__experimentalLetterSpacing": true, + "__experimentalDefaultControls": { + "fontSize": true + } + } } } diff --git a/wp-includes/blocks/loginout/block.json b/wp-includes/blocks/loginout/block.json index 3db9d0040c..aea0bb9e68 100644 --- a/wp-includes/blocks/loginout/block.json +++ b/wp-includes/blocks/loginout/block.json @@ -18,6 +18,7 @@ } }, "supports": { + "anchor": true, "className": true, "typography": { "fontSize": false diff --git a/wp-includes/blocks/navigation-link.php b/wp-includes/blocks/navigation-link.php index f32437b41a..34db86d3b3 100644 --- a/wp-includes/blocks/navigation-link.php +++ b/wp-includes/blocks/navigation-link.php @@ -120,6 +120,33 @@ function block_core_navigation_link_render_submenu_icon() { return ''; } +/** + * Decodes a url if it's encoded, returning the same url if not. + * + * @param string $url The url to decode. + * + * @return string $url Returns the decoded url. + */ +function block_core_navigation_link_maybe_urldecode( $url ) { + $is_url_encoded = false; + $query = parse_url( $url, PHP_URL_QUERY ); + $query_params = wp_parse_args( $query ); + + foreach ( $query_params as $query_param ) { + if ( rawurldecode( $query_param ) !== $query_param ) { + $is_url_encoded = true; + break; + } + } + + if ( $is_url_encoded ) { + return rawurldecode( $url ); + } + + return $url; +} + + /** * Renders the `core/navigation-link` block. * @@ -171,7 +198,7 @@ function render_block_core_navigation_link( $attributes, $content, $block ) { // Start appending HTML attributes to anchor tag. if ( isset( $attributes['url'] ) ) { - $html .= ' href="' . esc_url( $attributes['url'] ) . '"'; + $html .= ' href="' . esc_url( block_core_navigation_link_maybe_urldecode( $attributes['url'] ) ) . '"'; } if ( $is_active ) { @@ -344,3 +371,35 @@ function register_block_core_navigation_link() { ); } add_action( 'init', 'register_block_core_navigation_link' ); + +/** + * Enables animation of the block inspector for the Navigation Link block. + * + * See: + * - https://github.com/WordPress/gutenberg/pull/46342 + * - https://github.com/WordPress/gutenberg/issues/45884 + * + * @param array $settings Default editor settings. + * @return array Filtered editor settings. + */ +function block_core_navigation_link_enable_inspector_animation( $settings ) { + $current_animation_settings = _wp_array_get( + $settings, + array( '__experimentalBlockInspectorAnimation' ), + array() + ); + + $settings['__experimentalBlockInspectorAnimation'] = array_merge( + $current_animation_settings, + array( + 'core/navigation-link' => + array( + 'enterDirection' => 'rightToLeft', + ), + ) + ); + + return $settings; +} + +add_filter( 'block_editor_settings_all', 'block_core_navigation_link_enable_inspector_animation' ); diff --git a/wp-includes/blocks/navigation-link/editor-rtl.css b/wp-includes/blocks/navigation-link/editor-rtl.css index 5db656e0b7..55dc3f568b 100644 --- a/wp-includes/blocks/navigation-link/editor-rtl.css +++ b/wp-includes/blocks/navigation-link/editor-rtl.css @@ -1,3 +1,6 @@ +.wp-block-navigation .block-list-appender{ + position:relative; +} .wp-block-navigation .has-child{ cursor:pointer; } diff --git a/wp-includes/blocks/navigation-link/editor-rtl.min.css b/wp-includes/blocks/navigation-link/editor-rtl.min.css index 389db0fa24..28cd4d0b48 100644 --- a/wp-includes/blocks/navigation-link/editor-rtl.min.css +++ b/wp-includes/blocks/navigation-link/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px 16px 16px auto}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(-45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(-135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:100% 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto} \ No newline at end of file +.wp-block-navigation .block-list-appender{position:relative}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px 16px 16px auto}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(-45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(-135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:100% 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto} \ No newline at end of file diff --git a/wp-includes/blocks/navigation-link/editor.css b/wp-includes/blocks/navigation-link/editor.css index 7cc97369b4..05caa52163 100644 --- a/wp-includes/blocks/navigation-link/editor.css +++ b/wp-includes/blocks/navigation-link/editor.css @@ -1,3 +1,6 @@ +.wp-block-navigation .block-list-appender{ + position:relative; +} .wp-block-navigation .has-child{ cursor:pointer; } diff --git a/wp-includes/blocks/navigation-link/editor.min.css b/wp-includes/blocks/navigation-link/editor.min.css index 29be413877..bbc6599a02 100644 --- a/wp-includes/blocks/navigation-link/editor.min.css +++ b/wp-includes/blocks/navigation-link/editor.min.css @@ -1 +1 @@ -.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px auto 16px 16px}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto} \ No newline at end of file +.wp-block-navigation .block-list-appender{position:relative}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px auto 16px 16px}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto} \ No newline at end of file diff --git a/wp-includes/blocks/navigation-submenu.php b/wp-includes/blocks/navigation-submenu.php index 0ad7ba1d65..870fda57b5 100644 --- a/wp-includes/blocks/navigation-submenu.php +++ b/wp-includes/blocks/navigation-submenu.php @@ -155,7 +155,7 @@ function render_block_core_navigation_submenu( $attributes, $content, $block ) { $css_classes = trim( implode( ' ', $classes ) ); $has_submenu = count( $block->inner_blocks ) > 0; - $is_active = ! empty( $attributes['id'] ) && ( get_the_ID() === (int) $attributes['id'] ); + $is_active = ! empty( $attributes['id'] ) && ( get_queried_object_id() === (int) $attributes['id'] ); $show_submenu_indicators = isset( $block->context['showSubmenuIcon'] ) && $block->context['showSubmenuIcon']; $open_on_click = isset( $block->context['openSubmenusOnClick'] ) && $block->context['openSubmenusOnClick']; @@ -255,6 +255,14 @@ function render_block_core_navigation_submenu( $attributes, $content, $block ) { $inner_blocks_html .= $inner_block->render(); } + if ( strpos( $inner_blocks_html, 'current-menu-item' ) ) { + $tag_processor = new WP_HTML_Tag_Processor( $html ); + while ( $tag_processor->next_tag( array( 'class_name' => 'wp-block-navigation-item__content' ) ) ) { + $tag_processor->add_class( 'current-menu-ancestor' ); + } + $html = $tag_processor->get_updated_html(); + } + $html .= sprintf( '', $inner_blocks_html @@ -281,3 +289,35 @@ function register_block_core_navigation_submenu() { ); } add_action( 'init', 'register_block_core_navigation_submenu' ); + +/** + * Enables animation of the block inspector for the Navigation Submenu block. + * + * See: + * - https://github.com/WordPress/gutenberg/pull/46342 + * - https://github.com/WordPress/gutenberg/issues/45884 + * + * @param array $settings Default editor settings. + * @return array Filtered editor settings. + */ +function block_core_navigation_submenu_enable_inspector_animation( $settings ) { + $current_animation_settings = _wp_array_get( + $settings, + array( '__experimentalBlockInspectorAnimation' ), + array() + ); + + $settings['__experimentalBlockInspectorAnimation'] = array_merge( + $current_animation_settings, + array( + 'core/navigation-submenu' => + array( + 'enterDirection' => 'rightToLeft', + ), + ) + ); + + return $settings; +} + +add_filter( 'block_editor_settings_all', 'block_core_navigation_submenu_enable_inspector_animation' ); diff --git a/wp-includes/blocks/navigation.php b/wp-includes/blocks/navigation.php index c3f6317eb2..06cc21aa87 100644 --- a/wp-includes/blocks/navigation.php +++ b/wp-includes/blocks/navigation.php @@ -248,6 +248,121 @@ function block_core_navigation_render_submenu_icon() { return ''; } +/** + * Get the classic navigation menu to use as a fallback. + * + * @return object WP_Term The classic navigation. + */ +function block_core_navigation_get_classic_menu_fallback() { + $classic_nav_menus = wp_get_nav_menus(); + + // If menus exist. + if ( $classic_nav_menus && ! is_wp_error( $classic_nav_menus ) ) { + // Handles simple use case where user has a classic menu and switches to a block theme. + + // Returns the menu assigned to location `primary`. + $locations = get_nav_menu_locations(); + if ( isset( $locations['primary'] ) ) { + $primary_menu = wp_get_nav_menu_object( $locations['primary'] ); + if ( $primary_menu ) { + return $primary_menu; + } + } + + // Returns a menu if `primary` is its slug. + foreach ( $classic_nav_menus as $classic_nav_menu ) { + if ( 'primary' === $classic_nav_menu->slug ) { + return $classic_nav_menu; + } + } + + // Otherwise return the most recently created classic menu. + usort( + $classic_nav_menus, + function( $a, $b ) { + return $b->term_id - $a->term_id; + } + ); + return $classic_nav_menus[0]; + } +} + +/** + * Converts a classic navigation to blocks. + * + * @param object $classic_nav_menu WP_Term The classic navigation object to convert. + * @return array the normalized parsed blocks. + */ +function block_core_navigation_get_classic_menu_fallback_blocks( $classic_nav_menu ) { + // BEGIN: Code that already exists in wp_nav_menu(). + $menu_items = wp_get_nav_menu_items( $classic_nav_menu->term_id, array( 'update_post_term_cache' => false ) ); + + // Set up the $menu_item variables. + _wp_menu_item_classes_by_context( $menu_items ); + + $sorted_menu_items = array(); + foreach ( (array) $menu_items as $menu_item ) { + $sorted_menu_items[ $menu_item->menu_order ] = $menu_item; + } + + unset( $menu_items, $menu_item ); + + // END: Code that already exists in wp_nav_menu(). + + $menu_items_by_parent_id = array(); + foreach ( $sorted_menu_items as $menu_item ) { + $menu_items_by_parent_id[ $menu_item->menu_item_parent ][] = $menu_item; + } + + $inner_blocks = block_core_navigation_parse_blocks_from_menu_items( + isset( $menu_items_by_parent_id[0] ) + ? $menu_items_by_parent_id[0] + : array(), + $menu_items_by_parent_id + ); + + return serialize_blocks( $inner_blocks ); +} + +/** + * If there's a the classic menu then use it as a fallback. + * + * @return array the normalized parsed blocks. + */ +function block_core_navigation_maybe_use_classic_menu_fallback() { + // See if we have a classic menu. + $classic_nav_menu = block_core_navigation_get_classic_menu_fallback(); + + if ( ! $classic_nav_menu ) { + return; + } + + // If we have a classic menu then convert it to blocks. + $classic_nav_menu_blocks = block_core_navigation_get_classic_menu_fallback_blocks( $classic_nav_menu ); + + if ( empty( $classic_nav_menu_blocks ) ) { + return; + } + + // Create a new navigation menu from the classic menu. + $wp_insert_post_result = wp_insert_post( + array( + 'post_content' => $classic_nav_menu_blocks, + 'post_title' => $classic_nav_menu->slug, + 'post_name' => $classic_nav_menu->slug, + 'post_status' => 'publish', + 'post_type' => 'wp_navigation', + ), + true // So that we can check whether the result is an error. + ); + + if ( is_wp_error( $wp_insert_post_result ) ) { + return; + } + + // Fetch the most recently published navigation which will be the classic one created above. + return block_core_navigation_get_most_recently_published_navigation(); +} /** * Finds the most recently published `wp_navigation` Post. @@ -255,7 +370,8 @@ function block_core_navigation_render_submenu_icon() { * @return WP_Post|null the first non-empty Navigation or null. */ function block_core_navigation_get_most_recently_published_navigation() { - // We default to the most recently created menu. + + // Default to the most recently created menu. $parsed_args = array( 'post_type' => 'wp_navigation', 'no_found_rows' => true, @@ -294,6 +410,25 @@ function block_core_navigation_filter_out_empty_blocks( $parsed_blocks ) { return array_values( $filtered ); } +/** + * Returns true if the navigation block contains a nested navigation block. + * + * @param WP_Block_List $inner_blocks Inner block instance to be normalized. + * @return bool true if the navigation block contains a nested navigation block. + */ +function block_core_navigation_block_contains_core_navigation( $inner_blocks ) { + foreach ( $inner_blocks as $block ) { + if ( 'core/navigation' === $block->name ) { + return true; + } + if ( $block->inner_blocks && block_core_navigation_block_contains_core_navigation( $block->inner_blocks ) ) { + return true; + } + } + + return false; +} + /** * Retrieves the appropriate fallback to be used on the front of the * site when there is no menu assigned to the Nav block. @@ -319,9 +454,16 @@ function block_core_navigation_get_fallback_blocks() { $navigation_post = block_core_navigation_get_most_recently_published_navigation(); - // Prefer using the first non-empty Navigation as fallback if available. + // If there are no navigation posts then try to find a classic menu + // and convert it into a block based navigation menu. + if ( ! $navigation_post ) { + $navigation_post = block_core_navigation_maybe_use_classic_menu_fallback(); + } + + // Use the first non-empty Navigation as fallback if available. if ( $navigation_post ) { - $maybe_fallback = block_core_navigation_filter_out_empty_blocks( parse_blocks( $navigation_post->post_content ) ); + $parsed_blocks = parse_blocks( $navigation_post->post_content ); + $maybe_fallback = block_core_navigation_filter_out_empty_blocks( $parsed_blocks ); // Normalizing blocks may result in an empty array of blocks if they were all `null` blocks. // In this case default to the (Page List) fallback. @@ -501,6 +643,10 @@ function render_block_core_navigation( $attributes, $content, $block ) { $inner_blocks = new WP_Block_List( $fallback_blocks, $attributes ); } + if ( block_core_navigation_block_contains_core_navigation( $inner_blocks ) ) { + return ''; + } + /** * Filter navigation block $inner_blocks. * Allows modification of a navigation block menu items. @@ -551,22 +697,41 @@ function render_block_core_navigation( $attributes, $content, $block ) { _prime_post_caches( $post_ids, false, false ); } + $list_item_nav_blocks = array( + 'core/navigation-link', + 'core/home-link', + 'core/site-title', + 'core/site-logo', + 'core/navigation-submenu', + ); + + $needs_list_item_wrapper = array( + 'core/site-title', + 'core/site-logo', + ); + $inner_blocks_html = ''; $is_list_open = false; foreach ( $inner_blocks as $inner_block ) { - if ( ( 'core/navigation-link' === $inner_block->name || 'core/home-link' === $inner_block->name || 'core/site-title' === $inner_block->name || 'core/site-logo' === $inner_block->name || 'core/navigation-submenu' === $inner_block->name ) && ! $is_list_open ) { + $is_list_item = in_array( $inner_block->name, $list_item_nav_blocks, true ); + + if ( $is_list_item && ! $is_list_open ) { $is_list_open = true; $inner_blocks_html .= ''; } + $inner_block_content = $inner_block->render(); - if ( 'core/site-title' === $inner_block->name || ( 'core/site-logo' === $inner_block->name && $inner_block_content ) ) { - $inner_blocks_html .= '
  • ' . $inner_block_content . '
    • '; - } else { - $inner_blocks_html .= $inner_block_content; + if ( ! empty( $inner_block_content ) ) { + if ( in_array( $inner_block->name, $needs_list_item_wrapper, true ) ) { + $inner_blocks_html .= '
  • ' . $inner_block_content . '
    • '; + } else { + $inner_blocks_html .= $inner_block_content; + } } } @@ -709,3 +874,35 @@ function block_core_navigation_typographic_presets_backcompatibility( $parsed_bl } add_filter( 'render_block_data', 'block_core_navigation_typographic_presets_backcompatibility' ); + +/** + * Enables animation of the block inspector for the Navigation block. + * + * See: + * - https://github.com/WordPress/gutenberg/pull/46342 + * - https://github.com/WordPress/gutenberg/issues/45884 + * + * @param array $settings Default editor settings. + * @return array Filtered editor settings. + */ +function block_core_navigation_enable_inspector_animation( $settings ) { + $current_animation_settings = _wp_array_get( + $settings, + array( '__experimentalBlockInspectorAnimation' ), + array() + ); + + $settings['__experimentalBlockInspectorAnimation'] = array_merge( + $current_animation_settings, + array( + 'core/navigation' => + array( + 'enterDirection' => 'leftToRight', + ), + ) + ); + + return $settings; +} + +add_filter( 'block_editor_settings_all', 'block_core_navigation_enable_inspector_animation' ); diff --git a/wp-includes/blocks/navigation/block.json b/wp-includes/blocks/navigation/block.json index 5e856a30ce..16b0e57505 100644 --- a/wp-includes/blocks/navigation/block.json +++ b/wp-includes/blocks/navigation/block.json @@ -67,6 +67,10 @@ "maxNestingLevel": { "type": "number", "default": 5 + }, + "templateLock": { + "type": [ "string", "boolean" ], + "enum": [ "all", "insert", "contentOnly", false ] } }, "providesContext": { @@ -88,6 +92,7 @@ }, "supports": { "align": [ "wide", "full" ], + "anchor": true, "html": false, "inserter": true, "typography": { @@ -115,6 +120,7 @@ "allowSwitching": false, "allowInheriting": false, "allowVerticalAlignment": false, + "allowSizingOnChildren": true, "default": { "type": "flex" } diff --git a/wp-includes/blocks/navigation/editor-rtl.css b/wp-includes/blocks/navigation/editor-rtl.css index 83062dc64c..74974fb976 100644 --- a/wp-includes/blocks/navigation/editor-rtl.css +++ b/wp-includes/blocks/navigation/editor-rtl.css @@ -11,12 +11,6 @@ .wp-block-navigation-item__label{ display:inline; } -.wp-block-navigation__container.is-parent-of-selected-block{ - opacity:1; - overflow:visible; - visibility:visible; -} - .wp-block-navigation-item,.wp-block-navigation__container{ background-color:inherit; } @@ -163,10 +157,6 @@ color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner{ - margin-top:0; -} - .wp-block-navigation-placeholder__preview{ align-items:center; background:transparent; @@ -192,6 +182,17 @@ right:0; top:0; } +.wp-block-navigation-placeholder__preview:before:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-navigation-placeholder__preview>svg{ fill:currentColor; } @@ -353,6 +354,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:0; } +.components-heading.wp-block-navigation-off-canvas-editor__title{ + margin:0; +} + +.wp-block-navigation-off-canvas-editor__header{ + margin-bottom:8px; +} + .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ margin-top:16px; } @@ -369,6 +378,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:8px 12px; } +.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{ + margin-top:0; +} + @keyframes fadeouthalf{ 0%{ opacity:1; @@ -383,6 +396,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.components-button.is-link.wp-block-navigation-manage-menus-button{ + margin-bottom:16px; +} + .wp-block-navigation__overlay-menu-preview{ align-items:center; background-color:#f0f0f0; @@ -413,8 +430,23 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.wp-block-navigation__navigation-selector-button__icon{ + flex:0 0 auto; +} + +.wp-block-navigation__navigation-selector-button__label{ + flex:0 1 auto; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + .wp-block-navigation__navigation-selector-button--createnew{ border:1px solid; margin-bottom:16px; width:100%; +} + +.wp-block-navigation__responsive-container-open.components-button{ + opacity:1; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation/editor-rtl.min.css b/wp-includes/blocks/navigation/editor-rtl.min.css index 6246352bad..12a35195bf 100644 --- a/wp-includes/blocks/navigation/editor-rtl.min.css +++ b/wp-includes/blocks/navigation/editor-rtl.min.css @@ -1 +1 @@ -.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation__container.is-parent-of-selected-block{opacity:1;overflow:visible;visibility:visible}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:0;margin-right:auto;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:left;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder .components-spinner{margin-top:0}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:right;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-left:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-right:4px;padding:0 0 0 6px}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-left:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-left:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{right:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{right:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{left:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{right:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%} \ No newline at end of file +.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:0;margin-right:auto;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:left;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview:before:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:right;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-left:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-right:4px;padding:0 0 0 6px}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-left:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-left:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{right:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{right:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{left:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{right:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.components-heading.wp-block-navigation-off-canvas-editor__title{margin:0}.wp-block-navigation-off-canvas-editor__header{margin-bottom:8px}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{margin-top:0}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.components-button.is-link.wp-block-navigation-manage-menus-button{margin-bottom:16px}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button__icon{flex:0 0 auto}.wp-block-navigation__navigation-selector-button__label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%}.wp-block-navigation__responsive-container-open.components-button{opacity:1} \ No newline at end of file diff --git a/wp-includes/blocks/navigation/editor.css b/wp-includes/blocks/navigation/editor.css index 130bcccf22..39d9c94009 100644 --- a/wp-includes/blocks/navigation/editor.css +++ b/wp-includes/blocks/navigation/editor.css @@ -11,12 +11,6 @@ .wp-block-navigation-item__label{ display:inline; } -.wp-block-navigation__container.is-parent-of-selected-block{ - opacity:1; - overflow:visible; - visibility:visible; -} - .wp-block-navigation-item,.wp-block-navigation__container{ background-color:inherit; } @@ -163,10 +157,6 @@ color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner{ - margin-top:0; -} - .wp-block-navigation-placeholder__preview{ align-items:center; background:transparent; @@ -192,6 +182,17 @@ right:0; top:0; } +.wp-block-navigation-placeholder__preview:before:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-navigation-placeholder__preview>svg{ fill:currentColor; } @@ -353,6 +354,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:0; } +.components-heading.wp-block-navigation-off-canvas-editor__title{ + margin:0; +} + +.wp-block-navigation-off-canvas-editor__header{ + margin-bottom:8px; +} + .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ margin-top:16px; } @@ -369,6 +378,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:8px 12px; } +.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{ + margin-top:0; +} + @keyframes fadeouthalf{ 0%{ opacity:1; @@ -383,6 +396,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.components-button.is-link.wp-block-navigation-manage-menus-button{ + margin-bottom:16px; +} + .wp-block-navigation__overlay-menu-preview{ align-items:center; background-color:#f0f0f0; @@ -413,8 +430,23 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.wp-block-navigation__navigation-selector-button__icon{ + flex:0 0 auto; +} + +.wp-block-navigation__navigation-selector-button__label{ + flex:0 1 auto; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + .wp-block-navigation__navigation-selector-button--createnew{ border:1px solid; margin-bottom:16px; width:100%; +} + +.wp-block-navigation__responsive-container-open.components-button{ + opacity:1; } \ No newline at end of file diff --git a/wp-includes/blocks/navigation/editor.min.css b/wp-includes/blocks/navigation/editor.min.css index f97179b236..18bc7c2943 100644 --- a/wp-includes/blocks/navigation/editor.min.css +++ b/wp-includes/blocks/navigation/editor.min.css @@ -1 +1 @@ -.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation__container.is-parent-of-selected-block{opacity:1;overflow:visible;visibility:visible}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:auto;margin-right:0;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:right;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder .components-spinner{margin-top:0}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:left;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-right:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-left:4px;padding:0 6px 0 0}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-right:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-right:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{left:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{left:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{right:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{left:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%} \ No newline at end of file +.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:auto;margin-right:0;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:right;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview:before:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:left;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-right:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-left:4px;padding:0 6px 0 0}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-right:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-right:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{left:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{left:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{right:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{left:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.components-heading.wp-block-navigation-off-canvas-editor__title{margin:0}.wp-block-navigation-off-canvas-editor__header{margin-bottom:8px}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{margin-top:0}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.components-button.is-link.wp-block-navigation-manage-menus-button{margin-bottom:16px}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button__icon{flex:0 0 auto}.wp-block-navigation__navigation-selector-button__label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%}.wp-block-navigation__responsive-container-open.components-button{opacity:1} \ No newline at end of file diff --git a/wp-includes/blocks/navigation/style-rtl.css b/wp-includes/blocks/navigation/style-rtl.css index 08f4c69a3d..218592db95 100644 --- a/wp-includes/blocks/navigation/style-rtl.css +++ b/wp-includes/blocks/navigation/style-rtl.css @@ -27,6 +27,9 @@ .wp-block-navigation .wp-block-navigation-item__content{ display:block; } +.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{ + color:inherit; +} .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ text-decoration:underline; } @@ -210,7 +213,7 @@ button.wp-block-navigation-item__content{ padding:.5em 1em; } -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){ padding:.5em 1em; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{ @@ -313,7 +316,7 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{ display:none; } -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ border:none; height:auto; min-width:200px; @@ -394,6 +397,11 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container-open{ display:flex; } +.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} @media (min-width:600px){ .wp-block-navigation__responsive-container-open:not(.always-shown){ display:none; @@ -406,6 +414,11 @@ button.wp-block-navigation-item__content{ top:0; z-index:2; } +.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} .wp-block-navigation__responsive-close{ margin-left:auto; diff --git a/wp-includes/blocks/navigation/style-rtl.min.css b/wp-includes/blocks/navigation/style-rtl.min.css index 2920bf84be..4c69e8b131 100644 --- a/wp-includes/blocks/navigation/style-rtl.min.css +++ b/wp-includes/blocks/navigation/style-rtl.min.css @@ -1 +1 @@ -.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-right:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;opacity:0;overflow:hidden;position:absolute;right:-1px;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:0;margin-right:auto}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;left:100%;position:absolute;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-left:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{right:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:right;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-right:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:0;right:auto}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;right:auto}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-right:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-left,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-right,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{right:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{left:0;position:absolute;top:0;z-index:2}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden} \ No newline at end of file +.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-right:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;opacity:0;overflow:hidden;position:absolute;right:-1px;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:0;margin-right:auto}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;left:100%;position:absolute;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-left:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{right:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:right;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-right:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:0;right:auto}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;right:auto}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-right:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-left,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-right,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{right:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{left:0;position:absolute;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden} \ No newline at end of file diff --git a/wp-includes/blocks/navigation/style.css b/wp-includes/blocks/navigation/style.css index 7454595a14..88a22f588d 100644 --- a/wp-includes/blocks/navigation/style.css +++ b/wp-includes/blocks/navigation/style.css @@ -27,6 +27,9 @@ .wp-block-navigation .wp-block-navigation-item__content{ display:block; } +.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{ + color:inherit; +} .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ text-decoration:underline; } @@ -210,7 +213,7 @@ button.wp-block-navigation-item__content{ padding:.5em 1em; } -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){ padding:.5em 1em; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{ @@ -313,7 +316,7 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{ display:none; } -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ border:none; height:auto; min-width:200px; @@ -394,6 +397,11 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container-open{ display:flex; } +.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} @media (min-width:600px){ .wp-block-navigation__responsive-container-open:not(.always-shown){ display:none; @@ -406,6 +414,11 @@ button.wp-block-navigation-item__content{ top:0; z-index:2; } +.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} .wp-block-navigation__responsive-close{ margin-left:auto; diff --git a/wp-includes/blocks/navigation/style.min.css b/wp-includes/blocks/navigation/style.min.css index d8e01de875..ee66f18250 100644 --- a/wp-includes/blocks/navigation/style.min.css +++ b/wp-includes/blocks/navigation/style.min.css @@ -1 +1 @@ -.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden} \ No newline at end of file +.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden} \ No newline at end of file diff --git a/wp-includes/blocks/navigation/view-modal.asset.php b/wp-includes/blocks/navigation/view-modal.asset.php index 0c91249232..5ef17dd766 100644 --- a/wp-includes/blocks/navigation/view-modal.asset.php +++ b/wp-includes/blocks/navigation/view-modal.asset.php @@ -1 +1 @@ - array(), 'version' => '7490e9794bdbcf3a1374'); + array(), 'version' => '254ff34d006ddc355634'); diff --git a/wp-includes/blocks/navigation/view-modal.js b/wp-includes/blocks/navigation/view-modal.js index f4ace7eeb1..b27a576a01 100644 --- a/wp-includes/blocks/navigation/view-modal.js +++ b/wp-includes/blocks/navigation/view-modal.js @@ -30,6 +30,10 @@ function navigationToggleModal(modal) { htmlElement.classList.toggle('has-modal-open'); } +function isLinkToAnchorOnCurrentPage(node) { + return node.hash && node.protocol === window.location.protocol && node.host === window.location.host && node.pathname === window.location.pathname && node.search === window.location.search; +} + window.addEventListener('load', () => { micromodal_es.init({ onShow: navigationToggleModal, @@ -39,10 +43,10 @@ window.addEventListener('load', () => { const navigationLinks = document.querySelectorAll('.wp-block-navigation-item__content'); navigationLinks.forEach(function (link) { - var _link$getAttribute, _link$attributes; + var _link$attributes; // Ignore non-anchor links and anchor links which open on a new tab. - if (!((_link$getAttribute = link.getAttribute('href')) !== null && _link$getAttribute !== void 0 && _link$getAttribute.startsWith('#')) || ((_link$attributes = link.attributes) === null || _link$attributes === void 0 ? void 0 : _link$attributes.target) === '_blank') { + if (!isLinkToAnchorOnCurrentPage(link) || ((_link$attributes = link.attributes) === null || _link$attributes === void 0 ? void 0 : _link$attributes.target) === '_blank') { return; } // Find the specific parent modal for this link // since .close() won't work without an ID if there are diff --git a/wp-includes/blocks/navigation/view-modal.min.asset.php b/wp-includes/blocks/navigation/view-modal.min.asset.php index 97565b80d6..c6b1fdefa2 100644 --- a/wp-includes/blocks/navigation/view-modal.min.asset.php +++ b/wp-includes/blocks/navigation/view-modal.min.asset.php @@ -1 +1 @@ - array(), 'version' => '45f05135277abf0b0408'); + array(), 'version' => 'f51363b18f0497ec84da'); diff --git a/wp-includes/blocks/navigation/view-modal.min.js b/wp-includes/blocks/navigation/view-modal.min.js index 281c207665..5c339113dd 100644 --- a/wp-includes/blocks/navigation/view-modal.min.js +++ b/wp-includes/blocks/navigation/view-modal.min.js @@ -1 +1 @@ -!function(){"use strict";function e(e,t){for(var o=0;oe.length)&&(t=e.length);for(var o=0,n=new Array(t);o0&&this.registerTriggers.apply(this,t(a)),this.onClick=this.onClick.bind(this),this.onKeydown=this.onKeydown.bind(this)}var i,a;return i=o,(a=[{key:"registerTriggers",value:function(){for(var e=this,t=arguments.length,o=new Array(t),n=0;n0&&void 0!==arguments[0]?arguments[0]:null;if(this.activeElement=document.activeElement,this.modal.setAttribute("aria-hidden","false"),this.modal.classList.add(this.config.openClass),this.scrollBehaviour("disable"),this.addEventListeners(),this.config.awaitOpenAnimation){var o=function t(){e.modal.removeEventListener("animationend",t,!1),e.setFocusToFirstNode()};this.modal.addEventListener("animationend",o,!1)}else this.setFocusToFirstNode();this.config.onShow(this.modal,this.activeElement,t)}},{key:"closeModal",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=this.modal;if(this.modal.setAttribute("aria-hidden","true"),this.removeEventListeners(),this.scrollBehaviour("enable"),this.activeElement&&this.activeElement.focus&&this.activeElement.focus(),this.config.onClose(this.modal,this.activeElement,e),this.config.awaitCloseAnimation){var o=this.config.openClass;this.modal.addEventListener("animationend",(function e(){t.classList.remove(o),t.removeEventListener("animationend",e,!1)}),!1)}else t.classList.remove(this.config.openClass)}},{key:"closeModalById",value:function(e){this.modal=document.getElementById(e),this.modal&&this.closeModal()}},{key:"scrollBehaviour",value:function(e){if(this.config.disableScroll){var t=document.querySelector("body");switch(e){case"enable":Object.assign(t.style,{overflow:""});break;case"disable":Object.assign(t.style,{overflow:"hidden"})}}}},{key:"addEventListeners",value:function(){this.modal.addEventListener("touchstart",this.onClick),this.modal.addEventListener("click",this.onClick),document.addEventListener("keydown",this.onKeydown)}},{key:"removeEventListeners",value:function(){this.modal.removeEventListener("touchstart",this.onClick),this.modal.removeEventListener("click",this.onClick),document.removeEventListener("keydown",this.onKeydown)}},{key:"onClick",value:function(e){(e.target.hasAttribute(this.config.closeTrigger)||e.target.parentNode.hasAttribute(this.config.closeTrigger))&&(e.preventDefault(),e.stopPropagation(),this.closeModal(e))}},{key:"onKeydown",value:function(e){27===e.keyCode&&this.closeModal(e),9===e.keyCode&&this.retainFocus(e)}},{key:"getFocusableNodes",value:function(){var e=this.modal.querySelectorAll(n);return Array.apply(void 0,t(e))}},{key:"setFocusToFirstNode",value:function(){var e=this;if(!this.config.disableFocus){var t=this.getFocusableNodes();if(0!==t.length){var o=t.filter((function(t){return!t.hasAttribute(e.config.closeTrigger)}));o.length>0&&o[0].focus(),0===o.length&&t[0].focus()}}}},{key:"retainFocus",value:function(e){var t=this.getFocusableNodes();if(0!==t.length)if(t=t.filter((function(e){return null!==e.offsetParent})),this.modal.contains(document.activeElement)){var o=t.indexOf(document.activeElement);e.shiftKey&&0===o&&(t[t.length-1].focus(),e.preventDefault()),!e.shiftKey&&t.length>0&&o===t.length-1&&(t[0].focus(),e.preventDefault())}else t[0].focus()}}])&&e(i.prototype,a),o}(),a=null,r=function(e){if(!document.getElementById(e))return console.warn("MicroModal: ❗Seems like you have missed %c'".concat(e,"'"),"background-color: #f8f9fa;color: #50596c;font-weight: bold;","ID somewhere in your code. Refer example below to resolve it."),console.warn("%cExample:","background-color: #f8f9fa;color: #50596c;font-weight: bold;",'')),!1},s=function(e,t){if(function(e){e.length<=0&&(console.warn("MicroModal: ❗Please specify at least one %c'micromodal-trigger'","background-color: #f8f9fa;color: #50596c;font-weight: bold;","data attribute."),console.warn("%cExample:","background-color: #f8f9fa;color: #50596c;font-weight: bold;",''))}(e),!t)return!0;for(var o in t)r(o);return!0},{init:function(e){var o=Object.assign({},{openTrigger:"data-micromodal-trigger"},e),n=t(document.querySelectorAll("[".concat(o.openTrigger,"]"))),r=function(e,t){var o=[];return e.forEach((function(e){var n=e.attributes[t].value;void 0===o[n]&&(o[n]=[]),o[n].push(e)})),o}(n,o.openTrigger);if(!0!==o.debugMode||!1!==s(n,r))for(var l in r){var c=r[l];o.targetModal=l,o.triggers=t(c),a=new i(o)}},show:function(e,t){var o=t||{};o.targetModal=e,!0===o.debugMode&&!1===r(e)||(a&&a.removeEventListeners(),(a=new i(o)).showModal())},close:function(e){e?a.closeModalById(e):a.closeModal()}});"undefined"!=typeof window&&(window.MicroModal=l);var c=l;function d(e){const t=e.querySelector(".wp-block-navigation__responsive-dialog"),o="true"===e.getAttribute("aria-hidden");e.classList.toggle("has-modal-open",!o),t.toggleAttribute("aria-modal",!o),o?(t.removeAttribute("role"),t.removeAttribute("aria-modal")):(t.setAttribute("role","dialog"),t.setAttribute("aria-modal","true"));document.documentElement.classList.toggle("has-modal-open")}window.addEventListener("load",(()=>{c.init({onShow:d,onClose:d,openClass:"is-menu-open"});document.querySelectorAll(".wp-block-navigation-item__content").forEach((function(e){var t,o;if(null===(t=e.getAttribute("href"))||void 0===t||!t.startsWith("#")||"_blank"===(null===(o=e.attributes)||void 0===o?void 0:o.target))return;const n=e.closest(".wp-block-navigation__responsive-container"),i=null==n?void 0:n.getAttribute("id");e.addEventListener("click",(()=>{i&&n.classList.contains("has-modal-open")&&c.close(i)}))}))}))}(); \ No newline at end of file +!function(){"use strict";function e(e,t){for(var o=0;oe.length)&&(t=e.length);for(var o=0,n=new Array(t);o0&&this.registerTriggers.apply(this,t(a)),this.onClick=this.onClick.bind(this),this.onKeydown=this.onKeydown.bind(this)}var i,a;return i=o,(a=[{key:"registerTriggers",value:function(){for(var e=this,t=arguments.length,o=new Array(t),n=0;n0&&void 0!==arguments[0]?arguments[0]:null;if(this.activeElement=document.activeElement,this.modal.setAttribute("aria-hidden","false"),this.modal.classList.add(this.config.openClass),this.scrollBehaviour("disable"),this.addEventListeners(),this.config.awaitOpenAnimation){var o=function t(){e.modal.removeEventListener("animationend",t,!1),e.setFocusToFirstNode()};this.modal.addEventListener("animationend",o,!1)}else this.setFocusToFirstNode();this.config.onShow(this.modal,this.activeElement,t)}},{key:"closeModal",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=this.modal;if(this.modal.setAttribute("aria-hidden","true"),this.removeEventListeners(),this.scrollBehaviour("enable"),this.activeElement&&this.activeElement.focus&&this.activeElement.focus(),this.config.onClose(this.modal,this.activeElement,e),this.config.awaitCloseAnimation){var o=this.config.openClass;this.modal.addEventListener("animationend",(function e(){t.classList.remove(o),t.removeEventListener("animationend",e,!1)}),!1)}else t.classList.remove(this.config.openClass)}},{key:"closeModalById",value:function(e){this.modal=document.getElementById(e),this.modal&&this.closeModal()}},{key:"scrollBehaviour",value:function(e){if(this.config.disableScroll){var t=document.querySelector("body");switch(e){case"enable":Object.assign(t.style,{overflow:""});break;case"disable":Object.assign(t.style,{overflow:"hidden"})}}}},{key:"addEventListeners",value:function(){this.modal.addEventListener("touchstart",this.onClick),this.modal.addEventListener("click",this.onClick),document.addEventListener("keydown",this.onKeydown)}},{key:"removeEventListeners",value:function(){this.modal.removeEventListener("touchstart",this.onClick),this.modal.removeEventListener("click",this.onClick),document.removeEventListener("keydown",this.onKeydown)}},{key:"onClick",value:function(e){(e.target.hasAttribute(this.config.closeTrigger)||e.target.parentNode.hasAttribute(this.config.closeTrigger))&&(e.preventDefault(),e.stopPropagation(),this.closeModal(e))}},{key:"onKeydown",value:function(e){27===e.keyCode&&this.closeModal(e),9===e.keyCode&&this.retainFocus(e)}},{key:"getFocusableNodes",value:function(){var e=this.modal.querySelectorAll(n);return Array.apply(void 0,t(e))}},{key:"setFocusToFirstNode",value:function(){var e=this;if(!this.config.disableFocus){var t=this.getFocusableNodes();if(0!==t.length){var o=t.filter((function(t){return!t.hasAttribute(e.config.closeTrigger)}));o.length>0&&o[0].focus(),0===o.length&&t[0].focus()}}}},{key:"retainFocus",value:function(e){var t=this.getFocusableNodes();if(0!==t.length)if(t=t.filter((function(e){return null!==e.offsetParent})),this.modal.contains(document.activeElement)){var o=t.indexOf(document.activeElement);e.shiftKey&&0===o&&(t[t.length-1].focus(),e.preventDefault()),!e.shiftKey&&t.length>0&&o===t.length-1&&(t[0].focus(),e.preventDefault())}else t[0].focus()}}])&&e(i.prototype,a),o}(),a=null,r=function(e){if(!document.getElementById(e))return console.warn("MicroModal: ❗Seems like you have missed %c'".concat(e,"'"),"background-color: #f8f9fa;color: #50596c;font-weight: bold;","ID somewhere in your code. Refer example below to resolve it."),console.warn("%cExample:","background-color: #f8f9fa;color: #50596c;font-weight: bold;",'')),!1},s=function(e,t){if(function(e){e.length<=0&&(console.warn("MicroModal: ❗Please specify at least one %c'micromodal-trigger'","background-color: #f8f9fa;color: #50596c;font-weight: bold;","data attribute."),console.warn("%cExample:","background-color: #f8f9fa;color: #50596c;font-weight: bold;",''))}(e),!t)return!0;for(var o in t)r(o);return!0},{init:function(e){var o=Object.assign({},{openTrigger:"data-micromodal-trigger"},e),n=t(document.querySelectorAll("[".concat(o.openTrigger,"]"))),r=function(e,t){var o=[];return e.forEach((function(e){var n=e.attributes[t].value;void 0===o[n]&&(o[n]=[]),o[n].push(e)})),o}(n,o.openTrigger);if(!0!==o.debugMode||!1!==s(n,r))for(var l in r){var c=r[l];o.targetModal=l,o.triggers=t(c),a=new i(o)}},show:function(e,t){var o=t||{};o.targetModal=e,!0===o.debugMode&&!1===r(e)||(a&&a.removeEventListeners(),(a=new i(o)).showModal())},close:function(e){e?a.closeModalById(e):a.closeModal()}});"undefined"!=typeof window&&(window.MicroModal=l);var c=l;function d(e){const t=e.querySelector(".wp-block-navigation__responsive-dialog"),o="true"===e.getAttribute("aria-hidden");e.classList.toggle("has-modal-open",!o),t.toggleAttribute("aria-modal",!o),o?(t.removeAttribute("role"),t.removeAttribute("aria-modal")):(t.setAttribute("role","dialog"),t.setAttribute("aria-modal","true"));document.documentElement.classList.toggle("has-modal-open")}window.addEventListener("load",(()=>{c.init({onShow:d,onClose:d,openClass:"is-menu-open"});document.querySelectorAll(".wp-block-navigation-item__content").forEach((function(e){var t,o;if(!(o=e).hash||o.protocol!==window.location.protocol||o.host!==window.location.host||o.pathname!==window.location.pathname||o.search!==window.location.search||"_blank"===(null===(t=e.attributes)||void 0===t?void 0:t.target))return;const n=e.closest(".wp-block-navigation__responsive-container"),i=null==n?void 0:n.getAttribute("id");e.addEventListener("click",(()=>{i&&n.classList.contains("has-modal-open")&&c.close(i)}))}))}))}(); \ No newline at end of file diff --git a/wp-includes/blocks/page-list-item/block.json b/wp-includes/blocks/page-list-item/block.json new file mode 100644 index 0000000000..04e7f7f574 --- /dev/null +++ b/wp-includes/blocks/page-list-item/block.json @@ -0,0 +1,52 @@ +{ + "$schema": "https://schemas.wp.org/trunk/block.json", + "apiVersion": 2, + "name": "core/page-list-item", + "title": "Page List Item", + "category": "widgets", + "parent": [ "core/page-list" ], + "description": "Displays a page inside a list of all pages.", + "keywords": [ "page", "menu", "navigation" ], + "textdomain": "default", + "attributes": { + "id": { + "type": "number" + }, + "label": { + "type": "string" + }, + "title": { + "type": "string" + }, + "link": { + "type": "string" + }, + "hasChildren": { + "type": "boolean" + } + }, + "usesContext": [ + "textColor", + "customTextColor", + "backgroundColor", + "customBackgroundColor", + "overlayTextColor", + "customOverlayTextColor", + "overlayBackgroundColor", + "customOverlayBackgroundColor", + "fontSize", + "customFontSize", + "showSubmenuIcon", + "style", + "openSubmenusOnClick" + ], + "supports": { + "reusable": false, + "html": false, + "lock": false, + "inserter": false, + "__experimentalToolbar": false + }, + "editorStyle": "wp-block-page-list-editor", + "style": "wp-block-page-list" +} diff --git a/wp-includes/blocks/page-list.php b/wp-includes/blocks/page-list.php index 5ef169fe13..efc73ad3a0 100644 --- a/wp-includes/blocks/page-list.php +++ b/wp-includes/blocks/page-list.php @@ -139,13 +139,14 @@ function block_core_page_list_build_css_font_sizes( $context ) { * @param boolean $show_submenu_icons Whether to show submenu indicator icons. * @param boolean $is_navigation_child If block is a child of Navigation block. * @param array $nested_pages The array of nested pages. + * @param boolean $is_nested Whether the submenu is nested or not. * @param array $active_page_ancestor_ids An array of ancestor ids for active page. * @param array $colors Color information for overlay styles. * @param integer $depth The nesting depth. * * @return string List markup. */ -function block_core_page_list_render_nested_page_list( $open_submenus_on_click, $show_submenu_icons, $is_navigation_child, $nested_pages, $active_page_ancestor_ids = array(), $colors = array(), $depth = 0 ) { +function block_core_page_list_render_nested_page_list( $open_submenus_on_click, $show_submenu_icons, $is_navigation_child, $nested_pages, $is_nested, $active_page_ancestor_ids = array(), $colors = array(), $depth = 0 ) { if ( empty( $nested_pages ) ) { return; } @@ -173,7 +174,7 @@ function block_core_page_list_render_nested_page_list( $open_submenus_on_click, $navigation_child_content_class = $is_navigation_child ? ' wp-block-navigation-item__content' : ''; // If this is the first level of submenus, include the overlay colors. - if ( 1 === $depth && isset( $colors['overlay_css_classes'], $colors['overlay_inline_styles'] ) ) { + if ( ( ( 0 < $depth && ! $is_nested ) || $is_nested ) && isset( $colors['overlay_css_classes'], $colors['overlay_inline_styles'] ) ) { $css_class .= ' ' . trim( implode( ' ', $colors['overlay_css_classes'] ) ); if ( '' !== $colors['overlay_inline_styles'] ) { $style_attribute = sprintf( ' style="%s"', esc_attr( $colors['overlay_inline_styles'] ) ); @@ -196,7 +197,7 @@ function block_core_page_list_render_nested_page_list( $open_submenus_on_click, if ( isset( $page['children'] ) && $is_navigation_child && $open_submenus_on_click ) { $markup .= '' . ''; + ''; } else { $markup .= '' . $title . ''; } @@ -207,12 +208,9 @@ function block_core_page_list_render_nested_page_list( $open_submenus_on_click, $markup .= ''; $markup .= ''; } - $markup .= '
      ' . block_core_page_list_render_nested_page_list( $open_submenus_on_click, $show_submenu_icons, $is_navigation_child, $page['children'], $active_page_ancestor_ids, $colors, $depth + 1 ) . '
    '; + $markup .= '
      '; + $markup .= block_core_page_list_render_nested_page_list( $open_submenus_on_click, $show_submenu_icons, $is_navigation_child, $page['children'], $is_nested, $active_page_ancestor_ids, $colors, $depth + 1 ); + $markup .= '
    '; } $markup .= ''; } @@ -250,7 +248,10 @@ function block_core_page_list_nest_pages( $current_level, $children ) { */ function render_block_core_page_list( $attributes, $content, $block ) { static $block_id = 0; - $block_id++; + ++$block_id; + + $parent_page_id = $attributes['parentPageID']; + $is_nested = $attributes['isNested']; $all_pages = get_pages( array( @@ -271,7 +272,7 @@ function render_block_core_page_list( $attributes, $content, $block ) { $active_page_ancestor_ids = array(); foreach ( (array) $all_pages as $page ) { - $is_active = ! empty( $page->ID ) && ( get_the_ID() === $page->ID ); + $is_active = ! empty( $page->ID ) && ( get_queried_object_id() === $page->ID ); if ( $is_active ) { $active_page_ancestor_ids = get_post_ancestors( $page->ID ); @@ -306,15 +307,27 @@ function render_block_core_page_list( $attributes, $content, $block ) { $nested_pages = block_core_page_list_nest_pages( $top_level_pages, $pages_with_children ); + if ( 0 !== $parent_page_id ) { + // If the parent page has no child pages, there is nothing to show. + if ( ! array_key_exists( $parent_page_id, $pages_with_children ) ) { + return; + } + + $nested_pages = block_core_page_list_nest_pages( + $pages_with_children[ $parent_page_id ], + $pages_with_children + ); + } + $is_navigation_child = array_key_exists( 'showSubmenuIcon', $block->context ); $open_submenus_on_click = array_key_exists( 'openSubmenusOnClick', $block->context ) ? $block->context['openSubmenusOnClick'] : false; $show_submenu_icons = array_key_exists( 'showSubmenuIcon', $block->context ) ? $block->context['showSubmenuIcon'] : false; - $wrapper_markup = '
      %2$s
    '; + $wrapper_markup = $is_nested ? '%2$s' : '
      %2$s
    '; - $items_markup = block_core_page_list_render_nested_page_list( $open_submenus_on_click, $show_submenu_icons, $is_navigation_child, $nested_pages, $active_page_ancestor_ids, $colors ); + $items_markup = block_core_page_list_render_nested_page_list( $open_submenus_on_click, $show_submenu_icons, $is_navigation_child, $nested_pages, $is_nested, $active_page_ancestor_ids, $colors ); $wrapper_attributes = get_block_wrapper_attributes( array( diff --git a/wp-includes/blocks/page-list/block.json b/wp-includes/blocks/page-list/block.json index 3068a1fb8b..0fa3094312 100644 --- a/wp-includes/blocks/page-list/block.json +++ b/wp-includes/blocks/page-list/block.json @@ -7,7 +7,16 @@ "description": "Display a list of all pages.", "keywords": [ "menu", "navigation" ], "textdomain": "default", - "attributes": {}, + "attributes": { + "parentPageID": { + "type": "integer", + "default": 0 + }, + "isNested": { + "type": "boolean", + "default": false + } + }, "usesContext": [ "textColor", "customTextColor", @@ -24,8 +33,22 @@ "openSubmenusOnClick" ], "supports": { + "anchor": true, "reusable": false, - "html": false + "html": false, + "typography": { + "fontSize": true, + "lineHeight": true, + "__experimentalFontFamily": true, + "__experimentalFontWeight": true, + "__experimentalFontStyle": true, + "__experimentalTextTransform": true, + "__experimentalTextDecoration": true, + "__experimentalLetterSpacing": true, + "__experimentalDefaultControls": { + "fontSize": true + } + } }, "editorStyle": "wp-block-page-list-editor", "style": "wp-block-page-list" diff --git a/wp-includes/blocks/page-list/editor-rtl.css b/wp-includes/blocks/page-list/editor-rtl.css index 68299df744..5268ee0e3d 100644 --- a/wp-includes/blocks/page-list/editor-rtl.css +++ b/wp-includes/blocks/page-list/editor-rtl.css @@ -9,6 +9,10 @@ flex:inherit; } +.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{ + display:block; +} + .wp-block-pages-list__item__link{ pointer-events:none; } diff --git a/wp-includes/blocks/page-list/editor-rtl.min.css b/wp-includes/blocks/page-list/editor-rtl.min.css index 0f301b4cb1..6ccb3d17f9 100644 --- a/wp-includes/blocks/page-list/editor-rtl.min.css +++ b/wp-includes/blocks/page-list/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-right:0} \ No newline at end of file +.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{display:block}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-right:0} \ No newline at end of file diff --git a/wp-includes/blocks/page-list/editor.css b/wp-includes/blocks/page-list/editor.css index c80f6e90a8..042a0cc51d 100644 --- a/wp-includes/blocks/page-list/editor.css +++ b/wp-includes/blocks/page-list/editor.css @@ -9,6 +9,10 @@ flex:inherit; } +.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{ + display:block; +} + .wp-block-pages-list__item__link{ pointer-events:none; } diff --git a/wp-includes/blocks/page-list/editor.min.css b/wp-includes/blocks/page-list/editor.min.css index d0e2045fae..5fff301749 100644 --- a/wp-includes/blocks/page-list/editor.min.css +++ b/wp-includes/blocks/page-list/editor.min.css @@ -1 +1 @@ -.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-left:0} \ No newline at end of file +.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{display:block}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-left:0} \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/style-rtl.css b/wp-includes/blocks/paragraph/style-rtl.css index 5735fc9e23..9265208db3 100644 --- a/wp-includes/blocks/paragraph/style-rtl.css +++ b/wp-includes/blocks/paragraph/style-rtl.css @@ -24,6 +24,11 @@ text-transform:uppercase; } +body.rtl .has-drop-cap:not(:focus):first-letter{ + float:none; + margin-right:.1em; +} + p.has-drop-cap.has-background{ overflow:hidden; } diff --git a/wp-includes/blocks/paragraph/style-rtl.min.css b/wp-includes/blocks/paragraph/style-rtl.min.css index 63b7d33ea7..6d4c22a0ee 100644 --- a/wp-includes/blocks/paragraph/style-rtl.min.css +++ b/wp-includes/blocks/paragraph/style-rtl.min.css @@ -1 +1 @@ -.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:right;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em 0 0 .1em;text-transform:uppercase}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit} \ No newline at end of file +.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:right;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em 0 0 .1em;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-right:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/paragraph/style.css b/wp-includes/blocks/paragraph/style.css index 6dd943d5eb..4827ff0162 100644 --- a/wp-includes/blocks/paragraph/style.css +++ b/wp-includes/blocks/paragraph/style.css @@ -24,6 +24,11 @@ text-transform:uppercase; } +body.rtl .has-drop-cap:not(:focus):first-letter{ + float:none; + margin-left:.1em; +} + p.has-drop-cap.has-background{ overflow:hidden; } diff --git a/wp-includes/blocks/paragraph/style.min.css b/wp-includes/blocks/paragraph/style.min.css index caab1ebfcf..87e0a906c8 100644 --- a/wp-includes/blocks/paragraph/style.min.css +++ b/wp-includes/blocks/paragraph/style.min.css @@ -1 +1 @@ -.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit} \ No newline at end of file +.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/post-author-biography/block.json b/wp-includes/blocks/post-author-biography/block.json index 434b6b0965..a2e5f327ac 100644 --- a/wp-includes/blocks/post-author-biography/block.json +++ b/wp-includes/blocks/post-author-biography/block.json @@ -13,6 +13,7 @@ }, "usesContext": [ "postType", "postId" ], "supports": { + "anchor": true, "spacing": { "margin": true, "padding": true diff --git a/wp-includes/blocks/post-author-name.php b/wp-includes/blocks/post-author-name.php new file mode 100644 index 0000000000..c5c6d142e0 --- /dev/null +++ b/wp-includes/blocks/post-author-name.php @@ -0,0 +1,54 @@ +context['postId'] ) ) { + return ''; + } + + $author_id = get_post_field( 'post_author', $block->context['postId'] ); + if ( empty( $author_id ) ) { + return ''; + } + + $author_name = get_the_author_meta( 'display_name', $author_id ); + if ( isset( $attributes['isLink'] ) && $attributes['isLink'] ) { + $author_name = sprintf( '%3$s', get_author_posts_url( $author_id ), esc_attr( $attributes['linkTarget'] ), $author_name ); + } + + $classes = array(); + if ( isset( $attributes['textAlign'] ) ) { + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; + } + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); + + return sprintf( '
    %2$s
    ', $wrapper_attributes, $author_name ); +} + +/** + * Registers the `core/post-author-name` block on the server. + */ +function register_block_core_post_author_name() { + register_block_type_from_metadata( + __DIR__ . '/post-author-name', + array( + 'render_callback' => 'render_block_core_post_author_name', + ) + ); +} +add_action( 'init', 'register_block_core_post_author_name' ); diff --git a/wp-includes/blocks/post-author-name/block.json b/wp-includes/blocks/post-author-name/block.json new file mode 100644 index 0000000000..2340636e0c --- /dev/null +++ b/wp-includes/blocks/post-author-name/block.json @@ -0,0 +1,53 @@ +{ + "$schema": "https://schemas.wp.org/trunk/block.json", + "apiVersion": 2, + "name": "core/post-author-name", + "title": "Post Author Name", + "category": "theme", + "description": "The author name.", + "textdomain": "default", + "attributes": { + "textAlign": { + "type": "string" + }, + "isLink": { + "type": "boolean", + "default": false + }, + "linkTarget": { + "type": "string", + "default": "_self" + } + }, + "usesContext": [ "postType", "postId" ], + "supports": { + "anchor": true, + "html": false, + "spacing": { + "margin": true, + "padding": true + }, + "color": { + "gradients": true, + "link": true, + "__experimentalDefaultControls": { + "background": true, + "text": true, + "link": true + } + }, + "typography": { + "fontSize": true, + "lineHeight": true, + "__experimentalFontFamily": true, + "__experimentalFontWeight": true, + "__experimentalFontStyle": true, + "__experimentalTextTransform": true, + "__experimentalTextDecoration": true, + "__experimentalLetterSpacing": true, + "__experimentalDefaultControls": { + "fontSize": true + } + } + } +} diff --git a/wp-includes/blocks/post-author.php b/wp-includes/blocks/post-author.php index 325aa43607..7e6a9e6a0b 100644 --- a/wp-includes/blocks/post-author.php +++ b/wp-includes/blocks/post-author.php @@ -29,11 +29,23 @@ function render_block_core_post_author( $attributes, $content, $block ) { $attributes['avatarSize'] ) : null; + $link = get_author_posts_url( $author_id ); + $author_name = get_the_author_meta( 'display_name', $author_id ); + if ( ! empty( $attributes['isLink'] && ! empty( $attributes['linkTarget'] ) ) ) { + $author_name = sprintf( '%2s', esc_url( $link ), esc_attr( $attributes['linkTarget'] ), $author_name ); + } + $byline = ! empty( $attributes['byline'] ) ? $attributes['byline'] : false; - $classes = array_merge( - isset( $attributes['itemsJustification'] ) ? array( 'items-justified-' . $attributes['itemsJustification'] ) : array(), - isset( $attributes['textAlign'] ) ? array( 'has-text-align-' . $attributes['textAlign'] ) : array() - ); + $classes = array(); + if ( isset( $attributes['itemsJustification'] ) ) { + $classes[] = 'items-justified-' . $attributes['itemsJustification']; + } + if ( isset( $attributes['textAlign'] ) ) { + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; + } $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); @@ -41,7 +53,7 @@ function render_block_core_post_author( $attributes, $content, $block ) { ( ! empty( $attributes['showAvatar'] ) ? '
    ' . $avatar . '
    ' : '' ) . '
    ' . ( ! empty( $byline ) ? '

    ' . wp_kses_post( $byline ) . '

    ' : '' ) . - '

    ' . get_the_author_meta( 'display_name', $author_id ) . '

    ' . + '

    ' . $author_name . '

    ' . ( ! empty( $attributes['showBio'] ) ? '

    ' . get_the_author_meta( 'user_description', $author_id ) . '

    ' : '' ) . '
    ' . ''; diff --git a/wp-includes/blocks/post-author/block.json b/wp-includes/blocks/post-author/block.json index 232e20dbd0..bb9f69ade0 100644 --- a/wp-includes/blocks/post-author/block.json +++ b/wp-includes/blocks/post-author/block.json @@ -23,10 +23,19 @@ }, "byline": { "type": "string" + }, + "isLink": { + "type": "boolean", + "default": false + }, + "linkTarget": { + "type": "string", + "default": "_self" } }, "usesContext": [ "postType", "postId", "queryId" ], "supports": { + "anchor": true, "html": false, "spacing": { "margin": true, diff --git a/wp-includes/blocks/post-comments-form.php b/wp-includes/blocks/post-comments-form.php index 53a6f8b524..644b02ae0f 100644 --- a/wp-includes/blocks/post-comments-form.php +++ b/wp-includes/blocks/post-comments-form.php @@ -22,12 +22,14 @@ function render_block_core_post_comments_form( $attributes, $content, $block ) { return; } - $classes = 'comment-respond'; // See comment further below. + $classes = array( 'comment-respond' ); // See comment further below. if ( isset( $attributes['textAlign'] ) ) { - $classes .= ' has-text-align-' . $attributes['textAlign']; + $classes[] = 'has-text-align-' . $attributes['textAlign']; } - - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; + } + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); add_filter( 'comment_form_defaults', 'post_comments_form_block_form_defaults' ); diff --git a/wp-includes/blocks/post-comments-form/block.json b/wp-includes/blocks/post-comments-form/block.json index 47cc0a443b..793d14d74b 100644 --- a/wp-includes/blocks/post-comments-form/block.json +++ b/wp-includes/blocks/post-comments-form/block.json @@ -13,6 +13,7 @@ }, "usesContext": [ "postId", "postType" ], "supports": { + "anchor": true, "html": false, "color": { "gradients": true, @@ -22,6 +23,10 @@ "text": true } }, + "spacing": { + "margin": true, + "padding": true + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/post-comments-form/style-rtl.css b/wp-includes/blocks/post-comments-form/style-rtl.css index c25b80334e..8c65b8aad7 100644 --- a/wp-includes/blocks/post-comments-form/style-rtl.css +++ b/wp-includes/blocks/post-comments-form/style-rtl.css @@ -1,3 +1,6 @@ +.wp-block-post-comments-form{ + box-sizing:border-box; +} .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){ font-weight:inherit; } diff --git a/wp-includes/blocks/post-comments-form/style-rtl.min.css b/wp-includes/blocks/post-comments-form/style-rtl.min.css index 654710c2ec..909eb4f29a 100644 --- a/wp-includes/blocks/post-comments-form/style-rtl.min.css +++ b/wp-includes/blocks/post-comments-form/style-rtl.min.css @@ -1 +1 @@ -.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em} \ No newline at end of file +.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em} \ No newline at end of file diff --git a/wp-includes/blocks/post-comments-form/style.css b/wp-includes/blocks/post-comments-form/style.css index e4c62a5be1..0639e16786 100644 --- a/wp-includes/blocks/post-comments-form/style.css +++ b/wp-includes/blocks/post-comments-form/style.css @@ -1,3 +1,6 @@ +.wp-block-post-comments-form{ + box-sizing:border-box; +} .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){ font-weight:inherit; } diff --git a/wp-includes/blocks/post-comments-form/style.min.css b/wp-includes/blocks/post-comments-form/style.min.css index 80d92a7d73..f4a6bc5fcc 100644 --- a/wp-includes/blocks/post-comments-form/style.min.css +++ b/wp-includes/blocks/post-comments-form/style.min.css @@ -1 +1 @@ -.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em} \ No newline at end of file +.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em} \ No newline at end of file diff --git a/wp-includes/blocks/post-content.php b/wp-includes/blocks/post-content.php index 228a0d52f4..2be1ef77b3 100644 --- a/wp-includes/blocks/post-content.php +++ b/wp-includes/blocks/post-content.php @@ -25,8 +25,7 @@ function render_block_core_post_content( $attributes, $content, $block ) { if ( isset( $seen_ids[ $post_id ] ) ) { // WP_DEBUG_DISPLAY must only be honored when WP_DEBUG. This precedent // is set in `wp_debug_mode()`. - $is_debug = defined( 'WP_DEBUG' ) && WP_DEBUG && - defined( 'WP_DEBUG_DISPLAY' ) && WP_DEBUG_DISPLAY; + $is_debug = WP_DEBUG && WP_DEBUG_DISPLAY; return $is_debug ? // translators: Visible only in the front end, this warning takes the place of a faulty block. diff --git a/wp-includes/blocks/post-content/block.json b/wp-includes/blocks/post-content/block.json index c330f624ee..56834a980b 100644 --- a/wp-includes/blocks/post-content/block.json +++ b/wp-includes/blocks/post-content/block.json @@ -8,9 +8,13 @@ "textdomain": "default", "usesContext": [ "postId", "postType", "queryId" ], "supports": { + "anchor": true, "align": [ "wide", "full" ], "html": false, "__experimentalLayout": true, + "dimensions": { + "minHeight": true + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/post-date.php b/wp-includes/blocks/post-date.php index fc1537d156..5c20ee30c2 100644 --- a/wp-includes/blocks/post-date.php +++ b/wp-includes/blocks/post-date.php @@ -18,9 +18,16 @@ function render_block_core_post_date( $attributes, $content, $block ) { return ''; } - $post_ID = $block->context['postId']; - $align_class_name = empty( $attributes['textAlign'] ) ? '' : "has-text-align-{$attributes['textAlign']}"; - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) ); + $post_ID = $block->context['postId']; + + $classes = array(); + if ( isset( $attributes['textAlign'] ) ) { + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; + } + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); if ( isset( $attributes['displayType'] ) && 'modified' === $attributes['displayType'] ) { $formatted_date = get_the_modified_date( empty( $attributes['format'] ) ? '' : $attributes['format'], $post_ID ); diff --git a/wp-includes/blocks/post-date/block.json b/wp-includes/blocks/post-date/block.json index b469dbe87d..41c45a4a57 100644 --- a/wp-includes/blocks/post-date/block.json +++ b/wp-includes/blocks/post-date/block.json @@ -24,6 +24,7 @@ }, "usesContext": [ "postId", "postType", "queryId" ], "supports": { + "anchor": true, "html": false, "color": { "gradients": true, diff --git a/wp-includes/blocks/post-excerpt.php b/wp-includes/blocks/post-excerpt.php index 79cc959cd8..1380918fe1 100644 --- a/wp-includes/blocks/post-excerpt.php +++ b/wp-includes/blocks/post-excerpt.php @@ -38,11 +38,14 @@ function render_block_core_post_excerpt( $attributes, $content, $block ) { * result in showing only one `read more` link at a time. */ add_filter( 'excerpt_more', $filter_excerpt_more ); - $classes = ''; + $classes = array(); if ( isset( $attributes['textAlign'] ) ) { - $classes .= "has-text-align-{$attributes['textAlign']}"; + $classes[] = 'has-text-align-' . $attributes['textAlign']; } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; + } + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); $content = '

    ' . $excerpt; $show_more_on_new_line = ! isset( $attributes['showMoreOnNewLine'] ) || $attributes['showMoreOnNewLine']; diff --git a/wp-includes/blocks/post-excerpt/block.json b/wp-includes/blocks/post-excerpt/block.json index 03107ff900..223b4c68bd 100644 --- a/wp-includes/blocks/post-excerpt/block.json +++ b/wp-includes/blocks/post-excerpt/block.json @@ -20,6 +20,7 @@ }, "usesContext": [ "postId", "postType", "queryId" ], "supports": { + "anchor": true, "html": false, "color": { "gradients": true, diff --git a/wp-includes/blocks/post-excerpt/style-rtl.css b/wp-includes/blocks/post-excerpt/style-rtl.css index 3002673957..a259eb39d2 100644 --- a/wp-includes/blocks/post-excerpt/style-rtl.css +++ b/wp-includes/blocks/post-excerpt/style-rtl.css @@ -1,3 +1,18 @@ +.wp-block-post-excerpt{ + margin-bottom:var(--wp--style--block-gap); + margin-top:var(--wp--style--block-gap); +} + +.wp-block-post-excerpt__excerpt{ + margin-bottom:0; + margin-top:0; +} + +.wp-block-post-excerpt__more-text{ + margin-bottom:0; + margin-top:var(--wp--style--block-gap); +} + .wp-block-post-excerpt__more-link{ display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/post-excerpt/style-rtl.min.css b/wp-includes/blocks/post-excerpt/style-rtl.min.css index 8ee602bd08..56b8d5fcf8 100644 --- a/wp-includes/blocks/post-excerpt/style-rtl.min.css +++ b/wp-includes/blocks/post-excerpt/style-rtl.min.css @@ -1 +1 @@ -.wp-block-post-excerpt__more-link{display:inline-block} \ No newline at end of file +.wp-block-post-excerpt{margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block} \ No newline at end of file diff --git a/wp-includes/blocks/post-excerpt/style.css b/wp-includes/blocks/post-excerpt/style.css index 3002673957..a259eb39d2 100644 --- a/wp-includes/blocks/post-excerpt/style.css +++ b/wp-includes/blocks/post-excerpt/style.css @@ -1,3 +1,18 @@ +.wp-block-post-excerpt{ + margin-bottom:var(--wp--style--block-gap); + margin-top:var(--wp--style--block-gap); +} + +.wp-block-post-excerpt__excerpt{ + margin-bottom:0; + margin-top:0; +} + +.wp-block-post-excerpt__more-text{ + margin-bottom:0; + margin-top:var(--wp--style--block-gap); +} + .wp-block-post-excerpt__more-link{ display:inline-block; } \ No newline at end of file diff --git a/wp-includes/blocks/post-excerpt/style.min.css b/wp-includes/blocks/post-excerpt/style.min.css index 8ee602bd08..56b8d5fcf8 100644 --- a/wp-includes/blocks/post-excerpt/style.min.css +++ b/wp-includes/blocks/post-excerpt/style.min.css @@ -1 +1 @@ -.wp-block-post-excerpt__more-link{display:inline-block} \ No newline at end of file +.wp-block-post-excerpt{margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block} \ No newline at end of file diff --git a/wp-includes/blocks/post-featured-image.php b/wp-includes/blocks/post-featured-image.php index 068b7eeac6..8da66accd3 100644 --- a/wp-includes/blocks/post-featured-image.php +++ b/wp-includes/blocks/post-featured-image.php @@ -27,12 +27,19 @@ function render_block_core_post_featured_image( $attributes, $content, $block ) $is_link = isset( $attributes['isLink'] ) && $attributes['isLink']; $size_slug = isset( $attributes['sizeSlug'] ) ? $attributes['sizeSlug'] : 'post-thumbnail'; - $post_title = trim( strip_tags( get_the_title( $post_ID ) ) ); $attr = get_block_core_post_featured_image_border_attributes( $attributes ); $overlay_markup = get_block_core_post_featured_image_overlay_element_markup( $attributes ); if ( $is_link ) { - $attr['alt'] = $post_title; + if ( get_the_title( $post_ID ) ) { + $attr['alt'] = trim( strip_tags( get_the_title( $post_ID ) ) ); + } else { + $attr['alt'] = sprintf( + // translators: %d is the post ID. + __( 'Untitled post %d' ), + $post_ID + ); + } } if ( ! empty( $attributes['height'] ) ) { @@ -50,11 +57,13 @@ function render_block_core_post_featured_image( $attributes, $content, $block ) if ( $is_link ) { $link_target = $attributes['linkTarget']; $rel = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : ''; + $height = ! empty( $attributes['height'] ) ? 'style="' . esc_attr( safecss_filter_attr( 'height:' . $attributes['height'] ) ) . '"' : ''; $featured_image = sprintf( - '%4$s%5$s', + '%5$s%6$s', get_the_permalink( $post_ID ), esc_attr( $link_target ), $rel, + $height, $featured_image, $overlay_markup ); @@ -62,10 +71,13 @@ function render_block_core_post_featured_image( $attributes, $content, $block ) $featured_image = $featured_image . $overlay_markup; } - $wrapper_attributes = empty( $attributes['width'] ) - ? get_block_wrapper_attributes() - : get_block_wrapper_attributes( array( 'style' => "width:{$attributes['width']};" ) ); - + $width = ! empty( $attributes['width'] ) ? esc_attr( safecss_filter_attr( 'width:' . $attributes['width'] ) ) . ';' : ''; + $height = ! empty( $attributes['height'] ) ? esc_attr( safecss_filter_attr( 'height:' . $attributes['height'] ) ) . ';' : ''; + if ( ! $height && ! $width ) { + $wrapper_attributes = get_block_wrapper_attributes(); + } else { + $wrapper_attributes = get_block_wrapper_attributes( array( 'style' => $width . $height ) ); + } return "

    {$featured_image}
    "; } diff --git a/wp-includes/blocks/post-featured-image/block.json b/wp-includes/blocks/post-featured-image/block.json index 40f51cffa0..e6c8c3bfbb 100644 --- a/wp-includes/blocks/post-featured-image/block.json +++ b/wp-includes/blocks/post-featured-image/block.json @@ -53,6 +53,7 @@ "usesContext": [ "postId", "postType", "queryId" ], "supports": { "align": [ "left", "right", "center", "wide", "full" ], + "anchor": true, "color": { "__experimentalDuotone": "img, .wp-block-post-featured-image__placeholder, .components-placeholder__illustration, .components-placeholder::before", "text": false, diff --git a/wp-includes/blocks/post-navigation-link.php b/wp-includes/blocks/post-navigation-link.php index b0677e4b3e..cb1fe568bd 100644 --- a/wp-includes/blocks/post-navigation-link.php +++ b/wp-includes/blocks/post-navigation-link.php @@ -34,6 +34,18 @@ function render_block_core_post_navigation_link( $attributes, $content ) { $link = 'next' === $navigation_type ? _x( 'Next', 'label for next post link' ) : _x( 'Previous', 'label for previous post link' ); $label = ''; + $arrow_map = array( + 'none' => '', + 'arrow' => array( + 'next' => '→', + 'previous' => '←', + ), + 'chevron' => array( + 'next' => '»', + 'previous' => '«', + ), + ); + // If a custom label is provided, make this a link. // `$label` is used to prepend the provided label, if we want to show the page title as well. if ( isset( $attributes['label'] ) && ! empty( $attributes['label'] ) ) { @@ -71,6 +83,17 @@ function render_block_core_post_navigation_link( $attributes, $content ) { } } + // Display arrows. + if ( isset( $attributes['arrow'] ) && ! empty( $attributes['arrow'] ) && 'none' !== $attributes['arrow'] ) { + $arrow = $arrow_map[ $attributes['arrow'] ][ $navigation_type ]; + + if ( 'next' === $navigation_type ) { + $format = '%link '; + } else { + $format = ' %link'; + } + } + // The dynamic portion of the function name, `$navigation_type`, // refers to the type of adjacency, 'next' or 'previous'. $get_link_function = "get_{$navigation_type}_post_link"; diff --git a/wp-includes/blocks/post-navigation-link/block.json b/wp-includes/blocks/post-navigation-link/block.json index c7e53bdce0..2bdfa65479 100644 --- a/wp-includes/blocks/post-navigation-link/block.json +++ b/wp-includes/blocks/post-navigation-link/block.json @@ -24,9 +24,14 @@ "linkLabel": { "type": "boolean", "default": false + }, + "arrow": { + "type": "string", + "default": "none" } }, "supports": { + "anchor": true, "reusable": false, "html": false, "color": { @@ -45,5 +50,6 @@ "fontSize": true } } - } + }, + "style": "wp-block-post-navigation-link" } diff --git a/wp-includes/blocks/post-navigation-link/style-rtl.css b/wp-includes/blocks/post-navigation-link/style-rtl.css new file mode 100644 index 0000000000..b933da7a85 --- /dev/null +++ b/wp-includes/blocks/post-navigation-link/style-rtl.css @@ -0,0 +1,14 @@ +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{ + display:inline-block; + margin-left:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){ + transform:scaleX(-1);; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{ + display:inline-block; + margin-right:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){ + transform:scaleX(-1);; +} \ No newline at end of file diff --git a/wp-includes/blocks/post-navigation-link/style-rtl.min.css b/wp-includes/blocks/post-navigation-link/style-rtl.min.css new file mode 100644 index 0000000000..7fef97a380 --- /dev/null +++ b/wp-includes/blocks/post-navigation-link/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(-1)} \ No newline at end of file diff --git a/wp-includes/blocks/post-navigation-link/style.css b/wp-includes/blocks/post-navigation-link/style.css new file mode 100644 index 0000000000..3e14f1bcd0 --- /dev/null +++ b/wp-includes/blocks/post-navigation-link/style.css @@ -0,0 +1,14 @@ +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{ + display:inline-block; + margin-right:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){ + transform:scaleX(1); +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{ + display:inline-block; + margin-left:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){ + transform:scaleX(1); +} \ No newline at end of file diff --git a/wp-includes/blocks/post-navigation-link/style.min.css b/wp-includes/blocks/post-navigation-link/style.min.css new file mode 100644 index 0000000000..c6bff8a33e --- /dev/null +++ b/wp-includes/blocks/post-navigation-link/style.min.css @@ -0,0 +1 @@ +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)} \ No newline at end of file diff --git a/wp-includes/blocks/post-template.php b/wp-includes/blocks/post-template.php index c12a0e68b8..3a3c207cf9 100644 --- a/wp-includes/blocks/post-template.php +++ b/wp-includes/blocks/post-template.php @@ -68,8 +68,11 @@ function render_block_core_post_template( $attributes, $content, $block ) { $classnames = "is-flex-container columns-{$block->context['displayLayout']['columns']}"; } } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classnames .= ' has-link-color'; + } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classnames ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => trim( $classnames ) ) ); $content = ''; while ( $query->have_posts() ) { diff --git a/wp-includes/blocks/post-template/block.json b/wp-includes/blocks/post-template/block.json index 380b6d55f7..c0fc0d6ff8 100644 --- a/wp-includes/blocks/post-template/block.json +++ b/wp-includes/blocks/post-template/block.json @@ -19,9 +19,18 @@ "reusable": false, "html": false, "align": true, + "anchor": true, "__experimentalLayout": { "allowEditing": false }, + "color": { + "gradients": true, + "link": true, + "__experimentalDefaultControls": { + "background": true, + "text": true + } + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/post-terms.php b/wp-includes/blocks/post-terms.php index f98baba65e..5511dd2f8e 100644 --- a/wp-includes/blocks/post-terms.php +++ b/wp-includes/blocks/post-terms.php @@ -27,14 +27,17 @@ function render_block_core_post_terms( $attributes, $content, $block ) { return ''; } - $classes = 'taxonomy-' . $attributes['term']; + $classes = array( 'taxonomy-' . $attributes['term'] ); if ( isset( $attributes['textAlign'] ) ) { - $classes .= ' has-text-align-' . $attributes['textAlign']; + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; } $separator = empty( $attributes['separator'] ) ? ' ' : $attributes['separator']; - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); $prefix = "
    "; if ( isset( $attributes['prefix'] ) && $attributes['prefix'] ) { diff --git a/wp-includes/blocks/post-terms/block.json b/wp-includes/blocks/post-terms/block.json index 26f3915d5b..1633c7c01b 100644 --- a/wp-includes/blocks/post-terms/block.json +++ b/wp-includes/blocks/post-terms/block.json @@ -28,6 +28,7 @@ }, "usesContext": [ "postId", "postType" ], "supports": { + "anchor": true, "html": false, "color": { "gradients": true, @@ -38,6 +39,10 @@ "link": true } }, + "spacing": { + "margin": true, + "padding": true + }, "typography": { "fontSize": true, "lineHeight": true, diff --git a/wp-includes/blocks/post-terms/style-rtl.css b/wp-includes/blocks/post-terms/style-rtl.css index a3bbcdaab1..819c1cb4ae 100644 --- a/wp-includes/blocks/post-terms/style-rtl.css +++ b/wp-includes/blocks/post-terms/style-rtl.css @@ -1,3 +1,6 @@ -.wp-block-post-terms__separator{ +.wp-block-post-terms{ + box-sizing:border-box; +} +.wp-block-post-terms .wp-block-post-terms__separator{ white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/post-terms/style-rtl.min.css b/wp-includes/blocks/post-terms/style-rtl.min.css index d5cd05fd55..3762d4c8de 100644 --- a/wp-includes/blocks/post-terms/style-rtl.min.css +++ b/wp-includes/blocks/post-terms/style-rtl.min.css @@ -1 +1 @@ -.wp-block-post-terms__separator{white-space:pre-wrap} \ No newline at end of file +.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap} \ No newline at end of file diff --git a/wp-includes/blocks/post-terms/style.css b/wp-includes/blocks/post-terms/style.css index a3bbcdaab1..819c1cb4ae 100644 --- a/wp-includes/blocks/post-terms/style.css +++ b/wp-includes/blocks/post-terms/style.css @@ -1,3 +1,6 @@ -.wp-block-post-terms__separator{ +.wp-block-post-terms{ + box-sizing:border-box; +} +.wp-block-post-terms .wp-block-post-terms__separator{ white-space:pre-wrap; } \ No newline at end of file diff --git a/wp-includes/blocks/post-terms/style.min.css b/wp-includes/blocks/post-terms/style.min.css index d5cd05fd55..3762d4c8de 100644 --- a/wp-includes/blocks/post-terms/style.min.css +++ b/wp-includes/blocks/post-terms/style.min.css @@ -1 +1 @@ -.wp-block-post-terms__separator{white-space:pre-wrap} \ No newline at end of file +.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap} \ No newline at end of file diff --git a/wp-includes/blocks/post-title.php b/wp-includes/blocks/post-title.php index 125a2d81dd..1f03b12fc2 100644 --- a/wp-includes/blocks/post-title.php +++ b/wp-includes/blocks/post-title.php @@ -26,9 +26,7 @@ function render_block_core_post_title( $attributes, $content, $block ) { return ''; } - $tag_name = 'h2'; - $align_class_name = empty( $attributes['textAlign'] ) ? '' : "has-text-align-{$attributes['textAlign']}"; - + $tag_name = 'h2'; if ( isset( $attributes['level'] ) ) { $tag_name = 0 === $attributes['level'] ? 'p' : 'h' . $attributes['level']; } @@ -37,7 +35,15 @@ function render_block_core_post_title( $attributes, $content, $block ) { $rel = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : ''; $title = sprintf( '%4$s', get_the_permalink( $post_ID ), esc_attr( $attributes['linkTarget'] ), $rel, $title ); } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) ); + + $classes = array(); + if ( isset( $attributes['textAlign'] ) ) { + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; + } + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); return sprintf( '<%1$s %2$s>%3$s', diff --git a/wp-includes/blocks/post-title/block.json b/wp-includes/blocks/post-title/block.json index 015896ff1b..4a56a6f37b 100644 --- a/wp-includes/blocks/post-title/block.json +++ b/wp-includes/blocks/post-title/block.json @@ -31,6 +31,7 @@ }, "supports": { "align": [ "wide", "full" ], + "anchor": true, "html": false, "color": { "gradients": true, diff --git a/wp-includes/blocks/query-no-results.php b/wp-includes/blocks/query-no-results.php index 6d4dad48f4..4342ba57cc 100644 --- a/wp-includes/blocks/query-no-results.php +++ b/wp-includes/blocks/query-no-results.php @@ -40,9 +40,11 @@ function render_block_core_query_no_results( $attributes, $content, $block ) { wp_reset_postdata(); } + $classes = ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) ? 'has-link-color' : ''; + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) ); return sprintf( '
    %2$s
    ', - get_block_wrapper_attributes(), + $wrapper_attributes, $content ); } diff --git a/wp-includes/blocks/query-no-results/block.json b/wp-includes/blocks/query-no-results/block.json index f042223f36..789dcc8e66 100644 --- a/wp-includes/blocks/query-no-results/block.json +++ b/wp-includes/blocks/query-no-results/block.json @@ -9,6 +9,7 @@ "textdomain": "default", "usesContext": [ "queryId", "query" ], "supports": { + "anchor": true, "align": true, "reusable": false, "html": false, diff --git a/wp-includes/blocks/query-pagination-next/block.json b/wp-includes/blocks/query-pagination-next/block.json index ad87d05b5e..d4861519f1 100644 --- a/wp-includes/blocks/query-pagination-next/block.json +++ b/wp-includes/blocks/query-pagination-next/block.json @@ -14,6 +14,7 @@ }, "usesContext": [ "queryId", "query", "paginationArrow" ], "supports": { + "anchor": true, "reusable": false, "html": false, "color": { diff --git a/wp-includes/blocks/query-pagination-numbers/block.json b/wp-includes/blocks/query-pagination-numbers/block.json index fd28596581..a05faff5f1 100644 --- a/wp-includes/blocks/query-pagination-numbers/block.json +++ b/wp-includes/blocks/query-pagination-numbers/block.json @@ -9,6 +9,7 @@ "textdomain": "default", "usesContext": [ "queryId", "query" ], "supports": { + "anchor": true, "reusable": false, "html": false, "color": { diff --git a/wp-includes/blocks/query-pagination-previous/block.json b/wp-includes/blocks/query-pagination-previous/block.json index 484cefe6bb..823808b0fb 100644 --- a/wp-includes/blocks/query-pagination-previous/block.json +++ b/wp-includes/blocks/query-pagination-previous/block.json @@ -14,6 +14,7 @@ }, "usesContext": [ "queryId", "query", "paginationArrow" ], "supports": { + "anchor": true, "reusable": false, "html": false, "color": { diff --git a/wp-includes/blocks/query-pagination.php b/wp-includes/blocks/query-pagination.php index eaa784be08..9b7289ec22 100644 --- a/wp-includes/blocks/query-pagination.php +++ b/wp-includes/blocks/query-pagination.php @@ -18,9 +18,11 @@ function render_block_core_query_pagination( $attributes, $content ) { return ''; } + $classes = ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) ? 'has-link-color' : ''; $wrapper_attributes = get_block_wrapper_attributes( array( 'aria-label' => __( 'Pagination' ), + 'class' => $classes, ) ); diff --git a/wp-includes/blocks/query-pagination/block.json b/wp-includes/blocks/query-pagination/block.json index f75f4077d4..fa980575ec 100644 --- a/wp-includes/blocks/query-pagination/block.json +++ b/wp-includes/blocks/query-pagination/block.json @@ -18,6 +18,7 @@ "paginationArrow": "paginationArrow" }, "supports": { + "anchor": true, "align": true, "reusable": false, "html": false, diff --git a/wp-includes/blocks/query-pagination/style-rtl.css b/wp-includes/blocks/query-pagination/style-rtl.css index 06421753de..667c2f1730 100644 --- a/wp-includes/blocks/query-pagination/style-rtl.css +++ b/wp-includes/blocks/query-pagination/style-rtl.css @@ -5,7 +5,7 @@ .wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{ margin-inline-start:auto; } .wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ diff --git a/wp-includes/blocks/query-pagination/style-rtl.min.css b/wp-includes/blocks/query-pagination/style-rtl.min.css index 38def5ae64..4378343031 100644 --- a/wp-includes/blocks/query-pagination/style-rtl.min.css +++ b/wp-includes/blocks/query-pagination/style-rtl.min.css @@ -1 +1 @@ -.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination.aligncenter{justify-content:center} \ No newline at end of file +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination.aligncenter{justify-content:center} \ No newline at end of file diff --git a/wp-includes/blocks/query-pagination/style.css b/wp-includes/blocks/query-pagination/style.css index c84b97c025..a74962b7a5 100644 --- a/wp-includes/blocks/query-pagination/style.css +++ b/wp-includes/blocks/query-pagination/style.css @@ -5,7 +5,7 @@ .wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{ margin-inline-start:auto; } .wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ diff --git a/wp-includes/blocks/query-pagination/style.min.css b/wp-includes/blocks/query-pagination/style.min.css index 9bfd5d9c53..ae47eaa853 100644 --- a/wp-includes/blocks/query-pagination/style.min.css +++ b/wp-includes/blocks/query-pagination/style.min.css @@ -1 +1 @@ -.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center} \ No newline at end of file +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center} \ No newline at end of file diff --git a/wp-includes/blocks/query-title/block.json b/wp-includes/blocks/query-title/block.json index 33df75866b..029762c321 100644 --- a/wp-includes/blocks/query-title/block.json +++ b/wp-includes/blocks/query-title/block.json @@ -27,6 +27,7 @@ } }, "supports": { + "anchor": true, "align": [ "wide", "full" ], "html": false, "color": { diff --git a/wp-includes/blocks/query/block.json b/wp-includes/blocks/query/block.json index cd09e22ee5..bcff0e3ac6 100644 --- a/wp-includes/blocks/query/block.json +++ b/wp-includes/blocks/query/block.json @@ -49,15 +49,8 @@ }, "supports": { "align": [ "wide", "full" ], + "anchor": true, "html": false, - "color": { - "gradients": true, - "link": true, - "__experimentalDefaultControls": { - "background": true, - "text": true - } - }, "__experimentalLayout": true }, "editorStyle": "wp-block-query-editor" diff --git a/wp-includes/blocks/query/editor-rtl.css b/wp-includes/blocks/query/editor-rtl.css index efd839a801..95246ec1bc 100644 --- a/wp-includes/blocks/query/editor-rtl.css +++ b/wp-includes/blocks/query/editor-rtl.css @@ -3,7 +3,7 @@ } .wp-block-query__create-new-link{ - padding:0 56px 16px 16px; + padding:0 52px 16px 16px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list{ @@ -18,32 +18,29 @@ max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content{ - margin-bottom:60px; - padding:0; -} -.block-editor-query-pattern__selection-modal .components-modal__content:before{ - margin-bottom:0; -} - @media (min-width:600px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ height:calc(100% - 120px); width:calc(100% - 32px); } } @media (min-width:782px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ width:750px; } } @media (min-width:960px){ - .block-editor-query-pattern__selection-modal{ - height:80%; - max-height:none; - width:80%; + .block-library-query-pattern__selection-modal .components-modal__frame{ + height:70%; } } +.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:2; +} .block-library-query-toolspanel__filters .components-form-token-field__help{ margin-bottom:0; diff --git a/wp-includes/blocks/query/editor-rtl.min.css b/wp-includes/blocks/query/editor-rtl.min.css index 343b82da05..f879467d7d 100644 --- a/wp-includes/blocks/query/editor-rtl.min.css +++ b/wp-includes/blocks/query/editor-rtl.min.css @@ -1 +1 @@ -.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 56px 16px 16px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}.block-editor-query-pattern__selection-modal .components-modal__content{margin-bottom:60px;padding:0}.block-editor-query-pattern__selection-modal .components-modal__content:before{margin-bottom:0}@media (min-width:600px){.block-editor-query-pattern__selection-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-query-pattern__selection-modal{width:750px}}@media (min-width:960px){.block-editor-query-pattern__selection-modal{height:80%;max-height:none;width:80%}}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px} \ No newline at end of file +.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 52px 16px 16px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}@media (min-width:600px){.block-library-query-pattern__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-library-query-pattern__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-library-query-pattern__selection-modal .components-modal__frame{height:70%}}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px} \ No newline at end of file diff --git a/wp-includes/blocks/query/editor.css b/wp-includes/blocks/query/editor.css index 096edba4a4..19734f1ab9 100644 --- a/wp-includes/blocks/query/editor.css +++ b/wp-includes/blocks/query/editor.css @@ -3,7 +3,7 @@ } .wp-block-query__create-new-link{ - padding:0 16px 16px 56px; + padding:0 16px 16px 52px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list{ @@ -18,32 +18,29 @@ max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content{ - margin-bottom:60px; - padding:0; -} -.block-editor-query-pattern__selection-modal .components-modal__content:before{ - margin-bottom:0; -} - @media (min-width:600px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ height:calc(100% - 120px); width:calc(100% - 32px); } } @media (min-width:782px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ width:750px; } } @media (min-width:960px){ - .block-editor-query-pattern__selection-modal{ - height:80%; - max-height:none; - width:80%; + .block-library-query-pattern__selection-modal .components-modal__frame{ + height:70%; } } +.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:2; +} .block-library-query-toolspanel__filters .components-form-token-field__help{ margin-bottom:0; diff --git a/wp-includes/blocks/query/editor.min.css b/wp-includes/blocks/query/editor.min.css index daaa4aa6c4..651127d752 100644 --- a/wp-includes/blocks/query/editor.min.css +++ b/wp-includes/blocks/query/editor.min.css @@ -1 +1 @@ -.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 16px 16px 56px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}.block-editor-query-pattern__selection-modal .components-modal__content{margin-bottom:60px;padding:0}.block-editor-query-pattern__selection-modal .components-modal__content:before{margin-bottom:0}@media (min-width:600px){.block-editor-query-pattern__selection-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-query-pattern__selection-modal{width:750px}}@media (min-width:960px){.block-editor-query-pattern__selection-modal{height:80%;max-height:none;width:80%}}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px} \ No newline at end of file +.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 16px 16px 52px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}@media (min-width:600px){.block-library-query-pattern__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-library-query-pattern__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-library-query-pattern__selection-modal .components-modal__frame{height:70%}}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px} \ No newline at end of file diff --git a/wp-includes/blocks/read-more.php b/wp-includes/blocks/read-more.php index 93013b2517..7bfd22e6d4 100644 --- a/wp-includes/blocks/read-more.php +++ b/wp-includes/blocks/read-more.php @@ -19,15 +19,22 @@ function render_block_core_read_more( $attributes, $content, $block ) { } $post_ID = $block->context['postId']; + $post_title = get_the_title( $post_ID ); + $screen_reader_text = sprintf( + /* translators: %s is either the post title or post ID to describe the link for screen readers. */ + __( ': %s' ), + '' !== $post_title ? $post_title : __( 'untitled post ' ) . $post_ID + ); $justify_class_name = empty( $attributes['justifyContent'] ) ? '' : "is-justified-{$attributes['justifyContent']}"; $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $justify_class_name ) ); $more_text = ! empty( $attributes['content'] ) ? wp_kses_post( $attributes['content'] ) : __( 'Read more' ); return sprintf( - '%4s', + '%4s%5s', $wrapper_attributes, get_the_permalink( $post_ID ), esc_attr( $attributes['linkTarget'] ), - $more_text + $more_text, + $screen_reader_text ); } diff --git a/wp-includes/blocks/read-more/block.json b/wp-includes/blocks/read-more/block.json index 61b0452c7c..ed2b23c3b7 100644 --- a/wp-includes/blocks/read-more/block.json +++ b/wp-includes/blocks/read-more/block.json @@ -17,6 +17,7 @@ }, "usesContext": [ "postId" ], "supports": { + "anchor": true, "html": false, "color": { "gradients": true, diff --git a/wp-includes/blocks/require-dynamic-blocks.php b/wp-includes/blocks/require-dynamic-blocks.php index 4841d214c8..1f9bf0a16c 100644 --- a/wp-includes/blocks/require-dynamic-blocks.php +++ b/wp-includes/blocks/require-dynamic-blocks.php @@ -22,6 +22,7 @@ require_once ABSPATH . WPINC . '/blocks/comments-title.php'; require_once ABSPATH . WPINC . '/blocks/cover.php'; require_once ABSPATH . WPINC . '/blocks/file.php'; require_once ABSPATH . WPINC . '/blocks/gallery.php'; +require_once ABSPATH . WPINC . '/blocks/heading.php'; require_once ABSPATH . WPINC . '/blocks/home-link.php'; require_once ABSPATH . WPINC . '/blocks/image.php'; require_once ABSPATH . WPINC . '/blocks/latest-comments.php'; @@ -34,6 +35,7 @@ require_once ABSPATH . WPINC . '/blocks/page-list.php'; require_once ABSPATH . WPINC . '/blocks/pattern.php'; require_once ABSPATH . WPINC . '/blocks/post-author.php'; require_once ABSPATH . WPINC . '/blocks/post-author-biography.php'; +require_once ABSPATH . WPINC . '/blocks/post-author-name.php'; require_once ABSPATH . WPINC . '/blocks/post-comments-form.php'; require_once ABSPATH . WPINC . '/blocks/post-content.php'; require_once ABSPATH . WPINC . '/blocks/post-date.php'; diff --git a/wp-includes/blocks/require-static-blocks.php b/wp-includes/blocks/require-static-blocks.php index 9a1884e9cf..44009bef5f 100644 --- a/wp-includes/blocks/require-static-blocks.php +++ b/wp-includes/blocks/require-static-blocks.php @@ -12,7 +12,6 @@ return array( 'embed', 'freeform', 'group', - 'heading', 'html', 'list', 'list-item', @@ -20,6 +19,7 @@ return array( 'missing', 'more', 'nextpage', + 'page-list-item', 'paragraph', 'preformatted', 'pullquote', diff --git a/wp-includes/blocks/rss.php b/wp-includes/blocks/rss.php index e32155195a..91cdab3f58 100644 --- a/wp-includes/blocks/rss.php +++ b/wp-includes/blocks/rss.php @@ -48,7 +48,7 @@ function render_block_core_rss( $attributes ) { if ( $date ) { $date = sprintf( ' ', - esc_attr( date_i18n( get_option( 'c' ), $date ) ), + esc_attr( date_i18n( 'c', $date ) ), esc_attr( date_i18n( get_option( 'date_format' ), $date ) ) ); } diff --git a/wp-includes/blocks/rss/block.json b/wp-includes/blocks/rss/block.json index 8a351d877a..2e3fd4b2d3 100644 --- a/wp-includes/blocks/rss/block.json +++ b/wp-includes/blocks/rss/block.json @@ -43,6 +43,7 @@ }, "supports": { "align": true, + "anchor": true, "html": false }, "editorStyle": "wp-block-rss-editor", diff --git a/wp-includes/blocks/rss/editor-rtl.css b/wp-includes/blocks/rss/editor-rtl.css index c61349b5e3..43815b9187 100644 --- a/wp-includes/blocks/rss/editor-rtl.css +++ b/wp-includes/blocks/rss/editor-rtl.css @@ -2,10 +2,6 @@ display:inline; } -.wp-block-rss__placeholder-form{ - align-items:stretch; - display:flex; -} .wp-block-rss__placeholder-form>*{ margin-bottom:8px; } @@ -14,15 +10,7 @@ margin-bottom:0; } } - -.wp-block-rss__placeholder-input{ - align-items:stretch; - display:flex; - flex-grow:1; -} -.wp-block-rss__placeholder-input .components-base-control__field{ - align-items:stretch; - display:flex; - flex-grow:1; - margin:0 0 0 8px; +.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{ + flex:1; + min-width:80%; } \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor-rtl.min.css b/wp-includes/blocks/rss/editor-rtl.min.css index b526ca4439..25774d029a 100644 --- a/wp-includes/blocks/rss/editor-rtl.min.css +++ b/wp-includes/blocks/rss/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{align-items:stretch;display:flex}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-rss__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 0 0 8px} \ No newline at end of file +.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{flex:1;min-width:80%} \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor.css b/wp-includes/blocks/rss/editor.css index d2a0cac640..43815b9187 100644 --- a/wp-includes/blocks/rss/editor.css +++ b/wp-includes/blocks/rss/editor.css @@ -2,10 +2,6 @@ display:inline; } -.wp-block-rss__placeholder-form{ - align-items:stretch; - display:flex; -} .wp-block-rss__placeholder-form>*{ margin-bottom:8px; } @@ -14,15 +10,7 @@ margin-bottom:0; } } - -.wp-block-rss__placeholder-input{ - align-items:stretch; - display:flex; - flex-grow:1; -} -.wp-block-rss__placeholder-input .components-base-control__field{ - align-items:stretch; - display:flex; - flex-grow:1; - margin:0 8px 0 0; +.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{ + flex:1; + min-width:80%; } \ No newline at end of file diff --git a/wp-includes/blocks/rss/editor.min.css b/wp-includes/blocks/rss/editor.min.css index 4b5d9dd05d..25774d029a 100644 --- a/wp-includes/blocks/rss/editor.min.css +++ b/wp-includes/blocks/rss/editor.min.css @@ -1 +1 @@ -.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{align-items:stretch;display:flex}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-rss__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 8px 0 0} \ No newline at end of file +.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{flex:1;min-width:80%} \ No newline at end of file diff --git a/wp-includes/blocks/search.php b/wp-includes/blocks/search.php index 26b6a7585c..c7461a8679 100644 --- a/wp-includes/blocks/search.php +++ b/wp-includes/blocks/search.php @@ -66,14 +66,14 @@ function render_block_core_search( $attributes ) { if ( $show_input ) { $input_classes = array( 'wp-block-search__input' ); - if ( $is_button_inside ) { + if ( ! $is_button_inside && ! empty( $border_color_classes ) ) { $input_classes[] = $border_color_classes; } if ( ! empty( $typography_classes ) ) { $input_classes[] = $typography_classes; } $input_markup = sprintf( - '', + '', $input_id, esc_attr( implode( ' ', $input_classes ) ), get_search_query(), diff --git a/wp-includes/blocks/search/block.json b/wp-includes/blocks/search/block.json index fbd0fa874c..387295ebb3 100644 --- a/wp-includes/blocks/search/block.json +++ b/wp-includes/blocks/search/block.json @@ -46,6 +46,7 @@ }, "supports": { "align": [ "left", "center", "right" ], + "anchor": true, "color": { "gradients": true, "__experimentalSkipSerialization": true, diff --git a/wp-includes/blocks/shortcode/editor-rtl.css b/wp-includes/blocks/shortcode/editor-rtl.css index 6eeb8ac3cb..f65762ac2a 100644 --- a/wp-includes/blocks/shortcode/editor-rtl.css +++ b/wp-includes/blocks/shortcode/editor-rtl.css @@ -6,7 +6,7 @@ } .blocks-shortcode__textarea{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; diff --git a/wp-includes/blocks/shortcode/editor-rtl.min.css b/wp-includes/blocks/shortcode/editor-rtl.min.css index d52b4ec3d6..cf36ccce30 100644 --- a/wp-includes/blocks/shortcode/editor-rtl.min.css +++ b/wp-includes/blocks/shortcode/editor-rtl.min.css @@ -1 +1 @@ -[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)} \ No newline at end of file +[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)} \ No newline at end of file diff --git a/wp-includes/blocks/shortcode/editor.css b/wp-includes/blocks/shortcode/editor.css index 6eeb8ac3cb..f65762ac2a 100644 --- a/wp-includes/blocks/shortcode/editor.css +++ b/wp-includes/blocks/shortcode/editor.css @@ -6,7 +6,7 @@ } .blocks-shortcode__textarea{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; diff --git a/wp-includes/blocks/shortcode/editor.min.css b/wp-includes/blocks/shortcode/editor.min.css index d52b4ec3d6..cf36ccce30 100644 --- a/wp-includes/blocks/shortcode/editor.min.css +++ b/wp-includes/blocks/shortcode/editor.min.css @@ -1 +1 @@ -[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)} \ No newline at end of file +[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)} \ No newline at end of file diff --git a/wp-includes/blocks/site-logo/block.json b/wp-includes/blocks/site-logo/block.json index f7efcb7215..f5eab1de30 100644 --- a/wp-includes/blocks/site-logo/block.json +++ b/wp-includes/blocks/site-logo/block.json @@ -31,6 +31,7 @@ }, "supports": { "html": false, + "anchor": true, "align": true, "alignWide": false, "color": { diff --git a/wp-includes/blocks/site-logo/editor-rtl.css b/wp-includes/blocks/site-logo/editor-rtl.css index 5b7f7ea2bb..7a5224d195 100644 --- a/wp-includes/blocks/site-logo/editor-rtl.css +++ b/wp-includes/blocks/site-logo/editor-rtl.css @@ -32,6 +32,7 @@ .wp-block-site-logo.wp-block-site-logo .components-placeholder{ align-items:center; border-radius:inherit; + display:flex; height:100%; justify-content:center; min-height:48px; diff --git a/wp-includes/blocks/site-logo/editor-rtl.min.css b/wp-includes/blocks/site-logo/editor-rtl.min.css index e2b94899ee..f4d29254b7 100644 --- a/wp-includes/blocks/site-logo/editor-rtl.min.css +++ b/wp-includes/blocks/site-logo/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit} \ No newline at end of file +.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/site-logo/editor.css b/wp-includes/blocks/site-logo/editor.css index 5b7f7ea2bb..7a5224d195 100644 --- a/wp-includes/blocks/site-logo/editor.css +++ b/wp-includes/blocks/site-logo/editor.css @@ -32,6 +32,7 @@ .wp-block-site-logo.wp-block-site-logo .components-placeholder{ align-items:center; border-radius:inherit; + display:flex; height:100%; justify-content:center; min-height:48px; diff --git a/wp-includes/blocks/site-logo/editor.min.css b/wp-includes/blocks/site-logo/editor.min.css index e2b94899ee..f4d29254b7 100644 --- a/wp-includes/blocks/site-logo/editor.min.css +++ b/wp-includes/blocks/site-logo/editor.min.css @@ -1 +1 @@ -.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit} \ No newline at end of file +.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/site-tagline/block.json b/wp-includes/blocks/site-tagline/block.json index 7a69e6b1e2..c7da7ebf3f 100644 --- a/wp-includes/blocks/site-tagline/block.json +++ b/wp-includes/blocks/site-tagline/block.json @@ -4,7 +4,7 @@ "name": "core/site-tagline", "title": "Site Tagline", "category": "theme", - "description": "Describe in a few words what the site is about. The tagline can be used in search results or when sharing on social networks even if it's not displayed in the theme design.", + "description": "Describe in a few words what the site is about. The tagline can be used in search results or when sharing on social networks even if it’s not displayed in the theme design.", "keywords": [ "description" ], "textdomain": "default", "attributes": { @@ -13,6 +13,7 @@ } }, "supports": { + "anchor": true, "align": [ "wide", "full" ], "html": false, "color": { diff --git a/wp-includes/blocks/site-title.php b/wp-includes/blocks/site-title.php index 3c3e4d8669..255615b3a4 100644 --- a/wp-includes/blocks/site-title.php +++ b/wp-includes/blocks/site-title.php @@ -18,8 +18,11 @@ function render_block_core_site_title( $attributes ) { return; } - $tag_name = 'h1'; - $align_class_name = empty( $attributes['textAlign'] ) ? '' : "has-text-align-{$attributes['textAlign']}"; + $tag_name = 'h1'; + $classes = empty( $attributes['textAlign'] ) ? '' : "has-text-align-{$attributes['textAlign']}"; + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes .= ' has-link-color'; + } if ( isset( $attributes['level'] ) ) { $tag_name = 0 === $attributes['level'] ? 'p' : 'h' . (int) $attributes['level']; @@ -37,7 +40,7 @@ function render_block_core_site_title( $attributes ) { esc_html( $site_title ) ); } - $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $align_class_name ) ); + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => trim( $classes ) ) ); return sprintf( '<%1$s %2$s>%3$s', diff --git a/wp-includes/blocks/site-title/block.json b/wp-includes/blocks/site-title/block.json index 717db27747..b69acda934 100644 --- a/wp-includes/blocks/site-title/block.json +++ b/wp-includes/blocks/site-title/block.json @@ -27,6 +27,7 @@ "viewportWidth": 500 }, "supports": { + "anchor": true, "align": [ "wide", "full" ], "html": false, "color": { @@ -60,5 +61,6 @@ } } }, - "editorStyle": "wp-block-site-title-editor" + "editorStyle": "wp-block-site-title-editor", + "style": "wp-block-site-title" } diff --git a/wp-includes/blocks/site-title/editor-rtl.css b/wp-includes/blocks/site-title/editor-rtl.css index ac270c5f3a..173e08ff7e 100644 --- a/wp-includes/blocks/site-title/editor-rtl.css +++ b/wp-includes/blocks/site-title/editor-rtl.css @@ -1,4 +1,8 @@ .wp-block-site-title__placeholder{ border:1px dashed; padding:1em 0; +} + +.editor-styles-wrapper .wp-block-site-title a{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/site-title/editor-rtl.min.css b/wp-includes/blocks/site-title/editor-rtl.min.css index 190eb89e5d..84aabb4eaa 100644 --- a/wp-includes/blocks/site-title/editor-rtl.min.css +++ b/wp-includes/blocks/site-title/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0} \ No newline at end of file +.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0}.editor-styles-wrapper .wp-block-site-title a{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/site-title/editor.css b/wp-includes/blocks/site-title/editor.css index ac270c5f3a..173e08ff7e 100644 --- a/wp-includes/blocks/site-title/editor.css +++ b/wp-includes/blocks/site-title/editor.css @@ -1,4 +1,8 @@ .wp-block-site-title__placeholder{ border:1px dashed; padding:1em 0; +} + +.editor-styles-wrapper .wp-block-site-title a{ + color:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/site-title/editor.min.css b/wp-includes/blocks/site-title/editor.min.css index 190eb89e5d..84aabb4eaa 100644 --- a/wp-includes/blocks/site-title/editor.min.css +++ b/wp-includes/blocks/site-title/editor.min.css @@ -1 +1 @@ -.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0} \ No newline at end of file +.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0}.editor-styles-wrapper .wp-block-site-title a{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/site-title/style-rtl.css b/wp-includes/blocks/site-title/style-rtl.css new file mode 100644 index 0000000000..eacca37d1c --- /dev/null +++ b/wp-includes/blocks/site-title/style-rtl.css @@ -0,0 +1,3 @@ +.wp-block-site-title a{ + color:inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/site-title/style-rtl.min.css b/wp-includes/blocks/site-title/style-rtl.min.css new file mode 100644 index 0000000000..1f019483b7 --- /dev/null +++ b/wp-includes/blocks/site-title/style-rtl.min.css @@ -0,0 +1 @@ +.wp-block-site-title a{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/site-title/style.css b/wp-includes/blocks/site-title/style.css new file mode 100644 index 0000000000..eacca37d1c --- /dev/null +++ b/wp-includes/blocks/site-title/style.css @@ -0,0 +1,3 @@ +.wp-block-site-title a{ + color:inherit; +} \ No newline at end of file diff --git a/wp-includes/blocks/site-title/style.min.css b/wp-includes/blocks/site-title/style.min.css new file mode 100644 index 0000000000..1f019483b7 --- /dev/null +++ b/wp-includes/blocks/site-title/style.min.css @@ -0,0 +1 @@ +.wp-block-site-title a{color:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/social-link.php b/wp-includes/blocks/social-link.php index 3aabd2a9a8..7e669bf56d 100644 --- a/wp-includes/blocks/social-link.php +++ b/wp-includes/blocks/social-link.php @@ -20,6 +20,7 @@ function render_block_core_social_link( $attributes, $content, $block ) { $service = ( isset( $attributes['service'] ) ) ? $attributes['service'] : 'Icon'; $url = ( isset( $attributes['url'] ) ) ? $attributes['url'] : false; $label = ( isset( $attributes['label'] ) ) ? $attributes['label'] : block_core_social_link_get_name( $service ); + $rel = ( isset( $attributes['rel'] ) ) ? $attributes['rel'] : ''; $show_labels = array_key_exists( 'showLabels', $block->context ) ? $block->context['showLabels'] : false; // Don't render a link if there is no URL set. @@ -43,11 +44,6 @@ function render_block_core_social_link( $attributes, $content, $block ) { $url = 'https://' . $url; } - $rel_target_attributes = ''; - if ( $open_in_new_tab ) { - $rel_target_attributes = 'rel="noopener nofollow" target="_blank"'; - } - $icon = block_core_social_link_get_icon( $service ); $wrapper_attributes = get_block_wrapper_attributes( array( @@ -57,13 +53,21 @@ function render_block_core_social_link( $attributes, $content, $block ) { ); $link = '
  • '; - $link .= ''; + $link .= ''; $link .= $icon; $link .= ''; $link .= esc_html( $label ); $link .= '
    • '; - return $link; + $w = new WP_HTML_Tag_Processor( $link ); + $w->next_tag( 'a' ); + if ( $open_in_new_tab ) { + $w->set_attribute( 'rel', esc_attr( $rel ) . ' noopener nofollow' ); + $w->set_attribute( 'target', '_blank' ); + } elseif ( '' !== $rel ) { + $w->set_attribute( 'rel', esc_attr( $rel ) ); + } + return $w; } /** diff --git a/wp-includes/blocks/social-link/block.json b/wp-includes/blocks/social-link/block.json index 90a3f270d7..e81894591b 100644 --- a/wp-includes/blocks/social-link/block.json +++ b/wp-includes/blocks/social-link/block.json @@ -16,6 +16,9 @@ }, "label": { "type": "string" + }, + "rel": { + "type": "string" } }, "usesContext": [ @@ -25,6 +28,7 @@ "iconBackgroundColorValue" ], "supports": { + "anchor": true, "reusable": false, "html": false }, diff --git a/wp-includes/blocks/table/block.json b/wp-includes/blocks/table/block.json index 3de088e087..adac1e9c21 100644 --- a/wp-includes/blocks/table/block.json +++ b/wp-includes/blocks/table/block.json @@ -47,6 +47,16 @@ "type": "string", "source": "attribute", "attribute": "data-align" + }, + "colspan": { + "type": "string", + "source": "attribute", + "attribute": "colspan" + }, + "rowspan": { + "type": "string", + "source": "attribute", + "attribute": "rowspan" } } } @@ -82,6 +92,16 @@ "type": "string", "source": "attribute", "attribute": "data-align" + }, + "colspan": { + "type": "string", + "source": "attribute", + "attribute": "colspan" + }, + "rowspan": { + "type": "string", + "source": "attribute", + "attribute": "rowspan" } } } @@ -117,6 +137,16 @@ "type": "string", "source": "attribute", "attribute": "data-align" + }, + "colspan": { + "type": "string", + "source": "attribute", + "attribute": "colspan" + }, + "rowspan": { + "type": "string", + "source": "attribute", + "attribute": "rowspan" } } } diff --git a/wp-includes/blocks/table/editor-rtl.css b/wp-includes/blocks/table/editor-rtl.css index 06a1ae1159..6be0c40a3c 100644 --- a/wp-includes/blocks/table/editor-rtl.css +++ b/wp-includes/blocks/table/editor-rtl.css @@ -25,14 +25,6 @@ border-style:double; box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption{ - color:#555; - font-size:13px; - text-align:center; -} -.is-dark-theme .wp-block-table figcaption{ - color:hsla(0,0%,100%,.65); -} .wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ border:1px solid; } @@ -62,7 +54,4 @@ } .blocks-table__placeholder-input input{ height:36px; -} -.blocks-table__placeholder-input .components-base-control__field{ - margin-bottom:0; } \ No newline at end of file diff --git a/wp-includes/blocks/table/editor-rtl.min.css b/wp-includes/blocks/table/editor-rtl.min.css index 38ea7bc118..09fac9c6d8 100644 --- a/wp-includes/blocks/table/editor-rtl.min.css +++ b/wp-includes/blocks/table/editor-rtl.min.css @@ -1 +1 @@ -.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-left:8px;width:112px}.blocks-table__placeholder-input input{height:36px}.blocks-table__placeholder-input .components-base-control__field{margin-bottom:0} \ No newline at end of file +.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-left:8px;width:112px}.blocks-table__placeholder-input input{height:36px} \ No newline at end of file diff --git a/wp-includes/blocks/table/editor.css b/wp-includes/blocks/table/editor.css index b56f0caa30..0cdedbc9c0 100644 --- a/wp-includes/blocks/table/editor.css +++ b/wp-includes/blocks/table/editor.css @@ -25,14 +25,6 @@ border-style:double; box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption{ - color:#555; - font-size:13px; - text-align:center; -} -.is-dark-theme .wp-block-table figcaption{ - color:hsla(0,0%,100%,.65); -} .wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ border:1px solid; } @@ -62,7 +54,4 @@ } .blocks-table__placeholder-input input{ height:36px; -} -.blocks-table__placeholder-input .components-base-control__field{ - margin-bottom:0; } \ No newline at end of file diff --git a/wp-includes/blocks/table/editor.min.css b/wp-includes/blocks/table/editor.min.css index 0721e688a8..25f31c90d9 100644 --- a/wp-includes/blocks/table/editor.min.css +++ b/wp-includes/blocks/table/editor.min.css @@ -1 +1 @@ -.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-right:8px;width:112px}.blocks-table__placeholder-input input{height:36px}.blocks-table__placeholder-input .components-base-control__field{margin-bottom:0} \ No newline at end of file +.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-right:8px;width:112px}.blocks-table__placeholder-input input{height:36px} \ No newline at end of file diff --git a/wp-includes/blocks/table/style-rtl.css b/wp-includes/blocks/table/style-rtl.css index 0ecc81ca37..2828a01fb5 100644 --- a/wp-includes/blocks/table/style-rtl.css +++ b/wp-includes/blocks/table/style-rtl.css @@ -5,6 +5,12 @@ border-collapse:collapse; width:100%; } +.wp-block-table thead{ + border-bottom:3px solid; +} +.wp-block-table tfoot{ + border-top:3px solid; +} .wp-block-table td,.wp-block-table th{ border:1px solid; padding:.5em; diff --git a/wp-includes/blocks/table/style-rtl.min.css b/wp-includes/blocks/table/style-rtl.min.css index c78b61c503..5b0aec2d80 100644 --- a/wp-includes/blocks/table/style-rtl.min.css +++ b/wp-includes/blocks/table/style-rtl.min.css @@ -1 +1 @@ -.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit} \ No newline at end of file +.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/table/style.css b/wp-includes/blocks/table/style.css index 20f8f350d3..3426446306 100644 --- a/wp-includes/blocks/table/style.css +++ b/wp-includes/blocks/table/style.css @@ -5,6 +5,12 @@ border-collapse:collapse; width:100%; } +.wp-block-table thead{ + border-bottom:3px solid; +} +.wp-block-table tfoot{ + border-top:3px solid; +} .wp-block-table td,.wp-block-table th{ border:1px solid; padding:.5em; diff --git a/wp-includes/blocks/table/style.min.css b/wp-includes/blocks/table/style.min.css index 92ae97ec43..b2231b264b 100644 --- a/wp-includes/blocks/table/style.min.css +++ b/wp-includes/blocks/table/style.min.css @@ -1 +1 @@ -.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit} \ No newline at end of file +.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/table/theme-rtl.css b/wp-includes/blocks/table/theme-rtl.css index 7af9a365e6..064ae1d0ff 100644 --- a/wp-includes/blocks/table/theme-rtl.css +++ b/wp-includes/blocks/table/theme-rtl.css @@ -1,11 +1,5 @@ .wp-block-table{ - margin:"0 0" 1em 0; -} -.wp-block-table thead{ - border-bottom:3px solid; -} -.wp-block-table tfoot{ - border-top:3px solid; + margin:0 0 1em; } .wp-block-table td,.wp-block-table th{ word-break:normal; diff --git a/wp-includes/blocks/table/theme-rtl.min.css b/wp-includes/blocks/table/theme-rtl.min.css index 1da93b565e..b781003198 100644 --- a/wp-includes/blocks/table/theme-rtl.min.css +++ b/wp-includes/blocks/table/theme-rtl.min.css @@ -1 +1 @@ -.wp-block-table{margin:"0 0" 1em 0}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)} \ No newline at end of file +.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)} \ No newline at end of file diff --git a/wp-includes/blocks/table/theme.css b/wp-includes/blocks/table/theme.css index be31129dd8..064ae1d0ff 100644 --- a/wp-includes/blocks/table/theme.css +++ b/wp-includes/blocks/table/theme.css @@ -1,11 +1,5 @@ .wp-block-table{ - margin:"0 0 1em 0"; -} -.wp-block-table thead{ - border-bottom:3px solid; -} -.wp-block-table tfoot{ - border-top:3px solid; + margin:0 0 1em; } .wp-block-table td,.wp-block-table th{ word-break:normal; diff --git a/wp-includes/blocks/table/theme.min.css b/wp-includes/blocks/table/theme.min.css index 859e973b99..b781003198 100644 --- a/wp-includes/blocks/table/theme.min.css +++ b/wp-includes/blocks/table/theme.min.css @@ -1 +1 @@ -.wp-block-table{margin:"0 0 1em 0"}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)} \ No newline at end of file +.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud.php b/wp-includes/blocks/tag-cloud.php index a7d121f7ca..7ff5f78400 100644 --- a/wp-includes/blocks/tag-cloud.php +++ b/wp-includes/blocks/tag-cloud.php @@ -28,14 +28,7 @@ function render_block_core_tag_cloud( $attributes ) { $tag_cloud = wp_tag_cloud( $args ); if ( ! $tag_cloud ) { - $labels = get_taxonomy_labels( get_taxonomy( $attributes['taxonomy'] ) ); - $tag_cloud = esc_html( - sprintf( - /* translators: %s: taxonomy name */ - __( 'Your site doesn’t have any %s, so there’s nothing to display here at the moment.' ), - strtolower( $labels->name ) - ) - ); + $tag_cloud = __( 'There’s no content to show here yet.' ); } $wrapper_attributes = get_block_wrapper_attributes(); diff --git a/wp-includes/blocks/tag-cloud/block.json b/wp-includes/blocks/tag-cloud/block.json index 69e14223f7..ec1e333512 100644 --- a/wp-includes/blocks/tag-cloud/block.json +++ b/wp-includes/blocks/tag-cloud/block.json @@ -36,10 +36,19 @@ ], "supports": { "html": false, + "anchor": true, "align": true, "spacing": { "margin": true, "padding": true + }, + "typography": { + "lineHeight": true, + "__experimentalFontFamily": true, + "__experimentalFontWeight": true, + "__experimentalFontStyle": true, + "__experimentalTextTransform": true, + "__experimentalLetterSpacing": true } }, "editorStyle": "wp-block-tag-cloud-editor" diff --git a/wp-includes/blocks/tag-cloud/style-rtl.css b/wp-includes/blocks/tag-cloud/style-rtl.css index aae1c1fb88..3384c5db22 100644 --- a/wp-includes/blocks/tag-cloud/style-rtl.css +++ b/wp-includes/blocks/tag-cloud/style-rtl.css @@ -1,3 +1,6 @@ +.wp-block-tag-cloud{ + box-sizing:border-box; +} .wp-block-tag-cloud.aligncenter{ justify-content:center; text-align:center; diff --git a/wp-includes/blocks/tag-cloud/style-rtl.min.css b/wp-includes/blocks/tag-cloud/style-rtl.min.css index ceabae21b5..3d540b2946 100644 --- a/wp-includes/blocks/tag-cloud/style-rtl.min.css +++ b/wp-includes/blocks/tag-cloud/style-rtl.min.css @@ -1 +1 @@ -.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-left:5px}.wp-block-tag-cloud span{display:inline-block;margin-right:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-left:0;padding:1ch 2ch;text-decoration:none!important} \ No newline at end of file +.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-left:5px}.wp-block-tag-cloud span{display:inline-block;margin-right:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-left:0;padding:1ch 2ch;text-decoration:none!important} \ No newline at end of file diff --git a/wp-includes/blocks/tag-cloud/style.css b/wp-includes/blocks/tag-cloud/style.css index 55a352fbe3..4b4c71e3cd 100644 --- a/wp-includes/blocks/tag-cloud/style.css +++ b/wp-includes/blocks/tag-cloud/style.css @@ -1,3 +1,6 @@ +.wp-block-tag-cloud{ + box-sizing:border-box; +} .wp-block-tag-cloud.aligncenter{ justify-content:center; text-align:center; diff --git a/wp-includes/blocks/tag-cloud/style.min.css b/wp-includes/blocks/tag-cloud/style.min.css index cc26c166e2..ac30a79a8b 100644 --- a/wp-includes/blocks/tag-cloud/style.min.css +++ b/wp-includes/blocks/tag-cloud/style.min.css @@ -1 +1 @@ -.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important} \ No newline at end of file +.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important} \ No newline at end of file diff --git a/wp-includes/blocks/template-part.php b/wp-includes/blocks/template-part.php index bef49341d7..7c4cb693fd 100644 --- a/wp-includes/blocks/template-part.php +++ b/wp-includes/blocks/template-part.php @@ -105,8 +105,7 @@ function render_block_core_template_part( $attributes ) { // WP_DEBUG_DISPLAY must only be honored when WP_DEBUG. This precedent // is set in `wp_debug_mode()`. - $is_debug = defined( 'WP_DEBUG' ) && WP_DEBUG && - defined( 'WP_DEBUG_DISPLAY' ) && WP_DEBUG_DISPLAY; + $is_debug = WP_DEBUG && WP_DEBUG_DISPLAY; if ( is_null( $content ) && $is_debug ) { if ( ! isset( $attributes['slug'] ) ) { @@ -127,6 +126,21 @@ function render_block_core_template_part( $attributes ) { ''; } + // Look up area definition. + $area_definition = null; + $defined_areas = get_allowed_block_template_part_areas(); + foreach ( $defined_areas as $defined_area ) { + if ( $defined_area['area'] === $area ) { + $area_definition = $defined_area; + break; + } + } + + // If $area is not allowed, set it back to the uncategorized default. + if ( ! $area_definition ) { + $area = WP_TEMPLATE_PART_AREA_UNCATEGORIZED; + } + // Run through the actions that are typically taken on the_content. $seen_ids[ $template_part_id ] = true; $content = do_blocks( $content ); @@ -134,7 +148,7 @@ function render_block_core_template_part( $attributes ) { $content = wptexturize( $content ); $content = convert_smilies( $content ); $content = shortcode_unautop( $content ); - $content = wp_filter_content_tags( $content ); + $content = wp_filter_content_tags( $content, "template_part_{$area}" ); $content = do_shortcode( $content ); // Handle embeds for block template parts. @@ -142,12 +156,9 @@ function render_block_core_template_part( $attributes ) { $content = $wp_embed->autoembed( $content ); if ( empty( $attributes['tagName'] ) ) { - $defined_areas = get_allowed_block_template_part_areas(); - $area_tag = 'div'; - foreach ( $defined_areas as $defined_area ) { - if ( $defined_area['area'] === $area && isset( $defined_area['area_tag'] ) ) { - $area_tag = $defined_area['area_tag']; - } + $area_tag = 'div'; + if ( $area_definition && isset( $area_definition['area_tag'] ) ) { + $area_tag = $area_definition['area_tag']; } $html_tag = $area_tag; } else { diff --git a/wp-includes/blocks/template-part/block.json b/wp-includes/blocks/template-part/block.json index 3801eee941..282ac2ca22 100644 --- a/wp-includes/blocks/template-part/block.json +++ b/wp-includes/blocks/template-part/block.json @@ -21,6 +21,7 @@ } }, "supports": { + "anchor": true, "align": true, "html": false, "reusable": false diff --git a/wp-includes/blocks/template-part/editor-rtl.css b/wp-includes/blocks/template-part/editor-rtl.css index 7e3bcef5c7..bfadf6fc47 100644 --- a/wp-includes/blocks/template-part/editor-rtl.css +++ b/wp-includes/blocks/template-part/editor-rtl.css @@ -23,5 +23,15 @@ padding:16px 0; position:sticky; top:0; - z-index:1; + z-index:2; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; } \ No newline at end of file diff --git a/wp-includes/blocks/template-part/editor-rtl.min.css b/wp-includes/blocks/template-part/editor-rtl.min.css index 679f407e93..78225af8a3 100644 --- a/wp-includes/blocks/template-part/editor-rtl.min.css +++ b/wp-includes/blocks/template-part/editor-rtl.min.css @@ -1 +1 @@ -.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:1} \ No newline at end of file +.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff} \ No newline at end of file diff --git a/wp-includes/blocks/template-part/editor.css b/wp-includes/blocks/template-part/editor.css index 7e3bcef5c7..bfadf6fc47 100644 --- a/wp-includes/blocks/template-part/editor.css +++ b/wp-includes/blocks/template-part/editor.css @@ -23,5 +23,15 @@ padding:16px 0; position:sticky; top:0; - z-index:1; + z-index:2; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; } \ No newline at end of file diff --git a/wp-includes/blocks/template-part/editor.min.css b/wp-includes/blocks/template-part/editor.min.css index 679f407e93..78225af8a3 100644 --- a/wp-includes/blocks/template-part/editor.min.css +++ b/wp-includes/blocks/template-part/editor.min.css @@ -1 +1 @@ -.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:1} \ No newline at end of file +.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff} \ No newline at end of file diff --git a/wp-includes/blocks/term-description.php b/wp-includes/blocks/term-description.php index 4f1cd7e518..011ec28f2e 100644 --- a/wp-includes/blocks/term-description.php +++ b/wp-includes/blocks/term-description.php @@ -23,10 +23,14 @@ function render_block_core_term_description( $attributes ) { return ''; } - $extra_attributes = ( isset( $attributes['textAlign'] ) ) - ? array( 'class' => 'has-text-align-' . $attributes['textAlign'] ) - : array(); - $wrapper_attributes = get_block_wrapper_attributes( $extra_attributes ); + $classes = array(); + if ( isset( $attributes['textAlign'] ) ) { + $classes[] = 'has-text-align-' . $attributes['textAlign']; + } + if ( isset( $attributes['style']['elements']['link']['color']['text'] ) ) { + $classes[] = 'has-link-color'; + } + $wrapper_attributes = get_block_wrapper_attributes( array( 'class' => implode( ' ', $classes ) ) ); return '
    ' . $term_description . '
    '; } diff --git a/wp-includes/blocks/term-description/block.json b/wp-includes/blocks/term-description/block.json index 66eb9348a4..5e945b2d0f 100644 --- a/wp-includes/blocks/term-description/block.json +++ b/wp-includes/blocks/term-description/block.json @@ -12,6 +12,7 @@ } }, "supports": { + "anchor": true, "align": [ "wide", "full" ], "html": false, "color": { diff --git a/wp-includes/blocks/verse/style-rtl.css b/wp-includes/blocks/verse/style-rtl.css index 49cfe6b7dc..d79023c631 100644 --- a/wp-includes/blocks/verse/style-rtl.css +++ b/wp-includes/blocks/verse/style-rtl.css @@ -1,5 +1,8 @@ pre.wp-block-verse{ - font-family:inherit; overflow:auto; white-space:pre-wrap; +} + +:where(pre.wp-block-verse){ + font-family:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/verse/style-rtl.min.css b/wp-includes/blocks/verse/style-rtl.min.css index f464785ae2..ac6084ac04 100644 --- a/wp-includes/blocks/verse/style-rtl.min.css +++ b/wp-includes/blocks/verse/style-rtl.min.css @@ -1 +1 @@ -pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap} \ No newline at end of file +pre.wp-block-verse{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/verse/style.css b/wp-includes/blocks/verse/style.css index 49cfe6b7dc..d79023c631 100644 --- a/wp-includes/blocks/verse/style.css +++ b/wp-includes/blocks/verse/style.css @@ -1,5 +1,8 @@ pre.wp-block-verse{ - font-family:inherit; overflow:auto; white-space:pre-wrap; +} + +:where(pre.wp-block-verse){ + font-family:inherit; } \ No newline at end of file diff --git a/wp-includes/blocks/verse/style.min.css b/wp-includes/blocks/verse/style.min.css index f464785ae2..ac6084ac04 100644 --- a/wp-includes/blocks/verse/style.min.css +++ b/wp-includes/blocks/verse/style.min.css @@ -1 +1 @@ -pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap} \ No newline at end of file +pre.wp-block-verse{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit} \ No newline at end of file diff --git a/wp-includes/blocks/video/editor-rtl.css b/wp-includes/blocks/video/editor-rtl.css index 84f1bf43ce..c11fd2b21b 100644 --- a/wp-includes/blocks/video/editor-rtl.css +++ b/wp-includes/blocks/video/editor-rtl.css @@ -1,3 +1,23 @@ +.wp-block-video.wp-block-video.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{ + opacity:0; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder:before{ + opacity:0; +} +.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{ + transition:none; +} + .wp-block[data-align=center]>.wp-block-video{ text-align:center; } @@ -28,39 +48,18 @@ } .block-library-video-tracks-editor__track-list-track{ - align-items:baseline; - display:flex; padding-right:12px; - place-content:space-between; -} - -.block-library-video-tracks-editor__single-track-editor-label-language{ - display:flex; - margin-top:12px; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ - width:50%; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ - margin-left:16px; } .block-library-video-tracks-editor__single-track-editor-kind-select{ max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container{ - display:flex; - margin-top:32px; - place-content:space-between; -} - .block-library-video-tracks-editor__single-track-editor-edit-track-label{ color:#757575; display:block; font-size:11px; font-weight:500; - margin-bottom:12px; margin-top:4px; text-transform:uppercase; } @@ -76,17 +75,4 @@ .block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ padding:12px; -} - -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ - margin-bottom:4px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ - margin-bottom:12px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ - margin-right:0; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ - margin-bottom:4px; } \ No newline at end of file diff --git a/wp-includes/blocks/video/editor-rtl.min.css b/wp-includes/blocks/video/editor-rtl.min.css index 2f0f8d8323..684bd3e767 100644 --- a/wp-includes/blocks/video/editor-rtl.min.css +++ b/wp-includes/blocks/video/editor-rtl.min.css @@ -1 +1 @@ -.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-left:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{align-items:baseline;display:flex;padding-right:12px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-label-language{display:flex;margin-top:12px}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{width:50%}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{margin-left:16px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-buttons-container{display:flex;margin-top:32px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{margin-bottom:4px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{margin-bottom:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{margin-right:0}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{margin-bottom:4px} \ No newline at end of file +.wp-block-video.wp-block-video.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e}.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{opacity:0}.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-video.wp-block-video.is-selected .components-placeholder:before{opacity:0}.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{transition:none}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-left:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{padding-right:12px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px} \ No newline at end of file diff --git a/wp-includes/blocks/video/editor.css b/wp-includes/blocks/video/editor.css index a1f5d1be74..d1b94bab03 100644 --- a/wp-includes/blocks/video/editor.css +++ b/wp-includes/blocks/video/editor.css @@ -1,3 +1,23 @@ +.wp-block-video.wp-block-video.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{ + opacity:0; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder:before{ + opacity:0; +} +.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{ + transition:none; +} + .wp-block[data-align=center]>.wp-block-video{ text-align:center; } @@ -28,39 +48,18 @@ } .block-library-video-tracks-editor__track-list-track{ - align-items:baseline; - display:flex; padding-left:12px; - place-content:space-between; -} - -.block-library-video-tracks-editor__single-track-editor-label-language{ - display:flex; - margin-top:12px; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ - width:50%; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ - margin-right:16px; } .block-library-video-tracks-editor__single-track-editor-kind-select{ max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container{ - display:flex; - margin-top:32px; - place-content:space-between; -} - .block-library-video-tracks-editor__single-track-editor-edit-track-label{ color:#757575; display:block; font-size:11px; font-weight:500; - margin-bottom:12px; margin-top:4px; text-transform:uppercase; } @@ -76,17 +75,4 @@ .block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ padding:12px; -} - -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ - margin-bottom:4px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ - margin-bottom:12px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ - margin-left:0; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ - margin-bottom:4px; } \ No newline at end of file diff --git a/wp-includes/blocks/video/editor.min.css b/wp-includes/blocks/video/editor.min.css index a6806ddd88..ca24a821d3 100644 --- a/wp-includes/blocks/video/editor.min.css +++ b/wp-includes/blocks/video/editor.min.css @@ -1 +1 @@ -.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-right:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{align-items:baseline;display:flex;padding-left:12px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-label-language{display:flex;margin-top:12px}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{width:50%}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{margin-right:16px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-buttons-container{display:flex;margin-top:32px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{margin-bottom:4px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{margin-bottom:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{margin-left:0}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{margin-bottom:4px} \ No newline at end of file +.wp-block-video.wp-block-video.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e}.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{opacity:0}.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-video.wp-block-video.is-selected .components-placeholder:before{opacity:0}.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{transition:none}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-right:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{padding-left:12px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px} \ No newline at end of file diff --git a/wp-includes/class-wp-block-parser.php b/wp-includes/class-wp-block-parser.php index 95add35cbf..50337b588a 100644 --- a/wp-includes/class-wp-block-parser.php +++ b/wp-includes/class-wp-block-parser.php @@ -80,7 +80,7 @@ class WP_Block_Parser_Block { * @param string $innerHTML Resultant HTML from inside block comment delimiters after removing inner blocks. * @param array $innerContent List of string fragments and null markers where inner blocks were found. */ - function __construct( $name, $attrs, $innerBlocks, $innerHTML, $innerContent ) { + public function __construct( $name, $attrs, $innerBlocks, $innerHTML, $innerContent ) { $this->blockName = $name; $this->attrs = $attrs; $this->innerBlocks = $innerBlocks; @@ -152,7 +152,7 @@ class WP_Block_Parser_Frame { * @param int $prev_offset Byte offset into document for after parse token ends. * @param int $leading_html_start Byte offset into document where leading HTML before token starts. */ - function __construct( $block, $token_start, $token_length, $prev_offset = null, $leading_html_start = null ) { + public function __construct( $block, $token_start, $token_length, $prev_offset = null, $leading_html_start = null ) { $this->block = $block; $this->token_start = $token_start; $this->token_length = $token_length; @@ -224,16 +224,16 @@ class WP_Block_Parser { * @param string $document Input document being parsed. * @return array[] */ - function parse( $document ) { + public function parse( $document ) { $this->document = $document; $this->offset = 0; $this->output = array(); $this->stack = array(); $this->empty_attrs = json_decode( '{}', true ); - do { - // twiddle our thumbs. - } while ( $this->proceed() ); + while ( $this->proceed() ) { + continue; + } return $this->output; } @@ -252,7 +252,7 @@ class WP_Block_Parser { * @since 5.0.0 * @return bool */ - function proceed() { + public function proceed() { $next_token = $this->next_token(); list( $token_type, $block_name, $attrs, $start_offset, $token_length ) = $next_token; $stack_depth = count( $this->stack ); @@ -398,7 +398,7 @@ class WP_Block_Parser { * @since 4.6.1 fixed a bug in attribute parsing which caused catastrophic backtracking on invalid block comments * @return array */ - function next_token() { + public function next_token() { $matches = null; /* @@ -473,7 +473,7 @@ class WP_Block_Parser { * @param string $innerHTML HTML content of block. * @return WP_Block_Parser_Block freeform block object. */ - function freeform( $innerHTML ) { + public function freeform( $innerHTML ) { return new WP_Block_Parser_Block( null, $this->empty_attrs, array(), $innerHTML, array( $innerHTML ) ); } @@ -485,7 +485,7 @@ class WP_Block_Parser { * @since 5.0.0 * @param null $length how many bytes of document text to output. */ - function add_freeform( $length = null ) { + public function add_freeform( $length = null ) { $length = $length ? $length : strlen( $this->document ) - $this->offset; if ( 0 === $length ) { @@ -506,7 +506,7 @@ class WP_Block_Parser { * @param int $token_length Byte length of entire block from start of opening token to end of closing token. * @param int|null $last_offset Last byte offset into document if continuing form earlier output. */ - function add_inner_block( WP_Block_Parser_Block $block, $token_start, $token_length, $last_offset = null ) { + public function add_inner_block( WP_Block_Parser_Block $block, $token_start, $token_length, $last_offset = null ) { $parent = $this->stack[ count( $this->stack ) - 1 ]; $parent->block->innerBlocks[] = (array) $block; $html = substr( $this->document, $parent->prev_offset, $token_start - $parent->prev_offset ); @@ -527,7 +527,7 @@ class WP_Block_Parser { * @since 5.0.0 * @param int|null $end_offset byte offset into document for where we should stop sending text output as HTML. */ - function add_block_from_stack( $end_offset = null ) { + public function add_block_from_stack( $end_offset = null ) { $stack_top = array_pop( $this->stack ); $prev_offset = $stack_top->prev_offset; diff --git a/wp-includes/css/dist/block-directory/style-rtl.css b/wp-includes/css/dist/block-directory/style-rtl.css index 29a7104197..e3176fc679 100644 --- a/wp-includes/css/dist/block-directory/style-rtl.css +++ b/wp-includes/css/dist/block-directory/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/block-directory/style-rtl.min.css b/wp-includes/css/dist/block-directory/style-rtl.min.css index 2b65e844c5..e7f984f499 100644 --- a/wp-includes/css/dist/block-directory/style-rtl.min.css +++ b/wp-includes/css/dist/block-directory/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-right:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item{display:grid;grid-template-columns:auto 1fr;height:auto;padding:12px;text-align:right;width:100%}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-left:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-left:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description{margin-top:0}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-right:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item{display:grid;grid-template-columns:auto 1fr;height:auto;padding:12px;text-align:right;width:100%}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-left:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-left:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description{margin-top:0}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0} \ No newline at end of file diff --git a/wp-includes/css/dist/block-directory/style.css b/wp-includes/css/dist/block-directory/style.css index 6beeec0c89..17a971edf6 100644 --- a/wp-includes/css/dist/block-directory/style.css +++ b/wp-includes/css/dist/block-directory/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/block-directory/style.min.css b/wp-includes/css/dist/block-directory/style.min.css index ae69e598b9..0b130fd40b 100644 --- a/wp-includes/css/dist/block-directory/style.min.css +++ b/wp-includes/css/dist/block-directory/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-left:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item{display:grid;grid-template-columns:auto 1fr;height:auto;padding:12px;text-align:left;width:100%}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-right:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-right:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description{margin-top:0}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-left:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item{display:grid;grid-template-columns:auto 1fr;height:auto;padding:12px;text-align:left;width:100%}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-right:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-right:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description{margin-top:0}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/content-rtl.css b/wp-includes/css/dist/block-editor/content-rtl.css new file mode 100644 index 0000000000..1619fadaaf --- /dev/null +++ b/wp-includes/css/dist/block-editor/content-rtl.css @@ -0,0 +1,902 @@ +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.block-editor-block-icon{ + align-items:center; + display:flex; + height:24px; + justify-content:center; + width:24px; +} +.block-editor-block-icon.has-colors svg{ + fill:currentColor; +} +@media (forced-colors:active){ + .block-editor-block-icon.has-colors svg{ + fill:CanvasText; + } +} +.block-editor-block-icon svg{ + max-height:24px; + max-width:24px; + min-height:20px; + min-width:20px; +} + +.block-editor-block-styles .block-editor-block-list__block{ + margin:0; +} +@keyframes selection-overlay__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:.4; + } +} +.block-editor-block-list__layout{ + position:relative; +} +.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{ + background:transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected){ + border-radius:2px; + overflow:hidden; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{ + background:transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation:selection-overlay__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.4; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation-delay:0s; + animation-duration:1ms; + } +} +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ + border-radius:2px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{ + outline:none; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + border-radius:1px; + bottom:1px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:1px; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:1px; + top:1px; + z-index:1; +} +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{ + box-shadow:none; + outline:none; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ + border-radius:2px; + border-top:4px solid #ccc; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:-14px; + transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; + z-index:0; +} +.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ + border-color:var(--wp-admin-theme-color); +} +.has-multi-selection .block-editor-block-list__layout{ + -webkit-user-select:none; + user-select:none; +} +.block-editor-block-list__layout [class^=components-]{ + -webkit-user-select:text; + user-select:text; +} + +.is-block-moving-mode.block-editor-block-list__block-selection-button{ + font-size:1px; + height:1px; + opacity:0; + padding:0; +} + +.is-content-locked .block-editor-block-list__block{ + pointer-events:none; +} +.is-content-locked .is-content-block{ + pointer-events:auto; +} + +.block-editor-block-list__layout .block-editor-block-list__block{ + overflow-wrap:break-word; + position:relative; + -webkit-user-select:text; + user-select:text; +} +.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ + z-index:1; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ + margin:-10px 0 12px; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ + margin:0 0 12px; + width:100%; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{ + margin-left:0; + margin-right:0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ + font-size:13px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning{ + min-height:48px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ + pointer-events:none; + -webkit-user-select:none; + user-select:none; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ + pointer-events:all; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ + background-color:hsla(0,0%,100%,.4); + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ + background-color:initial; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ + display:none; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ + display:block; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ + float:none; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{ + cursor:default; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:after{ + border-radius:1px; + bottom:1px; + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + content:""; + left:1px; + pointer-events:none; + position:absolute; + right:1px; + top:1px; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ + cursor:default; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ + cursor:unset; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:after{ + border-radius:2px; + bottom:1px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:1px; + pointer-events:none; + position:absolute; + right:1px; + top:1px; +} + +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + opacity:.2; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + transition-delay:0s; + transition-duration:0s; + } +} + +.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ + opacity:1; +} + +.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ + z-index:21; +} + +.wp-site-blocks>[data-align=left]{ + float:right; + margin-left:2em; +} + +.wp-site-blocks>[data-align=right]{ + float:left; + margin-right:2em; +} + +.wp-site-blocks>[data-align=center]{ + justify-content:center; + margin-left:auto; + margin-right:auto; +} +.block-editor-block-list .block-editor-inserter{ + cursor:move; + cursor:grab; + margin:8px; +} + +@keyframes block-editor-inserter__toggle__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:1; + } +} +.wp-block .block-list-appender .block-editor-inserter__toggle{ + animation:block-editor-inserter__toggle__fade-in-animation .1s ease; + animation-fill-mode:forwards; +} +@media (prefers-reduced-motion:reduce){ + .wp-block .block-list-appender .block-editor-inserter__toggle{ + animation-delay:0s; + animation-duration:1ms; + } +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ + display:none; +} +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ + opacity:0; + transform:scale(0); +} + +.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + line-height:1.5; + margin:0; + outline:none; + overflow:hidden; + padding:12px; + resize:none; + transition:padding .2s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-block-list__block .block-editor-warning{ + position:relative; + z-index:5; +} +.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ + margin-bottom:auto; +} + +.block-editor-iframe__body{ + background-color:#fff; + transform-origin:top center; + transition:all .3s; +} + +.is-vertical .block-list-appender{ + margin-left:auto; + margin-right:12px; + margin-top:12px; + width:24px; +} + +.block-list-appender>.block-editor-inserter{ + display:block; +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ + opacity:0; + transform:scale(0); +} + +.block-editor-block-list__block.has-block-overlay{ + cursor:default; +} +.block-editor-block-list__block.has-block-overlay:before{ + background:transparent; + border:none; + border-radius:2px; + content:""; + height:100%; + position:absolute; + right:0; + top:0; + width:100%; + z-index:10; +} +.block-editor-block-list__block.has-block-overlay:not(.is-multi-selected):after{ + content:none !important; +} +.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; +} +.block-editor-block-list__block.has-block-overlay.is-reusable:hover:not(.is-dragging-blocks):not(.is-multi-selected):before,.block-editor-block-list__block.has-block-overlay.wp-block-template-part:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{ + background:rgba(var(--wp-block-synced-color--rgb), .04); + box-shadow:0 0 0 1px var(--wp-block-synced-color) inset; +} +.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; +} +.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ + pointer-events:none; +} +.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{ + right:calc(50% - 50vw); + width:100vw; +} + +.block-editor-block-list__layout .is-dragging{ + background-color:currentColor !important; + border-radius:2px !important; + opacity:.05 !important; + pointer-events:none !important; +} +.block-editor-block-list__layout .is-dragging::selection{ + background:transparent !important; +} +.block-editor-block-list__layout .is-dragging:after{ + content:none !important; +} + +.block-editor-block-preview__content-iframe .block-list-appender{ + display:none; +} + +.block-editor-block-preview__live-content *{ + pointer-events:none; +} +.block-editor-block-preview__live-content .block-list-appender{ + display:none; +} +.block-editor-block-preview__live-content .components-button:disabled{ + opacity:1; +} +.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ + display:none; +} + +.block-editor-block-variation-picker .components-placeholder__instructions{ + margin-bottom:0; +} +.block-editor-block-variation-picker .components-placeholder__fieldset{ + flex-direction:column; +} +.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{ + max-width:90%; +} + +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:flex-start; + list-style:none; + margin:16px 0; + padding:0; + width:100%; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{ + flex-shrink:1; + list-style:none; + margin:8px 0 0 20px; + text-align:center; + width:75px; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{ + display:inline-flex; + margin-left:0; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{ + padding:8px; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{ + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:12px; + line-height:1.4; +} + +.block-editor-block-variation-picker__variation{ + width:100%; +} +.block-editor-block-variation-picker__variation.components-button.has-icon{ + justify-content:center; + width:auto; +} +.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{ + background-color:#fff; +} +.block-editor-block-variation-picker__variation.components-button{ + height:auto; + padding:0; +} +.block-editor-block-variation-picker__variation:before{ + content:""; + padding-bottom:100%; +} +.block-editor-block-variation-picker__variation:first-child{ + margin-right:0; +} +.block-editor-block-variation-picker__variation:last-child{ + margin-left:0; +} + +.block-editor-button-block-appender{ + align-items:center; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + display:flex; + flex-direction:column; + height:auto; + justify-content:center; + width:100%; +} +.block-editor-button-block-appender.components-button.components-button{ + padding:12px; +} +.is-dark-theme .block-editor-button-block-appender{ + box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65); + color:hsla(0,0%,100%,.65); +} +.block-editor-button-block-appender:hover{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + color:var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:focus{ + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:active{ + color:#000; +} + +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{ + pointer-events:none; +} +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + bottom:0; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{ + visibility:hidden; +} +.block-editor-default-block-appender{ + clear:both; + margin-left:auto; + margin-right:auto; + position:relative; +} +.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ + outline:1px solid transparent; +} +.block-editor-default-block-appender .block-editor-default-block-appender__content{ + opacity:.62; +} +.block-editor-default-block-appender .components-drop-zone__content-icon{ + display:none; +} +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + min-width:24px; + padding:0; +} +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ + left:0; + line-height:0; + position:absolute; + top:0; +} +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ + display:none; +} +.block-editor-block-list__block .block-list-appender{ + bottom:0; + left:0; + list-style:none; + padding:0; + position:absolute; + z-index:2; +} +.block-editor-block-list__block .block-list-appender.block-list-appender{ + line-height:0; + margin:0; +} +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ + height:24px; +} +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ + background:#1e1e1e; + box-shadow:none; + color:#fff; + display:none; + flex-direction:row; + height:24px; + min-width:24px; + padding:0 !important; + width:24px; +} +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ + display:none; +} +.block-editor-block-list__block .block-list-appender:only-child{ + align-self:center; + left:auto; + line-height:inherit; + list-style:none; + position:relative; +} +.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ + display:block; +} + +.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ + display:flex; +} + +.block-editor-default-block-appender__content{ + cursor:text; +} + +.block-editor-block-list__layout.has-overlay:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:60; +} + +.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{ + margin-bottom:0; +} + +.block-editor-media-placeholder__url-input-form{ + display:flex; +} +.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + border:none; + border-radius:0; + flex-grow:1; + margin:2px; + min-width:200px; + width:100%; +} +@media (min-width:600px){ + .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + width:300px; + } +} + +.block-editor-media-placeholder__url-input-submit-button{ + flex-shrink:1; +} + +.block-editor-media-placeholder__button{ + margin-bottom:.5rem; +} + +.block-editor-media-placeholder__cancel-button.is-link{ + display:block; + margin:1em; +} + +.block-editor-media-placeholder.is-appender{ + min-height:0; +} +.block-editor-media-placeholder.is-appender:hover{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + cursor:pointer; +} + +.block-editor-plain-text{ + border:none; + box-shadow:none; + color:inherit; + font-family:inherit; + font-size:inherit; + line-height:inherit; + margin:0; + padding:0; + width:100%; +} + +.rich-text [data-rich-text-placeholder]{ + pointer-events:none; +} +.rich-text [data-rich-text-placeholder]:after{ + content:attr(data-rich-text-placeholder); + opacity:.62; +} +.rich-text:focus{ + outline:none; +} +.rich-text:focus [data-rich-text-format-boundary]{ + border-radius:2px; +} + +.block-editor-rich-text__editable>p:first-child{ + margin-top:0; +} + +figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ + opacity:.8; +} + +[data-rich-text-script]{ + display:inline; +} +[data-rich-text-script]:before{ + background:#ff0; + content:""; +} + +.block-editor-warning{ + align-items:center; + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:flex; + flex-wrap:wrap; + padding:1em; +} +.block-editor-warning,.block-editor-warning .block-editor-warning__message{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; +} +.block-editor-warning .block-editor-warning__message{ + color:#1e1e1e; + font-size:13px; + line-height:1.4; + margin:0; +} +.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ + min-height:auto; +} +.block-editor-warning .block-editor-warning__contents{ + align-items:baseline; + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:space-between; + width:100%; +} +.block-editor-warning .block-editor-warning__actions{ + align-items:center; + display:flex; + margin-top:1em; +} +.block-editor-warning .block-editor-warning__action{ + margin:0 0 0 8px; +} + +.block-editor-warning__secondary{ + margin:auto 8px auto 0; +} + +.components-popover.block-editor-warning__dropdown{ + z-index:99998; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/content-rtl.min.css b/wp-includes/css/dist/block-editor/content-rtl.min.css new file mode 100644 index 0000000000..8590bd51ee --- /dev/null +++ b/wp-includes/css/dist/block-editor/content-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-block-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}@media (forced-colors:active){.block-editor-block-icon.has-colors svg{fill:CanvasText}}.block-editor-block-icon svg{max-height:24px;max-width:24px;min-height:20px;min-width:20px}.block-editor-block-styles .block-editor-block-list__block{margin:0}@keyframes selection-overlay__fade-in-animation{0%{opacity:0}to{opacity:.4}}.block-editor-block-list__layout{position:relative}.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{background:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected){border-radius:2px;overflow:hidden}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{background:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation:selection-overlay__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.4;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@media (prefers-reduced-motion:reduce){.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{border-radius:2px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{outline:none}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{border-radius:1px;bottom:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:1px;outline:2px solid transparent;pointer-events:none;position:absolute;right:1px;top:1px;z-index:1}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{box-shadow:none;outline:none}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{border-radius:2px;border-top:4px solid #ccc;content:"";left:0;pointer-events:none;position:absolute;right:0;top:-14px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;z-index:0}.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{border-color:var(--wp-admin-theme-color)}.has-multi-selection .block-editor-block-list__layout{-webkit-user-select:none;user-select:none}.block-editor-block-list__layout [class^=components-]{-webkit-user-select:text;user-select:text}.is-block-moving-mode.block-editor-block-list__block-selection-button{font-size:1px;height:1px;opacity:0;padding:0}.is-content-locked .block-editor-block-list__block{pointer-events:none}.is-content-locked .is-content-block{pointer-events:auto}.block-editor-block-list__layout .block-editor-block-list__block{overflow-wrap:break-word;position:relative;-webkit-user-select:text;user-select:text}.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{z-index:1}.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 0 12px}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{margin-left:0;margin-right:0}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning{min-height:48px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{pointer-events:none;-webkit-user-select:none;user-select:none}.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{pointer-events:all}.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{background-color:hsla(0,0%,100%,.4);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{background-color:initial}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{display:none}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{display:block}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{float:none}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:after{border-radius:1px;bottom:1px;box-shadow:0 0 0 1px var(--wp-admin-theme-color);content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{cursor:unset}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:after{border-radius:2px;bottom:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){opacity:.2;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){transition-delay:0s;transition-duration:0s}}.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{opacity:1}.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{z-index:21}.wp-site-blocks>[data-align=left]{float:right;margin-left:2em}.wp-site-blocks>[data-align=right]{float:left;margin-right:2em}.wp-site-blocks>[data-align=center]{justify-content:center;margin-left:auto;margin-right:auto}.block-editor-block-list .block-editor-inserter{cursor:move;cursor:grab;margin:8px}@keyframes block-editor-inserter__toggle__fade-in-animation{0%{opacity:0}to{opacity:1}}.wp-block .block-list-appender .block-editor-inserter__toggle{animation:block-editor-inserter__toggle__fade-in-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.wp-block .block-list-appender .block-editor-inserter__toggle{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{display:none}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block .block-editor-block-list__block-html-textarea{border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;line-height:1.5;margin:0;outline:none;overflow:hidden;padding:12px;resize:none;transition:padding .2s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-editor-block-list__block-html-textarea{transition-delay:0s;transition-duration:0s}}.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-list__block .block-editor-warning{position:relative;z-index:5}.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{margin-bottom:auto}.block-editor-iframe__body{background-color:#fff;transform-origin:top center;transition:all .3s}.is-vertical .block-list-appender{margin-left:auto;margin-right:12px;margin-top:12px;width:24px}.block-list-appender>.block-editor-inserter{display:block}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block.has-block-overlay{cursor:default}.block-editor-block-list__block.has-block-overlay:before{background:transparent;border:none;border-radius:2px;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:10}.block-editor-block-list__block.has-block-overlay:not(.is-multi-selected):after{content:none!important}.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{background:rgba(var(--wp-admin-theme-color--rgb),.04);box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay.is-reusable:hover:not(.is-dragging-blocks):not(.is-multi-selected):before,.block-editor-block-list__block.has-block-overlay.wp-block-template-part:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{background:rgba(var(--wp-block-synced-color--rgb),.04);box-shadow:0 0 0 1px var(--wp-block-synced-color) inset}.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{pointer-events:none}.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{right:calc(50% - 50vw);width:100vw}.block-editor-block-list__layout .is-dragging{background-color:currentColor!important;border-radius:2px!important;opacity:.05!important;pointer-events:none!important}.block-editor-block-list__layout .is-dragging::selection{background:transparent!important}.block-editor-block-list__layout .is-dragging:after{content:none!important}.block-editor-block-preview__content-iframe .block-list-appender{display:none}.block-editor-block-preview__live-content *{pointer-events:none}.block-editor-block-preview__live-content .block-list-appender{display:none}.block-editor-block-preview__live-content .components-button:disabled{opacity:1}.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{display:none}.block-editor-block-variation-picker .components-placeholder__instructions{margin-bottom:0}.block-editor-block-variation-picker .components-placeholder__fieldset{flex-direction:column}.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{max-width:90%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:16px 0;padding:0;width:100%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{flex-shrink:1;list-style:none;margin:8px 0 0 20px;text-align:center;width:75px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{display:inline-flex;margin-left:0}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{padding:8px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.4}.block-editor-block-variation-picker__variation{width:100%}.block-editor-block-variation-picker__variation.components-button.has-icon{justify-content:center;width:auto}.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{background-color:#fff}.block-editor-block-variation-picker__variation.components-button{height:auto;padding:0}.block-editor-block-variation-picker__variation:before{content:"";padding-bottom:100%}.block-editor-block-variation-picker__variation:first-child{margin-right:0}.block-editor-block-variation-picker__variation:last-child{margin-left:0}.block-editor-button-block-appender{align-items:center;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.block-editor-button-block-appender.components-button.components-button{padding:12px}.is-dark-theme .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);color:hsla(0,0%,100%,.65)}.block-editor-button-block-appender:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-button-block-appender:focus{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.block-editor-button-block-appender:active{color:#000}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{pointer-events:none}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{visibility:hidden}.block-editor-default-block-appender{clear:both;margin-left:auto;margin-right:auto;position:relative}.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{outline:1px solid transparent}.block-editor-default-block-appender .block-editor-default-block-appender__content{opacity:.62}.block-editor-default-block-appender .components-drop-zone__content-icon{display:none}.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;height:24px;min-width:24px;padding:0}.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{left:0;line-height:0;position:absolute;top:0}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{display:none}.block-editor-block-list__block .block-list-appender{bottom:0;left:0;list-style:none;padding:0;position:absolute;z-index:2}.block-editor-block-list__block .block-list-appender.block-list-appender{line-height:0;margin:0}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{height:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{background:#1e1e1e;box-shadow:none;color:#fff;display:none;flex-direction:row;height:24px;min-width:24px;padding:0!important;width:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{display:none}.block-editor-block-list__block .block-list-appender:only-child{align-self:center;left:auto;line-height:inherit;list-style:none;position:relative}.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{display:block}.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{display:flex}.block-editor-default-block-appender__content{cursor:text}.block-editor-block-list__layout.has-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:60}.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{margin-bottom:0}.block-editor-media-placeholder__url-input-form{display:flex}.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{border:none;border-radius:0;flex-grow:1;margin:2px;min-width:200px;width:100%}@media (min-width:600px){.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:300px}}.block-editor-media-placeholder__url-input-submit-button{flex-shrink:1}.block-editor-media-placeholder__button{margin-bottom:.5rem}.block-editor-media-placeholder__cancel-button.is-link{display:block;margin:1em}.block-editor-media-placeholder.is-appender{min-height:0}.block-editor-media-placeholder.is-appender:hover{box-shadow:0 0 0 1px var(--wp-admin-theme-color);cursor:pointer}.block-editor-plain-text{border:none;box-shadow:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;width:100%}.rich-text [data-rich-text-placeholder]{pointer-events:none}.rich-text [data-rich-text-placeholder]:after{content:attr(data-rich-text-placeholder);opacity:.62}.rich-text:focus{outline:none}.rich-text:focus [data-rich-text-format-boundary]{border-radius:2px}.block-editor-rich-text__editable>p:first-child{margin-top:0}figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{opacity:.8}[data-rich-text-script]{display:inline}[data-rich-text-script]:before{background:#ff0;content:""}.block-editor-warning{align-items:center;background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:flex;flex-wrap:wrap;padding:1em}.block-editor-warning,.block-editor-warning .block-editor-warning__message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.block-editor-warning .block-editor-warning__message{color:#1e1e1e;font-size:13px;line-height:1.4;margin:0}.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{min-height:auto}.block-editor-warning .block-editor-warning__contents{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.block-editor-warning .block-editor-warning__actions{align-items:center;display:flex;margin-top:1em}.block-editor-warning .block-editor-warning__action{margin:0 0 0 8px}.block-editor-warning__secondary{margin:auto 8px auto 0}.components-popover.block-editor-warning__dropdown{z-index:99998}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/content.css b/wp-includes/css/dist/block-editor/content.css new file mode 100644 index 0000000000..5d191ce6f8 --- /dev/null +++ b/wp-includes/css/dist/block-editor/content.css @@ -0,0 +1,902 @@ +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.block-editor-block-icon{ + align-items:center; + display:flex; + height:24px; + justify-content:center; + width:24px; +} +.block-editor-block-icon.has-colors svg{ + fill:currentColor; +} +@media (forced-colors:active){ + .block-editor-block-icon.has-colors svg{ + fill:CanvasText; + } +} +.block-editor-block-icon svg{ + max-height:24px; + max-width:24px; + min-height:20px; + min-width:20px; +} + +.block-editor-block-styles .block-editor-block-list__block{ + margin:0; +} +@keyframes selection-overlay__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:.4; + } +} +.block-editor-block-list__layout{ + position:relative; +} +.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{ + background:transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected){ + border-radius:2px; + overflow:hidden; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{ + background:transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation:selection-overlay__fade-in-animation .1s ease-out; + animation-fill-mode:forwards; + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.4; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ + animation-delay:0s; + animation-duration:1ms; + } +} +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ + border-radius:2px; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{ + outline:none; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + border-radius:1px; + bottom:1px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:1px; + outline:2px solid transparent; + pointer-events:none; + position:absolute; + right:1px; + top:1px; + z-index:1; +} +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{ + box-shadow:none; + outline:none; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ + border-radius:2px; + border-top:4px solid #ccc; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:-14px; + transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; + z-index:0; +} +.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ + border-color:var(--wp-admin-theme-color); +} +.has-multi-selection .block-editor-block-list__layout{ + -webkit-user-select:none; + user-select:none; +} +.block-editor-block-list__layout [class^=components-]{ + -webkit-user-select:text; + user-select:text; +} + +.is-block-moving-mode.block-editor-block-list__block-selection-button{ + font-size:1px; + height:1px; + opacity:0; + padding:0; +} + +.is-content-locked .block-editor-block-list__block{ + pointer-events:none; +} +.is-content-locked .is-content-block{ + pointer-events:auto; +} + +.block-editor-block-list__layout .block-editor-block-list__block{ + overflow-wrap:break-word; + position:relative; + -webkit-user-select:text; + user-select:text; +} +.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ + z-index:1; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ + margin:-10px 0 12px; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ + margin:0 0 12px; + width:100%; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{ + margin-left:0; + margin-right:0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ + font-size:13px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning{ + min-height:48px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ + pointer-events:none; + -webkit-user-select:none; + user-select:none; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ + pointer-events:all; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ + background-color:hsla(0,0%,100%,.4); + border-radius:2px; + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ + background-color:initial; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ + display:none; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ + display:block; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ + float:none; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{ + cursor:default; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:after{ + border-radius:1px; + bottom:1px; + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + content:""; + left:1px; + pointer-events:none; + position:absolute; + right:1px; + top:1px; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ + cursor:default; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ + cursor:unset; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:after{ + border-radius:2px; + bottom:1px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:1px; + pointer-events:none; + position:absolute; + right:1px; + top:1px; +} + +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + opacity:.2; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ + transition-delay:0s; + transition-duration:0s; + } +} + +.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ + opacity:1; +} + +.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ + z-index:21; +} + +.wp-site-blocks>[data-align=left]{ + float:left; + margin-right:2em; +} + +.wp-site-blocks>[data-align=right]{ + float:right; + margin-left:2em; +} + +.wp-site-blocks>[data-align=center]{ + justify-content:center; + margin-left:auto; + margin-right:auto; +} +.block-editor-block-list .block-editor-inserter{ + cursor:move; + cursor:grab; + margin:8px; +} + +@keyframes block-editor-inserter__toggle__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:1; + } +} +.wp-block .block-list-appender .block-editor-inserter__toggle{ + animation:block-editor-inserter__toggle__fade-in-animation .1s ease; + animation-fill-mode:forwards; +} +@media (prefers-reduced-motion:reduce){ + .wp-block .block-list-appender .block-editor-inserter__toggle{ + animation-delay:0s; + animation-duration:1ms; + } +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ + display:none; +} +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ + opacity:0; + transform:scale(0); +} + +.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + line-height:1.5; + margin:0; + outline:none; + overflow:hidden; + padding:12px; + resize:none; + transition:padding .2s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-block-list__block .block-editor-warning{ + position:relative; + z-index:5; +} +.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ + margin-bottom:auto; +} + +.block-editor-iframe__body{ + background-color:#fff; + transform-origin:top center; + transition:all .3s; +} + +.is-vertical .block-list-appender{ + margin-left:12px; + margin-right:auto; + margin-top:12px; + width:24px; +} + +.block-list-appender>.block-editor-inserter{ + display:block; +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ + opacity:0; + transform:scale(0); +} + +.block-editor-block-list__block.has-block-overlay{ + cursor:default; +} +.block-editor-block-list__block.has-block-overlay:before{ + background:transparent; + border:none; + border-radius:2px; + content:""; + height:100%; + left:0; + position:absolute; + top:0; + width:100%; + z-index:10; +} +.block-editor-block-list__block.has-block-overlay:not(.is-multi-selected):after{ + content:none !important; +} +.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; +} +.block-editor-block-list__block.has-block-overlay.is-reusable:hover:not(.is-dragging-blocks):not(.is-multi-selected):before,.block-editor-block-list__block.has-block-overlay.wp-block-template-part:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{ + background:rgba(var(--wp-block-synced-color--rgb), .04); + box-shadow:0 0 0 1px var(--wp-block-synced-color) inset; +} +.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; +} +.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ + pointer-events:none; +} +.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{ + left:calc(50% - 50vw); + width:100vw; +} + +.block-editor-block-list__layout .is-dragging{ + background-color:currentColor !important; + border-radius:2px !important; + opacity:.05 !important; + pointer-events:none !important; +} +.block-editor-block-list__layout .is-dragging::selection{ + background:transparent !important; +} +.block-editor-block-list__layout .is-dragging:after{ + content:none !important; +} + +.block-editor-block-preview__content-iframe .block-list-appender{ + display:none; +} + +.block-editor-block-preview__live-content *{ + pointer-events:none; +} +.block-editor-block-preview__live-content .block-list-appender{ + display:none; +} +.block-editor-block-preview__live-content .components-button:disabled{ + opacity:1; +} +.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ + display:none; +} + +.block-editor-block-variation-picker .components-placeholder__instructions{ + margin-bottom:0; +} +.block-editor-block-variation-picker .components-placeholder__fieldset{ + flex-direction:column; +} +.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{ + max-width:90%; +} + +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:flex-start; + list-style:none; + margin:16px 0; + padding:0; + width:100%; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{ + flex-shrink:1; + list-style:none; + margin:8px 20px 0 0; + text-align:center; + width:75px; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{ + display:inline-flex; + margin-right:0; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{ + padding:8px; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{ + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:12px; + line-height:1.4; +} + +.block-editor-block-variation-picker__variation{ + width:100%; +} +.block-editor-block-variation-picker__variation.components-button.has-icon{ + justify-content:center; + width:auto; +} +.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{ + background-color:#fff; +} +.block-editor-block-variation-picker__variation.components-button{ + height:auto; + padding:0; +} +.block-editor-block-variation-picker__variation:before{ + content:""; + padding-bottom:100%; +} +.block-editor-block-variation-picker__variation:first-child{ + margin-left:0; +} +.block-editor-block-variation-picker__variation:last-child{ + margin-right:0; +} + +.block-editor-button-block-appender{ + align-items:center; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + display:flex; + flex-direction:column; + height:auto; + justify-content:center; + width:100%; +} +.block-editor-button-block-appender.components-button.components-button{ + padding:12px; +} +.is-dark-theme .block-editor-button-block-appender{ + box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65); + color:hsla(0,0%,100%,.65); +} +.block-editor-button-block-appender:hover{ + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + color:var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:focus{ + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:active{ + color:#000; +} + +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{ + pointer-events:none; +} +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + bottom:0; + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{ + visibility:hidden; +} +.block-editor-default-block-appender{ + clear:both; + margin-left:auto; + margin-right:auto; + position:relative; +} +.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ + outline:1px solid transparent; +} +.block-editor-default-block-appender .block-editor-default-block-appender__content{ + opacity:.62; +} +.block-editor-default-block-appender .components-drop-zone__content-icon{ + display:none; +} +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + min-width:24px; + padding:0; +} +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ + line-height:0; + position:absolute; + right:0; + top:0; +} +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ + display:none; +} +.block-editor-block-list__block .block-list-appender{ + bottom:0; + list-style:none; + padding:0; + position:absolute; + right:0; + z-index:2; +} +.block-editor-block-list__block .block-list-appender.block-list-appender{ + line-height:0; + margin:0; +} +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ + height:24px; +} +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ + background:#1e1e1e; + box-shadow:none; + color:#fff; + display:none; + flex-direction:row; + height:24px; + min-width:24px; + padding:0 !important; + width:24px; +} +.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ + display:none; +} +.block-editor-block-list__block .block-list-appender:only-child{ + align-self:center; + line-height:inherit; + list-style:none; + position:relative; + right:auto; +} +.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ + display:block; +} + +.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ + display:flex; +} + +.block-editor-default-block-appender__content{ + cursor:text; +} + +.block-editor-block-list__layout.has-overlay:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:60; +} + +.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{ + margin-bottom:0; +} + +.block-editor-media-placeholder__url-input-form{ + display:flex; +} +.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + border:none; + border-radius:0; + flex-grow:1; + margin:2px; + min-width:200px; + width:100%; +} +@media (min-width:600px){ + .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ + width:300px; + } +} + +.block-editor-media-placeholder__url-input-submit-button{ + flex-shrink:1; +} + +.block-editor-media-placeholder__button{ + margin-bottom:.5rem; +} + +.block-editor-media-placeholder__cancel-button.is-link{ + display:block; + margin:1em; +} + +.block-editor-media-placeholder.is-appender{ + min-height:0; +} +.block-editor-media-placeholder.is-appender:hover{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); + cursor:pointer; +} + +.block-editor-plain-text{ + border:none; + box-shadow:none; + color:inherit; + font-family:inherit; + font-size:inherit; + line-height:inherit; + margin:0; + padding:0; + width:100%; +} + +.rich-text [data-rich-text-placeholder]{ + pointer-events:none; +} +.rich-text [data-rich-text-placeholder]:after{ + content:attr(data-rich-text-placeholder); + opacity:.62; +} +.rich-text:focus{ + outline:none; +} +.rich-text:focus [data-rich-text-format-boundary]{ + border-radius:2px; +} + +.block-editor-rich-text__editable>p:first-child{ + margin-top:0; +} + +figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ + opacity:.8; +} + +[data-rich-text-script]{ + display:inline; +} +[data-rich-text-script]:before{ + background:#ff0; + content:""; +} + +.block-editor-warning{ + align-items:center; + background-color:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:flex; + flex-wrap:wrap; + padding:1em; +} +.block-editor-warning,.block-editor-warning .block-editor-warning__message{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; +} +.block-editor-warning .block-editor-warning__message{ + color:#1e1e1e; + font-size:13px; + line-height:1.4; + margin:0; +} +.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ + min-height:auto; +} +.block-editor-warning .block-editor-warning__contents{ + align-items:baseline; + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:space-between; + width:100%; +} +.block-editor-warning .block-editor-warning__actions{ + align-items:center; + display:flex; + margin-top:1em; +} +.block-editor-warning .block-editor-warning__action{ + margin:0 8px 0 0; +} + +.block-editor-warning__secondary{ + margin:auto 0 auto 8px; +} + +.components-popover.block-editor-warning__dropdown{ + z-index:99998; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; +} +@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/content.min.css b/wp-includes/css/dist/block-editor/content.min.css new file mode 100644 index 0000000000..f411c6dac3 --- /dev/null +++ b/wp-includes/css/dist/block-editor/content.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-block-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}@media (forced-colors:active){.block-editor-block-icon.has-colors svg{fill:CanvasText}}.block-editor-block-icon svg{max-height:24px;max-width:24px;min-height:20px;min-width:20px}.block-editor-block-styles .block-editor-block-list__block{margin:0}@keyframes selection-overlay__fade-in-animation{0%{opacity:0}to{opacity:.4}}.block-editor-block-list__layout{position:relative}.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{background:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected){border-radius:2px;overflow:hidden}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{background:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation:selection-overlay__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.4;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@media (prefers-reduced-motion:reduce){.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{border-radius:2px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{outline:none}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{border-radius:1px;bottom:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:1px;outline:2px solid transparent;pointer-events:none;position:absolute;right:1px;top:1px;z-index:1}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{box-shadow:none;outline:none}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{border-radius:2px;border-top:4px solid #ccc;content:"";left:0;pointer-events:none;position:absolute;right:0;top:-14px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;z-index:0}.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{border-color:var(--wp-admin-theme-color)}.has-multi-selection .block-editor-block-list__layout{-webkit-user-select:none;user-select:none}.block-editor-block-list__layout [class^=components-]{-webkit-user-select:text;user-select:text}.is-block-moving-mode.block-editor-block-list__block-selection-button{font-size:1px;height:1px;opacity:0;padding:0}.is-content-locked .block-editor-block-list__block{pointer-events:none}.is-content-locked .is-content-block{pointer-events:auto}.block-editor-block-list__layout .block-editor-block-list__block{overflow-wrap:break-word;position:relative;-webkit-user-select:text;user-select:text}.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{z-index:1}.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 0 12px}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{margin-left:0;margin-right:0}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning{min-height:48px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{pointer-events:none;-webkit-user-select:none;user-select:none}.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{pointer-events:all}.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{background-color:hsla(0,0%,100%,.4);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{background-color:initial}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{display:none}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{display:block}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{float:none}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:after{border-radius:1px;bottom:1px;box-shadow:0 0 0 1px var(--wp-admin-theme-color);content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{cursor:unset}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:after{border-radius:2px;bottom:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){opacity:.2;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){transition-delay:0s;transition-duration:0s}}.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{opacity:1}.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{z-index:21}.wp-site-blocks>[data-align=left]{float:left;margin-right:2em}.wp-site-blocks>[data-align=right]{float:right;margin-left:2em}.wp-site-blocks>[data-align=center]{justify-content:center;margin-left:auto;margin-right:auto}.block-editor-block-list .block-editor-inserter{cursor:move;cursor:grab;margin:8px}@keyframes block-editor-inserter__toggle__fade-in-animation{0%{opacity:0}to{opacity:1}}.wp-block .block-list-appender .block-editor-inserter__toggle{animation:block-editor-inserter__toggle__fade-in-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.wp-block .block-list-appender .block-editor-inserter__toggle{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{display:none}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block .block-editor-block-list__block-html-textarea{border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;line-height:1.5;margin:0;outline:none;overflow:hidden;padding:12px;resize:none;transition:padding .2s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-editor-block-list__block-html-textarea{transition-delay:0s;transition-duration:0s}}.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-list__block .block-editor-warning{position:relative;z-index:5}.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{margin-bottom:auto}.block-editor-iframe__body{background-color:#fff;transform-origin:top center;transition:all .3s}.is-vertical .block-list-appender{margin-left:12px;margin-right:auto;margin-top:12px;width:24px}.block-list-appender>.block-editor-inserter{display:block}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block.has-block-overlay{cursor:default}.block-editor-block-list__block.has-block-overlay:before{background:transparent;border:none;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.block-editor-block-list__block.has-block-overlay:not(.is-multi-selected):after{content:none!important}.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{background:rgba(var(--wp-admin-theme-color--rgb),.04);box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay.is-reusable:hover:not(.is-dragging-blocks):not(.is-multi-selected):before,.block-editor-block-list__block.has-block-overlay.wp-block-template-part:hover:not(.is-dragging-blocks):not(.is-multi-selected):before{background:rgba(var(--wp-block-synced-color--rgb),.04);box-shadow:0 0 0 1px var(--wp-block-synced-color) inset}.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{pointer-events:none}.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{left:calc(50% - 50vw);width:100vw}.block-editor-block-list__layout .is-dragging{background-color:currentColor!important;border-radius:2px!important;opacity:.05!important;pointer-events:none!important}.block-editor-block-list__layout .is-dragging::selection{background:transparent!important}.block-editor-block-list__layout .is-dragging:after{content:none!important}.block-editor-block-preview__content-iframe .block-list-appender{display:none}.block-editor-block-preview__live-content *{pointer-events:none}.block-editor-block-preview__live-content .block-list-appender{display:none}.block-editor-block-preview__live-content .components-button:disabled{opacity:1}.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{display:none}.block-editor-block-variation-picker .components-placeholder__instructions{margin-bottom:0}.block-editor-block-variation-picker .components-placeholder__fieldset{flex-direction:column}.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{max-width:90%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:16px 0;padding:0;width:100%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{flex-shrink:1;list-style:none;margin:8px 20px 0 0;text-align:center;width:75px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{display:inline-flex;margin-right:0}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{padding:8px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.4}.block-editor-block-variation-picker__variation{width:100%}.block-editor-block-variation-picker__variation.components-button.has-icon{justify-content:center;width:auto}.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{background-color:#fff}.block-editor-block-variation-picker__variation.components-button{height:auto;padding:0}.block-editor-block-variation-picker__variation:before{content:"";padding-bottom:100%}.block-editor-block-variation-picker__variation:first-child{margin-left:0}.block-editor-block-variation-picker__variation:last-child{margin-right:0}.block-editor-button-block-appender{align-items:center;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.block-editor-button-block-appender.components-button.components-button{padding:12px}.is-dark-theme .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);color:hsla(0,0%,100%,.65)}.block-editor-button-block-appender:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-button-block-appender:focus{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.block-editor-button-block-appender:active{color:#000}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{pointer-events:none}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{visibility:hidden}.block-editor-default-block-appender{clear:both;margin-left:auto;margin-right:auto;position:relative}.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{outline:1px solid transparent}.block-editor-default-block-appender .block-editor-default-block-appender__content{opacity:.62}.block-editor-default-block-appender .components-drop-zone__content-icon{display:none}.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;height:24px;min-width:24px;padding:0}.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{line-height:0;position:absolute;right:0;top:0}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{display:none}.block-editor-block-list__block .block-list-appender{bottom:0;list-style:none;padding:0;position:absolute;right:0;z-index:2}.block-editor-block-list__block .block-list-appender.block-list-appender{line-height:0;margin:0}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{height:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{background:#1e1e1e;box-shadow:none;color:#fff;display:none;flex-direction:row;height:24px;min-width:24px;padding:0!important;width:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{display:none}.block-editor-block-list__block .block-list-appender:only-child{align-self:center;line-height:inherit;list-style:none;position:relative;right:auto}.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{display:block}.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{display:flex}.block-editor-default-block-appender__content{cursor:text}.block-editor-block-list__layout.has-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:60}.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{margin-bottom:0}.block-editor-media-placeholder__url-input-form{display:flex}.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{border:none;border-radius:0;flex-grow:1;margin:2px;min-width:200px;width:100%}@media (min-width:600px){.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:300px}}.block-editor-media-placeholder__url-input-submit-button{flex-shrink:1}.block-editor-media-placeholder__button{margin-bottom:.5rem}.block-editor-media-placeholder__cancel-button.is-link{display:block;margin:1em}.block-editor-media-placeholder.is-appender{min-height:0}.block-editor-media-placeholder.is-appender:hover{box-shadow:0 0 0 1px var(--wp-admin-theme-color);cursor:pointer}.block-editor-plain-text{border:none;box-shadow:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;width:100%}.rich-text [data-rich-text-placeholder]{pointer-events:none}.rich-text [data-rich-text-placeholder]:after{content:attr(data-rich-text-placeholder);opacity:.62}.rich-text:focus{outline:none}.rich-text:focus [data-rich-text-format-boundary]{border-radius:2px}.block-editor-rich-text__editable>p:first-child{margin-top:0}figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{opacity:.8}[data-rich-text-script]{display:inline}[data-rich-text-script]:before{background:#ff0;content:""}.block-editor-warning{align-items:center;background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:flex;flex-wrap:wrap;padding:1em}.block-editor-warning,.block-editor-warning .block-editor-warning__message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.block-editor-warning .block-editor-warning__message{color:#1e1e1e;font-size:13px;line-height:1.4;margin:0}.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{min-height:auto}.block-editor-warning .block-editor-warning__contents{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.block-editor-warning .block-editor-warning__actions{align-items:center;display:flex;margin-top:1em}.block-editor-warning .block-editor-warning__action{margin:0 8px 0 0}.block-editor-warning__secondary{margin:auto 0 auto 8px}.components-popover.block-editor-warning__dropdown{z-index:99998}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css b/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css index 6f639e4341..acde39ebb3 100644 --- a/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css +++ b/wp-includes/css/dist/block-editor/default-editor-styles-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/block-editor/default-editor-styles-rtl.min.css b/wp-includes/css/dist/block-editor/default-editor-styles-rtl.min.css index 22b054483b..8c1e6b4684 100644 --- a/wp-includes/css/dist/block-editor/default-editor-styles-rtl.min.css +++ b/wp-includes/css/dist/block-editor/default-editor-styles-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}body{--wp--style--block-gap:2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}body{--wp--style--block-gap:2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/default-editor-styles.css b/wp-includes/css/dist/block-editor/default-editor-styles.css index 6f639e4341..acde39ebb3 100644 --- a/wp-includes/css/dist/block-editor/default-editor-styles.css +++ b/wp-includes/css/dist/block-editor/default-editor-styles.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/block-editor/default-editor-styles.min.css b/wp-includes/css/dist/block-editor/default-editor-styles.min.css index 22b054483b..8c1e6b4684 100644 --- a/wp-includes/css/dist/block-editor/default-editor-styles.min.css +++ b/wp-includes/css/dist/block-editor/default-editor-styles.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}body{--wp--style--block-gap:2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}body{--wp--style--block-gap:2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style-rtl.css b/wp-includes/css/dist/block-editor/style-rtl.css index 9f1cb59c0f..d4d47ae05f 100644 --- a/wp-includes/css/dist/block-editor/style-rtl.css +++ b/wp-includes/css/dist/block-editor/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -67,6 +69,9 @@ .block-editor-block-inspector .components-base-control:last-child{ margin-bottom:8px; } +.block-editor-block-inspector .components-focal-point-picker-control .components-base-control{ + margin-bottom:0; +} .block-editor-block-inspector .components-panel__body{ border:none; border-top:1px solid #e0e0e0; @@ -75,7 +80,7 @@ padding:16px; } -.block-editor-block-inspector__no-blocks{ +.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{ background:#fff; display:block; font-size:13px; @@ -83,305 +88,18 @@ text-align:center; } +.block-editor-block-inspector__no-block-tools{ + border-top:1px solid #ddd; +} + +.block-editor-block-inspector__tab-item{ + flex:1 1 0px; +} + .block-editor-block-inspector__block-buttons-container{ border-top:1px solid #e0e0e0; padding:16px; } - -.block-editor-block-styles .block-editor-block-list__block{ - margin:0; -} -@keyframes selection-overlay__fade-in-animation{ - 0%{ - opacity:0; - } - to{ - opacity:.4; - } -} -.block-editor-block-list__layout{ - position:relative; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection,.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{ - background:transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ - animation:selection-overlay__fade-in-animation .1s ease-out; - animation-fill-mode:forwards; - background:var(--wp-admin-theme-color); - bottom:1px; - content:""; - left:1px; - opacity:.4; - outline:2px solid transparent; - pointer-events:none; - position:absolute; - right:1px; - top:1px; - z-index:1; -} -@media (prefers-reduced-motion:reduce){ - .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ - animation-delay:0s; - animation-duration:1ms; - } -} -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ - border-radius:2px; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:2px solid transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{ - outline:none; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ - border-radius:1px; - bottom:1px; - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - content:""; - left:1px; - outline:2px solid transparent; - pointer-events:none; - position:absolute; - right:1px; - top:1px; - z-index:1; -} -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{ - box-shadow:none; - outline:none; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ - border-radius:2px; - border-top:4px solid #ccc; - content:""; - left:0; - pointer-events:none; - position:absolute; - right:0; - top:-14px; - transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; - z-index:0; -} -.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ - border-color:var(--wp-admin-theme-color); -} -.has-multi-selection .block-editor-block-list__layout{ - -webkit-user-select:none; - user-select:none; -} -.block-editor-block-list__layout [class^=components-]{ - -webkit-user-select:text; - user-select:text; -} - -.is-block-moving-mode.block-editor-block-list__block-selection-button{ - font-size:1px; - height:1px; - opacity:0; - padding:0; -} - -.is-content-locked .block-editor-block-list__block{ - pointer-events:none; -} -.is-content-locked .is-content-block{ - pointer-events:auto; -} - -.block-editor-block-list__layout .block-editor-block-list__block{ - overflow-wrap:break-word; - position:relative; - -webkit-user-select:text; - user-select:text; -} -.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ - z-index:1; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ - margin:-10px 0 12px; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ - margin:0 0 12px; - width:100%; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{ - margin-left:0; - margin-right:0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ - font-size:13px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning{ - min-height:48px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ - pointer-events:none; - -webkit-user-select:none; - user-select:none; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ - pointer-events:all; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ - background-color:hsla(0,0%,100%,.4); - border-radius:2px; - bottom:0; - content:""; - left:0; - position:absolute; - right:0; - top:0; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ - background-color:initial; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ - display:none; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ - display:block; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ - box-shadow:0 0 0 1px var(--wp-admin-theme-color); -} -.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ - float:none; -} - -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{ - border-radius:2px; - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); - cursor:default; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ - border-radius:2px; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - cursor:default; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ - cursor:unset; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} - -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ - opacity:.2; - transition:opacity .1s linear; -} -@media (prefers-reduced-motion:reduce){ - .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ - transition-delay:0s; - transition-duration:0s; - } -} - -.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ - opacity:1; -} - -.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ - z-index:21; -} - -.wp-site-blocks>[data-align=left]{ - float:right; - margin-left:2em; -} - -.wp-site-blocks>[data-align=right]{ - float:left; - margin-right:2em; -} - -.wp-site-blocks>[data-align=center]{ - justify-content:center; - margin-left:auto; - margin-right:auto; -} -.block-editor-block-list .block-editor-inserter{ - cursor:move; - cursor:grab; - margin:8px; -} - -@keyframes block-editor-inserter__toggle__fade-in-animation{ - 0%{ - opacity:0; - } - to{ - opacity:1; - } -} -.wp-block .block-list-appender .block-editor-inserter__toggle{ - animation:block-editor-inserter__toggle__fade-in-animation .1s ease; - animation-fill-mode:forwards; -} -@media (prefers-reduced-motion:reduce){ - .wp-block .block-list-appender .block-editor-inserter__toggle{ - animation-delay:0s; - animation-duration:1ms; - } -} - -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ - display:none; -} -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ - opacity:0; - transform:scale(0); -} - -.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ - border:none; - border-radius:2px; - box-shadow:inset 0 0 0 1px #1e1e1e; - display:block; - font-family:Menlo,Consolas,monaco,monospace; - font-size:15px; - line-height:1.5; - margin:0; - outline:none; - overflow:hidden; - padding:12px; - resize:none; - transition:padding .2s linear; - width:100%; -} -@media (prefers-reduced-motion:reduce){ - .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ - transition-delay:0s; - transition-duration:0s; - } -} -.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.block-editor-block-list__block .block-editor-warning{ - position:relative; - z-index:5; -} -.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ - margin-bottom:auto; -} -.block-editor-iframe__body{ - transform-origin:top center; - transition:all .3s; -} -.block-editor-iframe__body.is-zoomed-out{ - margin:100px 0; - transform:scale(.45); -} -.block-editor-iframe__body.is-zoomed-out .wp-site-blocks>*+*{ - margin-block-start:2.5rem; -} -.block-editor-iframe__body.is-zoomed-out>.block-list-appender{ - display:none; -} .block-editor-block-list__insertion-point{ bottom:0; left:0; @@ -392,17 +110,22 @@ .block-editor-block-list__insertion-point-indicator{ background:var(--wp-admin-theme-color); + border-radius:2px; + opacity:0; position:absolute; + transform-origin:center; + will-change:transform, opacity; } .block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{ - height:1px; - top:50%; + height:4px; + top:calc(50% - 2px); + width:100%; } .block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{ - left:0; - right:50%; + bottom:0; + right:calc(50% - 2px); top:0; - width:1px; + width:4px; } .block-editor-block-list__insertion-point-inserter{ @@ -411,6 +134,7 @@ position:absolute; right:calc(50% - 12px); top:calc(50% - 12px); + will-change:transform; } @media (min-width:480px){ .block-editor-block-list__insertion-point-inserter{ @@ -425,7 +149,7 @@ pointer-events:all; } -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ background:#1e1e1e; border-radius:2px; color:#fff; @@ -433,7 +157,7 @@ min-width:24px; padding:0; } -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ background:var(--wp-admin-theme-color); color:#fff; } @@ -510,7 +234,7 @@ border:none; box-shadow:none; } -.block-editor-block-list__block-selection-button .components-button:active{ +.block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{ color:#fff; } .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ @@ -544,22 +268,6 @@ display:none; } -.is-vertical .block-list-appender{ - margin-left:auto; - margin-right:12px; - margin-top:12px; - width:24px; -} - -.block-list-appender>.block-editor-inserter{ - display:block; -} - -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ - opacity:0; - transform:scale(0); -} - .block-editor-block-lock-modal{ z-index:1000001; } @@ -582,26 +290,19 @@ .block-editor-block-lock-modal__options-title .components-base-control__field{ align-items:center; display:flex; - margin:0; } .block-editor-block-lock-modal__checklist-item{ + align-items:center; + display:flex; + gap:12px; + justify-content:space-between; margin-bottom:0; padding:12px 32px 12px 0; } -.block-editor-block-lock-modal__checklist-item .components-base-control__field{ - align-items:center; - display:flex; - margin:0; -} -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label{ - align-items:center; - display:flex; - flex-grow:1; - justify-content:space-between; -} -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg{ +.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{ fill:#1e1e1e; + flex-shrink:0; margin-left:12px; } .block-editor-block-lock-modal__checklist-item:hover{ @@ -713,6 +414,10 @@ margin-right:0; width:24px; } + +.block-editor-block-card.is-synced .block-editor-block-icon{ + color:var(--wp-block-synced-color); +} .block-editor-block-compare{ height:auto; } @@ -773,39 +478,6 @@ margin:.67em 0; } -.block-editor-block-list__block.has-block-overlay{ - cursor:default; -} -.block-editor-block-list__block.has-block-overlay:before{ - background:transparent; - border:none; - border-radius:2px; - content:""; - height:100%; - position:absolute; - right:0; - top:0; - width:100%; - z-index:10; -} -.block-editor-block-list__block.has-block-overlay:after{ - content:none !important; -} -.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):before{ - background:rgba(var(--wp-admin-theme-color--rgb), .3); - box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; -} -.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{ - box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; -} -.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ - pointer-events:none; -} -.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{ - right:calc(50% - 50vw); - width:100vw; -} - .block-editor-block-draggable-chip-wrapper{ position:absolute; right:0; @@ -846,19 +518,6 @@ font-size:13px; } -.block-editor-block-list__layout .is-dragging{ - background-color:currentColor !important; - border-radius:2px !important; - opacity:.05 !important; - pointer-events:none !important; -} -.block-editor-block-list__layout .is-dragging::selection{ - background:transparent !important; -} -.block-editor-block-list__layout .is-dragging:after{ - content:none !important; -} - .block-editor-block-mover__move-button-container{ border:none; display:flex; @@ -867,7 +526,6 @@ @media (min-width:600px){ .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ flex-direction:column; - width:36px; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{ height:24px; @@ -875,8 +533,7 @@ width:100%; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{ - height:100%; - width:100%; + height:calc(100% - 4px); } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ flex-shrink:0; @@ -896,9 +553,6 @@ padding-right:0 !important; width:24px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>:before{ - height:100%; - } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ right:5px; } @@ -914,6 +568,33 @@ } } +.components-button.block-editor-block-mover-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:32px; + left:8px; + position:absolute; + right:8px; + z-index:-1; +} +@media (prefers-reduced-motion:reduce){ + .components-button.block-editor-block-mover-button:before{ + animation-delay:0s; + animation-duration:1ms; + } +} +.components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{ + box-shadow:none; + outline:none; +} +.components-button.block-editor-block-mover-button:focus-visible:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; +} + .block-editor-block-navigation__container{ min-width:280px; } @@ -954,8 +635,7 @@ } .block-editor-block-patterns-list__item .block-editor-block-preview__container{ align-items:center; - border:1px solid #f0f0f0; - border-radius:2px; + border-radius:4px; display:flex; overflow:hidden; } @@ -965,7 +645,7 @@ text-align:center; } .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{ - border:1px solid var(--wp-admin-theme-color); + box-shadow:0 0 0 2px var(--wp-admin-theme-color); } .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{ box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); @@ -982,16 +662,12 @@ z-index:31; } .components-popover.block-editor-block-popover .components-popover__content{ - background:none; - border:none; - box-shadow:none; margin:0 !important; min-width:auto; - outline:none; overflow-y:visible; width:max-content; } -.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ +.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ pointer-events:all; } .components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{ @@ -1001,6 +677,16 @@ pointer-events:all; } +.components-popover.block-editor-block-popover__drop-zone *{ + pointer-events:none; +} +.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{ + background-color:var(--wp-admin-theme-color); + border-radius:2px; + inset:0; + position:absolute; +} + .block-editor-block-preview__container{ overflow:hidden; position:relative; @@ -1015,22 +701,18 @@ top:0; transform-origin:top right; } - -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,.block-editor-block-preview__content-iframe .block-list-appender{ +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{ display:none; } -.block-editor-block-preview__live-content *{ - pointer-events:none; -} -.block-editor-block-preview__live-content .block-list-appender{ - display:none; -} -.block-editor-block-preview__live-content .components-button:disabled{ - opacity:1; -} -.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ - display:none; +.block-editor-block-preview__container:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:1; } .block-editor-block-settings-menu__popover .components-dropdown-menu__menu{ @@ -1259,72 +941,6 @@ overflow:hidden; } -.block-editor-block-variation-picker .components-placeholder__instructions{ - margin-bottom:0; -} -.block-editor-block-variation-picker .components-placeholder__fieldset{ - flex-direction:column; -} -.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{ - max-width:90%; -} - -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{ - display:flex; - flex-direction:row; - flex-wrap:wrap; - justify-content:flex-start; - list-style:none; - margin:16px 0; - padding:0; - width:100%; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{ - flex-shrink:1; - list-style:none; - margin:8px 0 0 20px; - text-align:center; - width:75px; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{ - display:inline-flex; - margin-left:0; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{ - padding:8px; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{ - display:block; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:12px; - line-height:1.4; -} - -.block-editor-block-variation-picker__variation{ - width:100%; -} -.block-editor-block-variation-picker__variation.components-button.has-icon{ - justify-content:center; - width:auto; -} -.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{ - background-color:#fff; -} -.block-editor-block-variation-picker__variation.components-button{ - height:auto; - padding:0; -} -.block-editor-block-variation-picker__variation:before{ - content:""; - padding-bottom:100%; -} -.block-editor-block-variation-picker__variation:first-child{ - margin-right:0; -} -.block-editor-block-variation-picker__variation:last-child{ - margin-left:0; -} - .block-editor-block-pattern-setup{ align-items:flex-start; border-radius:2px; @@ -1333,6 +949,9 @@ justify-content:center; width:100%; } +.block-editor-block-pattern-setup.view-mode-grid{ + padding-top:4px; +} .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{ justify-content:center; } @@ -1351,10 +970,26 @@ .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{ cursor:pointer; } +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{ + box-shadow:0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{ + color:var(--wp-admin-theme-color); +} .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{ break-inside:avoid-column; margin-bottom:24px; } +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{ + cursor:pointer; + font-size:12px; + padding-top:8px; + text-align:center; +} .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{ border:1px solid #ddd; border-radius:2px; @@ -1395,9 +1030,11 @@ box-sizing:border-box; display:flex; flex-direction:column; + height:100%; width:100%; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{ + height:100%; list-style:none; margin:0; overflow:hidden; @@ -1409,6 +1046,8 @@ box-sizing:border-box; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{ + background-color:#fff; + height:100%; margin:auto; padding:0; position:absolute; @@ -1445,7 +1084,7 @@ .block-editor-block-variation-transforms .components-dropdown-menu__toggle{ border:1px solid #757575; border-radius:2px; - justify-content:left; + justify-content:right; min-height:30px; padding:6px 12px; position:relative; @@ -1482,92 +1121,39 @@ display:flex; justify-content:space-between; } -.components-border-radius-control .components-border-radius-control__wrapper>.components-unit-control-wrapper{ +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{ flex-shrink:0; margin-bottom:0; - margin-left:12px; - width:110px; + margin-left:16px; + width:calc(50% - 8px); } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control{ +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{ flex:1; - margin-bottom:0; + margin-left:12px; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field{ - height:30px; - margin-bottom:0; -} -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper{ - margin-left:10px; +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{ + align-items:center; + display:flex; + height:40px; } .components-border-radius-control .components-border-radius-control__wrapper>span{ flex:0 0 auto; } .components-border-radius-control .components-border-radius-control__input-controls-wrapper{ - display:flex; - flex-wrap:wrap; - width:70%; + display:grid; + gap:16px; + grid-template-columns:repeat(2, minmax(0, 1fr)); + margin-left:12px; } -.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper{ - margin-bottom:8px; - margin-left:8px; - width:calc(50% - 8px); -} -.components-border-radius-control .component-border-radius-control__linked-button.has-icon{ +.components-border-radius-control .component-border-radius-control__linked-button{ display:flex; justify-content:center; - margin-right:2px; - margin-top:3px; + margin-top:8px; } -.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg{ +.components-border-radius-control .component-border-radius-control__linked-button svg{ margin-left:0; } -.block-editor-button-block-appender{ - align-items:center; - box-shadow:inset 0 0 0 1px #1e1e1e; - color:#1e1e1e; - display:flex; - flex-direction:column; - height:auto; - justify-content:center; - width:100%; -} -.block-editor-button-block-appender.components-button.components-button{ - padding:12px; -} -.is-dark-theme .block-editor-button-block-appender{ - box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65); - color:hsla(0,0%,100%,.65); -} -.block-editor-button-block-appender:hover{ - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); - color:var(--wp-admin-theme-color); -} -.block-editor-button-block-appender:focus{ - box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); -} -.block-editor-button-block-appender:active{ - color:#000; -} - -.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{ - pointer-events:none; -} -.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{ - border:1px dashed; - border-radius:2px; - bottom:0; - content:""; - left:0; - pointer-events:none; - position:absolute; - right:0; - top:0; -} -.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{ - visibility:hidden; -} - .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{ margin-bottom:12px; } @@ -1654,81 +1240,6 @@ .block-editor-contrast-checker>.components-notice{ margin:0; } -.block-editor-default-block-appender{ - clear:both; - margin-left:auto; - margin-right:auto; - position:relative; -} -.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ - outline:1px solid transparent; -} -.block-editor-default-block-appender .block-editor-default-block-appender__content{ - opacity:.62; -} -.block-editor-default-block-appender .components-drop-zone__content-icon{ - display:none; -} - -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ - left:0; - line-height:0; - position:absolute; - top:0; -} -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ - display:none; -} -.block-editor-block-list__block .block-list-appender{ - bottom:0; - left:0; - list-style:none; - padding:0; - position:absolute; - z-index:2; -} -.block-editor-block-list__block .block-list-appender.block-list-appender{ - line-height:0; - margin:0; -} -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ - height:24px; -} -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ - background:#1e1e1e; - box-shadow:none; - color:#fff; - display:none; - flex-direction:row; - height:24px; - padding:0 !important; - width:24px; -} -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ - background:var(--wp-admin-theme-color); - color:#fff; -} -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ - display:none; -} -.block-editor-block-list__block .block-list-appender:only-child{ - align-self:center; - left:auto; - line-height:inherit; - list-style:none; - position:relative; -} -.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ - display:block; -} - -.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ - display:flex; -} - -.block-editor-default-block-appender__content{ - cursor:text; -} .block-editor-date-format-picker{ margin-bottom:16px; @@ -1739,10 +1250,6 @@ display:block; } -.block-editor-date-format-picker__custom-format-select-control.components-base-control{ - margin-bottom:0; -} - .block-editor-date-format-picker__custom-format-select-control__custom-option{ border-top:1px solid #ddd; } @@ -1782,6 +1289,12 @@ text-transform:capitalize; } +.block-editor-height-control{ + border:0; + margin:0; + padding:0; +} + .block-editor-image-size-control{ margin-bottom:1em; } @@ -1802,22 +1315,25 @@ margin-right:5px; } -.block-editor-block-list__layout.has-overlay:after{ - bottom:0; - content:""; - left:0; - position:absolute; - right:0; - top:0; - z-index:60; -} - .block-editor-block-types-list__list-item{ display:block; margin:0; padding:0; width:33.33%; } +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ + color:var(--wp-block-synced-color) !important; + filter:brightness(.95); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ + color:var(--wp-block-synced-color) !important; +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{ + background:var(--wp-block-synced-color); +} .components-button.block-editor-block-types-list__item{ align-items:stretch; @@ -1846,8 +1362,24 @@ cursor:default; opacity:.6; } -.components-button.block-editor-block-types-list__item:not(:disabled):hover{ +.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ color:var(--wp-admin-theme-color) !important; + filter:brightness(.95); +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ + color:var(--wp-admin-theme-color) !important; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.04; + pointer-events:none; + position:absolute; + right:0; + top:0; } .components-button.block-editor-block-types-list__item:not(:disabled):focus{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); @@ -1893,6 +1425,13 @@ padding:4px 2px 8px; } +.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon:before{ + content:attr(aria-label); +} + .block-editor-inspector-popover-header{ margin-bottom:16px; } @@ -1959,11 +1498,11 @@ .block-editor-link-control__field>.components-base-control__field{ align-items:center; display:flex; - margin:0; } .block-editor-link-control__field .components-base-control__label{ margin-bottom:0; margin-left:16px; + min-width:29px; } .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ border:1px solid #ddd; @@ -1974,7 +1513,7 @@ font-size:16px; line-height:normal; margin:0; - padding:11px 16px 11px 36px; + padding:11px 16px; position:relative; transition:box-shadow .1s linear; width:calc(100% - 32px); @@ -2012,9 +1551,10 @@ } .block-editor-link-control__search-actions{ - left:19px; - position:absolute; - top:3px; + display:flex; + flex-direction:row-reverse; + gap:8px; + justify-content:flex-start; } .components-button .block-editor-link-control__search-submit .has-icon{ @@ -2291,10 +1831,11 @@ padding:10px; } -.block-editor-link-control__tools{ +.block-editor-link-control__drawer{ align-items:center; border-top:1px solid #ddd; display:flex; + justify-content:space-between; margin:0; padding:16px; } @@ -2327,7 +1868,7 @@ } .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{ bottom:auto; - left:36px; + left:16px; position:absolute; right:auto; top:calc(50% - 8px); @@ -2355,6 +1896,15 @@ .block-editor-list-view-leaf.is-selected td{ background:var(--wp-admin-theme-color); } +.block-editor-list-view-leaf.is-selected.is-synced td{ + background:var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{ + color:var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{ color:#fff; } @@ -2365,6 +1915,9 @@ .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{ box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } +.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff; } @@ -2383,8 +1936,11 @@ .block-editor-list-view-leaf.is-last-selected td:last-child{ border-bottom-left-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected){ - background:linear-gradient(hsla(0,0%,100%,.9), hsla(0,0%,100%,.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.block-editor-list-view-leaf.is-synced-branch.is-branch-selected{ + background:rgba(var(--wp-block-synced-color--rgb), .04); } .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{ border-top-right-radius:2px; @@ -2410,7 +1966,6 @@ .block-editor-list-view-leaf .block-editor-list-view-block-contents{ align-items:center; border-radius:2px; - color:#1e1e1e; display:flex; height:auto; padding:6px 0 6px 4px; @@ -2473,9 +2028,8 @@ } } .block-editor-list-view-leaf .block-editor-block-icon{ - align-self:flex-start; + flex:0 0 24px; margin-left:8px; - width:24px; } .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ padding-bottom:0; @@ -2494,10 +2048,7 @@ } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{ opacity:0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover{ - position:relative; - z-index:1; + will-change:opacity; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ animation:edit-post__fade-in-animation .2s ease-out 0s; @@ -2550,32 +2101,12 @@ .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{ top:-4px; } -.block-editor-list-view-leaf .block-editor-block-mover-button:focus,.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled{ - box-shadow:none; - outline:none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus:before{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline:2px solid transparent; -} .block-editor-list-view-leaf .block-editor-block-mover-button:before{ - animation:components-button__appear-animation .1s ease; - animation-fill-mode:forwards; - border-radius:2px; - content:""; - display:block; height:16px; left:0; min-width:100%; - position:absolute; right:0; } -@media (prefers-reduced-motion:reduce){ - .block-editor-list-view-leaf .block-editor-block-mover-button:before{ - animation-delay:0s; - animation-duration:1ms; - } -} .block-editor-list-view-leaf .block-editor-inserter__toggle{ background:#1e1e1e; color:#fff; @@ -2618,11 +2149,6 @@ } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{ line-height:0; - margin-right:auto; - min-width:24px; - padding:0; - vertical-align:middle; - width:24px; } .block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{ @@ -2715,13 +2241,6 @@ height:1px; } -.block-editor-list-view-drop-indicator>.components-popover__content{ - border:none; - box-shadow:none; - margin-right:0; - outline:none; -} - .block-editor-list-view-placeholder{ height:36px; margin:0; @@ -2794,48 +2313,6 @@ position:absolute; } -.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{ - margin-bottom:0; -} - -.block-editor-media-placeholder__url-input-form{ - display:flex; -} -.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ - border:none; - border-radius:0; - flex-grow:1; - margin:2px; - min-width:200px; - width:100%; -} -@media (min-width:600px){ - .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ - width:300px; - } -} - -.block-editor-media-placeholder__url-input-submit-button{ - flex-shrink:1; -} - -.block-editor-media-placeholder__button{ - margin-bottom:.5rem; -} - -.block-editor-media-placeholder__cancel-button.is-link{ - display:block; - margin:1em; -} - -.block-editor-media-placeholder.is-appender{ - min-height:0; -} -.block-editor-media-placeholder.is-appender:hover{ - box-shadow:0 0 0 1px var(--wp-admin-theme-color); - cursor:pointer; -} - .block-editor-multi-selection-inspector__card{ align-items:flex-start; display:flex; @@ -2863,18 +2340,6 @@ width:36px; } -.block-editor-plain-text{ - border:none; - box-shadow:none; - color:inherit; - font-family:inherit; - font-size:inherit; - line-height:inherit; - margin:0; - padding:0; - width:100%; -} - .block-editor-responsive-block-control{ border-bottom:1px solid #ccc; margin-bottom:28px; @@ -2907,7 +2372,8 @@ clip:rect(1px, 1px, 1px, 1px); word-wrap:normal !important; border:0; - clip-path:inset(50%); + -webkit-clip-path:inset(50%); + clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; @@ -2916,28 +2382,6 @@ width:1px; } -.rich-text [data-rich-text-placeholder]{ - pointer-events:none; -} -.rich-text [data-rich-text-placeholder]:after{ - content:attr(data-rich-text-placeholder); - opacity:.62; -} -.rich-text:focus{ - outline:none; -} -.rich-text:focus [data-rich-text-format-boundary]{ - border-radius:2px; -} - -.block-editor-rich-text__editable>p:first-child{ - margin-top:0; -} - -figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ - opacity:.8; -} - .components-popover.block-editor-rich-text__inline-format-toolbar{ z-index:99998; } @@ -2972,14 +2416,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ content:attr(aria-label); } -[data-rich-text-script]{ - display:inline; -} -[data-rich-text-script]:before{ - background:#ff0; - content:""; -} - .block-editor-skip-to-selected-block{ position:absolute; top:-9999em; @@ -3074,7 +2510,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ } .block-editor-url-input__input[type=text]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -3177,7 +2613,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .block-editor-url-input__button-modal{ background:#fff; border:1px solid #ddd; - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); } .block-editor-url-input__button-modal-line{ @@ -3241,10 +2677,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ transform:rotate(-180deg); } -.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{ - margin-bottom:0; -} - .block-editor-url-popover__settings{ border-top:1px solid #ddd; display:block; @@ -3254,9 +2686,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{ display:flex; } -.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{ - margin-bottom:0; -} .block-editor-url-popover__link-viewer-url{ flex-grow:1; @@ -3272,56 +2701,33 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ color:#cc1818; } -.block-editor-warning{ - align-items:center; - background-color:#fff; - border:1px solid #1e1e1e; - border-radius:2px; - display:flex; - flex-wrap:wrap; - padding:1em; -} -.block-editor-warning,.block-editor-warning .block-editor-warning__message{ - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; -} -.block-editor-warning .block-editor-warning__message{ - color:#1e1e1e; - font-size:13px; - line-height:1.4; - margin:0; -} -.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ - min-height:auto; -} -.block-editor-warning .block-editor-warning__contents{ - align-items:baseline; - display:flex; - flex-direction:row; - flex-wrap:wrap; - justify-content:space-between; - width:100%; -} -.block-editor-warning .block-editor-warning__actions{ - display:flex; - margin-top:1em; -} -.block-editor-warning .block-editor-warning__action{ - margin:0 0 0 8px; -} - -.block-editor-warning__secondary{ - margin:auto 8px auto 0; -} - -.components-popover.block-editor-warning__dropdown{ - z-index:99998; -} - .html-anchor-control .components-external-link{ display:block; margin-top:8px; } +.border-block-support-panel .single-column{ + grid-column:span 1; +} +.color-block-support-panel .block-editor-contrast-checker{ + grid-column:span 2; + margin-top:16px; + order:9999; +} +.color-block-support-panel .block-editor-contrast-checker .components-notice__content{ + margin-left:0; +} +.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ + row-gap:0; +} +.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ + margin-top:0; +} + +.dimensions-block-support-panel .single-column{ + grid-column:span 1; +} + .block-editor-hooks__layout-controls{ display:flex; margin-bottom:8px; @@ -3334,6 +2740,10 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin:auto 8px 4px 0; } +.block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{ + margin-bottom:0; +} + .block-editor-hooks__layout-controls-reset{ display:flex; justify-content:flex-end; @@ -3357,24 +2767,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-bottom:16px; } -.border-block-support-panel .single-column,.dimensions-block-support-panel .single-column,.typography-block-support-panel .single-column{ - grid-column:span 1; -} -.color-block-support-panel .block-editor-contrast-checker{ - grid-column:span 2; - margin-top:16px; - order:9999; -} -.color-block-support-panel .block-editor-contrast-checker .components-notice__content{ - margin-left:0; -} -.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ - row-gap:0; -} -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ - margin-top:0; -} - .block-editor__padding-visualizer{ border-color:var(--wp-admin-theme-color); border-style:solid; @@ -3387,6 +2779,24 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ right:0; top:0; } + +.block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{ + display:none; +} + +.block-editor-hooks__position-selection__select-control__option.has-hint{ + grid-template-columns:auto 30px; + line-height:1.4; + margin-bottom:0; +} +.block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{ + grid-row:2; + text-align:right; +} + +.typography-block-support-panel .single-column{ + grid-column:span 1; +} .block-editor-block-toolbar{ display:flex; flex-grow:1; @@ -3415,6 +2825,9 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-bottom:-1px; margin-top:-1px; } +.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} .block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ border-left:none; } @@ -3480,12 +2893,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ padding-left:6px; padding-right:6px; } -.show-icon-labels .block-editor-block-switcher{ - border-left:1px solid #1e1e1e; -} -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{ - margin-right:0; -} .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ height:0 !important; width:0 !important; @@ -3493,24 +2900,50 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{ width:0; } +.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ + width:auto; +} .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{ - margin-right:0; + border-right:1px solid #1e1e1e; + margin-left:-6px; + margin-right:6px; white-space:nowrap; } +.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{ + border-right-color:#e0e0e0; +} .show-icon-labels .block-editor-block-mover-button{ padding-left:8px !important; padding-right:8px !important; } .show-icon-labels .block-editor-block-mover__drag-handle.has-icon{ - border-left:1px solid #1e1e1e; - padding-left:6px !important; - padding-right:6px !important; + padding-left:12px !important; + padding-right:12px !important; +} +.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container{ + border-width:0; } @media (min-width:600px){ .show-icon-labels .is-up-button.is-up-button.is-up-button{ - border-bottom:1px solid #1e1e1e; border-radius:0; margin-left:0; + order:1; + } + .show-icon-labels .block-editor-block-mover__move-button-container{ + border-right:1px solid #1e1e1e; + } + .show-icon-labels .block-editor-block-mover__move-button-container:before{ + background:#1e1e1e; + content:""; + display:block; + height:1px; + order:2; + } + .show-icon-labels .is-down-button.is-down-button.is-down-button{ + order:3; + } + .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container:before{ + background:#ddd; } } .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{ @@ -3544,16 +2977,15 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ gap:16px; height:100%; position:relative; - width:auto; +} +.block-editor-inserter__main-area.show-as-tabs{ + gap:0; } @media (min-width:782px){ .block-editor-inserter__main-area{ width:350px; } } -.block-editor-inserter__main-area.show-as-tabs{ - gap:0; -} .block-editor-inserter__popover.is-quick .components-popover__content{ border:none; @@ -3627,9 +3059,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .block-editor-inserter__search .components-search-control__icon{ left:20px; } -.block-editor-inserter__search .components-base-control__field{ - margin-bottom:0; -} .block-editor-inserter__tabs{ display:flex; @@ -3644,6 +3073,11 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ flex-grow:1; margin-bottom:-1px; } +.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable]{ + flex-grow:inherit; + padding-left:16px; + padding-right:16px; +} .block-editor-inserter__tabs .components-tab-panel__tab-content{ display:flex; flex-direction:column; @@ -3662,10 +3096,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ padding:16px 16px 0; } -.block-editor-inserter__panel-header-patterns{ - padding:16px 16px 0; -} - .block-editor-inserter__panel-content{ padding:16px; } @@ -3692,9 +3122,13 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ text-align:left; } +.block-editor-inserter__manage-reusable-blocks-container{ + margin:auto 16px 16px; +} + .block-editor-inserter__manage-reusable-blocks{ - display:inline-block; - margin:16px; + justify-content:center; + width:100%; } .block-editor-inserter__no-results{ @@ -3745,6 +3179,88 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ font-size:13px; } +.block-editor-inserter__patterns-explore-button.components-button{ + justify-content:center; + margin-top:16px; + padding:16px; + width:100%; +} + +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category{ + color:var(--wp-admin-theme-color); + position:relative; +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item{ + filter:brightness(.95); +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg{ + fill:var(--wp-admin-theme-color); +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.04; + position:absolute; + right:0; + top:0; +} +.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__block-patterns-tabs-container nav{ + height:100%; +} + +.block-editor-inserter__block-patterns-tabs{ + display:flex; + flex-direction:column; + height:100%; + overflow-y:auto; + padding:16px; +} +.block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child{ + margin-top:auto; +} + +.block-editor-inserter__patterns-category-dialog{ + background:#f0f0f0; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; + height:100%; + overflow-y:auto; + padding:32px 24px; + position:absolute; + right:0; + scrollbar-gutter:stable both-edges; + top:0; + width:100%; +} +@media (min-width:782px){ + .block-editor-inserter__patterns-category-dialog{ + display:block; + right:100%; + width:300px; + } +} +.block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list{ + margin-top:24px; +} +.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container{ + box-shadow:0 15px 25px rgba(0,0,0,.07); +} +.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container:hover{ + box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07); +} + +.block-editor-inserter__patterns-category-panel{ + padding:0 16px; +} +@media (min-width:782px){ + .block-editor-inserter__patterns-category-panel{ + padding:0; + } +} + .block-editor-inserter__preview-content{ align-items:center; background:#f0f0f0; @@ -3770,10 +3286,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ position:relative; } -.block-editor-inserter__manage-reusable-blocks-container{ - padding:16px; -} - .block-editor-inserter__quick-inserter{ max-width:100%; width:100%; @@ -3857,7 +3369,8 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ padding-bottom:32px; } .block-editor-block-patterns-explorer__list{ - margin-right:248px; + margin-right:280px; + padding:24px 0 32px; } .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ grid-gap:32px; @@ -3883,6 +3396,172 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ min-height:100px; } +.block-editor-inserter__patterns-category-panel-title{ + font-size:16.25px; +} +.block-editor-inserter__media-tabs-container,.block-editor-inserter__media-tabs-container nav{ + height:100%; +} +.block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button{ + justify-content:center; + margin-top:16px; + padding:16px; + width:100%; +} + +.block-editor-inserter__media-tabs{ + display:flex; + flex-direction:column; + height:100%; + overflow-y:auto; + padding:16px; +} +.block-editor-inserter__media-tabs div[role=listitem]:last-child{ + margin-top:auto; +} +.block-editor-inserter__media-tabs__media-category.is-selected{ + color:var(--wp-admin-theme-color); + position:relative; +} +.block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item{ + filter:brightness(.95); +} +.block-editor-inserter__media-tabs__media-category.is-selected svg{ + fill:var(--wp-admin-theme-color); +} +.block-editor-inserter__media-tabs__media-category.is-selected:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.04; + position:absolute; + right:0; + top:0; +} + +.block-editor-inserter__media-dialog{ + background:#f0f0f0; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; + height:100%; + overflow-y:auto; + padding:16px 24px; + position:absolute; + right:0; + scrollbar-gutter:stable both-edges; + top:0; + width:100%; +} +@media (min-width:782px){ + .block-editor-inserter__media-dialog{ + display:block; + right:100%; + width:300px; + } +} +.block-editor-inserter__media-dialog .block-editor-block-preview__container{ + box-shadow:0 15px 25px rgba(0,0,0,.07); +} +.block-editor-inserter__media-dialog .block-editor-block-preview__container:hover{ + box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07); +} + +.block-editor-inserter__media-panel{ + display:flex; + flex-direction:column; + min-height:100%; + padding:0 16px; +} +@media (min-width:782px){ + .block-editor-inserter__media-panel{ + padding:0; + } +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{ + align-items:center; + display:flex; + flex:1; + height:100%; + justify-content:center; +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control input[type=search].components-search-control__input{ + background:#fff; +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control button.components-button{ + min-width:auto; + padding-left:2px; + padding-right:2px; +} + +.block-editor-inserter__media-list{ + margin-top:16px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item{ + cursor:pointer; + margin-bottom:24px; + position:relative; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder{ + min-height:100px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container{ + cursor:grab; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview{ + box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07); +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{ + display:block; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{ + left:8px; + position:absolute; + top:8px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{ + background:#fff; + border-radius:2px; + display:none; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{ + display:block; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{ + box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item{ + height:100%; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{ + align-items:center; + border-radius:2px; + display:flex; + overflow:hidden; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{ + margin:0 auto; + max-width:100%; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview{ + box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} + +.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{ + min-width:auto; +} + +.block-editor-inserter__mobile-tab-navigation{ + height:100%; + padding:16px; +} +.block-editor-inserter__mobile-tab-navigation>*{ + height:100%; +} + .block-editor-post-preview__dropdown{ padding:0; } @@ -3905,7 +3584,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ } @media (min-width:600px){ - .edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{ + .edit-post-header__settings .editor-post-preview,.edit-site-header-edit-mode__actions .editor-post-preview{ display:none; } .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{ @@ -3953,12 +3632,12 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .component-spacing-sizes-control .components-spacing-sizes-control__side-labels{ grid-column:1 / 1; height:16px; - justify-content:left; + justify-content:right; margin-top:16px; } .component-spacing-sizes-control .components-spacing-sizes-control__side-label{ grid-column:1 / 1; - justify-self:left; + justify-self:right; margin-bottom:0; } .component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{ @@ -3972,7 +3651,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ align-self:center; grid-column:2 / 2; grid-row:1 / 1; - justify-self:left; + justify-self:right; margin-right:4px; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{ @@ -4002,6 +3681,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-top:8px; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{ + grid-column:1; margin-top:8px; width:124px; } @@ -4037,6 +3717,38 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-top:8px; } +.offcanvas-editor-appender .block-editor-inserter__toggle{ + background-color:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + margin:8px 24px 0 0; + min-width:24px; + padding:0; +} +.offcanvas-editor-appender .block-editor-inserter__toggle:focus,.offcanvas-editor-appender .block-editor-inserter__toggle:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.offcanvas-editor-appender__description{ + display:none; +} + +.offcanvas-editor-list-view-tree-wrapper{ + max-width:100%; + overflow-x:auto; +} + +.offcanvas-editor-list-view-leaf{ + display:block; + max-width:248px; +} + +.offcanvas-editor-list-view-is-empty{ + margin-right:16px; +} + body.admin-color-light{ --wp-admin-theme-color:#0085ba; --wp-admin-theme-color--rgb:0, 133, 186; diff --git a/wp-includes/css/dist/block-editor/style-rtl.min.css b/wp-includes/css/dist/block-editor/style-rtl.min.css index f7bcf90a72..f40f537e8e 100644 --- a/wp-includes/css/dist/block-editor/style-rtl.min.css +++ b/wp-includes/css/dist/block-editor/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-autocompleters__block{white-space:nowrap}.block-editor-autocompleters__block .block-editor-block-icon{margin-left:8px}.block-editor-autocompleters__link{white-space:nowrap}.block-editor-autocompleters__link .block-editor-block-icon{margin-left:8px}.block-editor-block-alignment-control__menu-group .components-menu-item__info{margin-top:0}.block-editor-block-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}@media (forced-colors:active){.block-editor-block-icon.has-colors svg{fill:CanvasText}}.block-editor-block-icon svg{max-height:24px;max-width:24px;min-height:20px;min-width:20px}.block-editor-block-inspector p:not(.components-base-control__help){margin-top:0}.block-editor-block-inspector h2,.block-editor-block-inspector h3{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.block-editor-block-inspector .components-base-control{margin-bottom:24px}.block-editor-block-inspector .components-base-control:last-child{margin-bottom:8px}.block-editor-block-inspector .components-panel__body{border:none;border-top:1px solid #e0e0e0}.block-editor-block-inspector .block-editor-block-card{padding:16px}.block-editor-block-inspector__no-blocks{background:#fff;display:block;font-size:13px;padding:32px 16px;text-align:center}.block-editor-block-inspector__block-buttons-container{border-top:1px solid #e0e0e0;padding:16px}.block-editor-block-styles .block-editor-block-list__block{margin:0}@keyframes selection-overlay__fade-in-animation{0%{opacity:0}to{opacity:.4}}.block-editor-block-list__layout{position:relative}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection,.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{background:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation:selection-overlay__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background:var(--wp-admin-theme-color);bottom:1px;content:"";left:1px;opacity:.4;outline:2px solid transparent;pointer-events:none;position:absolute;right:1px;top:1px;z-index:1}@media (prefers-reduced-motion:reduce){.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{border-radius:2px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{outline:none}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{border-radius:1px;bottom:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:1px;outline:2px solid transparent;pointer-events:none;position:absolute;right:1px;top:1px;z-index:1}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{box-shadow:none;outline:none}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{border-radius:2px;border-top:4px solid #ccc;content:"";left:0;pointer-events:none;position:absolute;right:0;top:-14px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;z-index:0}.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{border-color:var(--wp-admin-theme-color)}.has-multi-selection .block-editor-block-list__layout{-webkit-user-select:none;user-select:none}.block-editor-block-list__layout [class^=components-]{-webkit-user-select:text;user-select:text}.is-block-moving-mode.block-editor-block-list__block-selection-button{font-size:1px;height:1px;opacity:0;padding:0}.is-content-locked .block-editor-block-list__block{pointer-events:none}.is-content-locked .is-content-block{pointer-events:auto}.block-editor-block-list__layout .block-editor-block-list__block{overflow-wrap:break-word;position:relative;-webkit-user-select:text;user-select:text}.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{z-index:1}.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 0 12px}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{margin-left:0;margin-right:0}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning{min-height:48px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{pointer-events:none;-webkit-user-select:none;user-select:none}.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{pointer-events:all}.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{background-color:hsla(0,0%,100%,.4);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{background-color:initial}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{display:none}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{display:block}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{float:none}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{border-radius:2px;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{border-radius:2px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{cursor:unset}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){opacity:.2;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){transition-delay:0s;transition-duration:0s}}.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{opacity:1}.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{z-index:21}.wp-site-blocks>[data-align=left]{float:right;margin-left:2em}.wp-site-blocks>[data-align=right]{float:left;margin-right:2em}.wp-site-blocks>[data-align=center]{justify-content:center;margin-left:auto;margin-right:auto}.block-editor-block-list .block-editor-inserter{cursor:move;cursor:grab;margin:8px}@keyframes block-editor-inserter__toggle__fade-in-animation{0%{opacity:0}to{opacity:1}}.wp-block .block-list-appender .block-editor-inserter__toggle{animation:block-editor-inserter__toggle__fade-in-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.wp-block .block-list-appender .block-editor-inserter__toggle{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{display:none}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block .block-editor-block-list__block-html-textarea{border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;line-height:1.5;margin:0;outline:none;overflow:hidden;padding:12px;resize:none;transition:padding .2s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-editor-block-list__block-html-textarea{transition-delay:0s;transition-duration:0s}}.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-list__block .block-editor-warning{position:relative;z-index:5}.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{margin-bottom:auto}.block-editor-iframe__body{transform-origin:top center;transition:all .3s}.block-editor-iframe__body.is-zoomed-out{margin:100px 0;transform:scale(.45)}.block-editor-iframe__body.is-zoomed-out .wp-site-blocks>*+*{margin-block-start:2.5rem}.block-editor-iframe__body.is-zoomed-out>.block-list-appender{display:none}.block-editor-block-list__insertion-point{bottom:0;left:0;position:absolute;right:0;top:0}.block-editor-block-list__insertion-point-indicator{background:var(--wp-admin-theme-color);position:absolute}.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{height:1px;top:50%}.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{left:0;right:50%;top:0;width:1px}.block-editor-block-list__insertion-point-inserter{display:none;justify-content:center;position:absolute;right:calc(50% - 12px);top:calc(50% - 12px)}@media (min-width:480px){.block-editor-block-list__insertion-point-inserter{display:flex}}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{pointer-events:none}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{pointer-events:all}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;height:24px;min-width:24px;padding:0}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:#1e1e1e}.block-editor-block-contextual-toolbar{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:inline-flex}.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border-left-color:#1e1e1e}.block-editor-block-contextual-toolbar.is-fixed{border:none;border-bottom:1px solid #e0e0e0;border-radius:0;display:block;min-height:48px;position:sticky;top:0;width:100%;z-index:31}.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{border-left-color:#e0e0e0}.block-editor-block-list__block-selection-button{background-color:#1e1e1e;border-radius:2px;display:inline-flex;font-size:13px;height:48px;padding:0 12px;z-index:22}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{align-items:center;display:inline-flex;margin:auto}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{margin-left:6px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{cursor:grab;height:24px;margin-right:-2px;min-width:24px;padding:0}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{min-height:18px;min-width:18px}.block-editor-block-list__block-selection-button .block-editor-block-icon{color:#fff;font-size:13px;height:48px}.block-editor-block-list__block-selection-button .components-button{color:#fff;display:flex;height:48px;min-width:36px}.block-editor-block-list__block-selection-button .components-button:focus{border:none;box-shadow:none}.block-editor-block-list__block-selection-button .components-button:active{color:#fff}.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{padding:0}.block-editor-block-list__block-selection-button .block-editor-block-mover{background:unset;border:none}@keyframes hide-during-dragging{to{position:fixed;transform:translate(-9999px,9999px)}}.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{margin-bottom:12px;margin-top:12px;pointer-events:all}.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{visibility:hidden}.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{animation:hide-during-dragging 1ms linear forwards;opacity:0}.is-dragging-components-draggable .components-tooltip{display:none}.is-vertical .block-list-appender{margin-left:auto;margin-right:12px;margin-top:12px;width:24px}.block-list-appender>.block-editor-inserter{display:block}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{opacity:0;transform:scale(0)}.block-editor-block-lock-modal{z-index:1000001}@media (min-width:600px){.block-editor-block-lock-modal .components-modal__frame{max-width:480px}}.block-editor-block-lock-modal__checklist{margin:0}.block-editor-block-lock-modal__options-title{padding:12px 0}.block-editor-block-lock-modal__options-title .components-checkbox-control__label{font-weight:600}.block-editor-block-lock-modal__options-title .components-base-control__field{align-items:center;display:flex;margin:0}.block-editor-block-lock-modal__checklist-item{margin-bottom:0;padding:12px 32px 12px 0}.block-editor-block-lock-modal__checklist-item .components-base-control__field{align-items:center;display:flex;margin:0}.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg{fill:#1e1e1e;margin-left:12px}.block-editor-block-lock-modal__checklist-item:hover{background-color:#f0f0f0;border-radius:2px}.block-editor-block-lock-modal__template-lock{border-top:1px solid #ddd;margin-top:16px;padding:12px 0}.block-editor-block-lock-modal__template-lock .components-base-control__field{margin:0}.block-editor-block-lock-modal__actions{margin-top:24px}.block-editor-block-lock-toolbar .components-button.has-icon{min-width:36px!important;padding-right:0!important}.block-editor-block-lock-toolbar .components-button.has-icon:focus:before{left:8px!important}.block-editor-block-breadcrumb{list-style:none;margin:0;padding:0}.block-editor-block-breadcrumb li{display:inline-flex;margin:0}.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{fill:currentColor;margin-left:-4px;margin-right:-4px;transform:scaleX(-1)}.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{display:none}.block-editor-block-breadcrumb__button.components-button{height:24px;line-height:24px;padding:0;position:relative}.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){box-shadow:none;text-decoration:underline}.block-editor-block-breadcrumb__button.components-button:focus{box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus:before{border-radius:2px;bottom:1px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:1px;position:absolute;right:1px;top:1px}.block-editor-block-breadcrumb__current{cursor:default}.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{color:#1e1e1e;font-size:inherit;padding:0 8px}.block-editor-block-card{align-items:flex-start;display:flex}.block-editor-block-card__content{flex-grow:1;margin-bottom:4px}.block-editor-block-card__title{font-weight:500}.block-editor-block-card__title.block-editor-block-card__title{line-height:24px;margin:0 0 4px}.block-editor-block-card__description{font-size:13px}.block-editor-block-card .block-editor-block-icon{flex:0 0 24px;height:24px;margin-left:12px;margin-right:0;width:24px}.block-editor-block-compare{height:auto}.block-editor-block-compare__wrapper{display:flex;padding-bottom:16px}.block-editor-block-compare__wrapper>div{display:flex;flex-direction:column;justify-content:space-between;max-width:600px;min-width:200px;padding:0 0 0 16px;width:50%}.block-editor-block-compare__wrapper>div button{float:left}.block-editor-block-compare__wrapper .block-editor-block-compare__converted{border-right:1px solid #ddd;padding-left:0;padding-right:15px}.block-editor-block-compare__wrapper .block-editor-block-compare__html{border-bottom:1px solid #ddd;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:12px;line-height:1.7;padding-bottom:15px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span{background-color:#e6ffed;padding-bottom:3px;padding-top:3px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{background-color:#acf2bd}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{background-color:#cc1818}.block-editor-block-compare__wrapper .block-editor-block-compare__preview{padding:16px 0 0}.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{font-size:12px;margin-top:0}.block-editor-block-compare__wrapper .block-editor-block-compare__action{margin-top:16px}.block-editor-block-compare__wrapper .block-editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.block-editor-block-list__block.has-block-overlay{cursor:default}.block-editor-block-list__block.has-block-overlay:before{background:transparent;border:none;border-radius:2px;content:"";height:100%;position:absolute;right:0;top:0;width:100%;z-index:10}.block-editor-block-list__block.has-block-overlay:after{content:none!important}.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):before{background:rgba(var(--wp-admin-theme-color--rgb),.3);box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{pointer-events:none}.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{right:calc(50% - 50vw);width:100vw}.block-editor-block-draggable-chip-wrapper{position:absolute;right:0;top:-24px}.block-editor-block-draggable-chip{background-color:#1e1e1e;border-radius:2px;box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;cursor:grabbing;display:inline-flex;height:48px;padding:0 13px;-webkit-user-select:none;user-select:none}.block-editor-block-draggable-chip svg{fill:currentColor}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{justify-content:flex-start;margin:auto}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{margin-left:6px}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{margin-left:0}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{min-height:18px;min-width:18px}.block-editor-block-draggable-chip .components-flex__item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.block-editor-block-list__layout .is-dragging{background-color:currentColor!important;border-radius:2px!important;opacity:.05!important;pointer-events:none!important}.block-editor-block-list__layout .is-dragging::selection{background:transparent!important}.block-editor-block-list__layout .is-dragging:after{content:none!important}.block-editor-block-mover__move-button-container{border:none;display:flex;padding:0}@media (min-width:600px){.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{flex-direction:column;width:36px}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{height:24px;min-width:0!important;width:100%}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{height:100%;width:100%}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{flex-shrink:0;top:5px}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{bottom:5px;flex-shrink:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{width:48px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>:before{height:100%}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{right:5px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{left:5px}.block-editor-block-mover__drag-handle{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}}.block-editor-block-navigation__container{min-width:280px}.block-editor-block-navigation__label{color:#757575;font-size:11px;font-weight:500;margin:0 0 12px;text-transform:uppercase}.block-editor-block-parent-selector{background:#fff;border-radius:2px}.block-editor-block-parent-selector .block-editor-block-parent-selector__button{border:1px solid #1e1e1e;border-radius:2px;height:48px;width:48px}.block-editor-block-patterns-list__list-item{cursor:pointer;margin-bottom:24px;position:relative}.block-editor-block-patterns-list__list-item.is-placeholder{min-height:100px}.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-block-patterns-list__item{height:100%}.block-editor-block-patterns-list__item .block-editor-block-preview__container{align-items:center;border:1px solid #f0f0f0;border-radius:2px;display:flex;overflow:hidden}.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{font-size:12px;padding-top:8px;text-align:center}.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{border:1px solid var(--wp-admin-theme-color)}.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{color:var(--wp-admin-theme-color)}.components-popover.block-editor-block-popover{margin:0!important;pointer-events:none;position:absolute;z-index:31}.components-popover.block-editor-block-popover .components-popover__content{background:none;border:none;box-shadow:none;margin:0!important;min-width:auto;outline:none;overflow-y:visible;width:max-content}.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{pointer-events:all}.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{pointer-events:none}.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{pointer-events:all}.block-editor-block-preview__container{overflow:hidden;position:relative;width:100%}.block-editor-block-preview__container .block-editor-block-preview__content{margin:0;min-height:auto;overflow:visible;right:0;text-align:initial;top:0;transform-origin:top right}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,.block-editor-block-preview__content-iframe .block-list-appender{display:none}.block-editor-block-preview__live-content *{pointer-events:none}.block-editor-block-preview__live-content .block-list-appender{display:none}.block-editor-block-preview__live-content .components-button:disabled{opacity:1}.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{display:none}.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{padding:0}.block-editor-block-styles+.default-style-picker__default-switcher{margin-top:16px}.block-editor-block-styles__preview-panel{display:none;left:16px;position:absolute;right:auto;z-index:90}@media (min-width:782px){.block-editor-block-styles__preview-panel{display:block}}.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{left:auto;position:static;right:auto;top:auto}.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{margin:0}.block-editor-block-styles__preview-panel .block-editor-block-icon{display:none}.block-editor-block-styles__variants{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.block-editor-block-styles__variants .block-editor-block-styles__item{box-shadow:inset 0 0 0 1px #ccc;color:#2f2f2f;display:inline-block;width:calc(50% - 4px)}.block-editor-block-styles__variants .block-editor-block-styles__item:focus,.block-editor-block-styles__variants .block-editor-block-styles__item:hover{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover{background-color:#2f2f2f;box-shadow:none}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{color:#fff}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item-text{text-align:start;text-align-last:center;white-space:normal;word-break:break-all}.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{box-sizing:border-box!important}.block-editor-block-switcher{position:relative}.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{min-width:36px}.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{position:relative}.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{display:block;height:48px;margin:0}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{margin:auto}.block-editor-block-switcher__toggle-text{margin-right:8px}.show-icon-labels .block-editor-block-switcher__toggle-text{display:none}.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{font-size:14px}.components-button.block-editor-block-switcher__no-switcher-icon{display:flex}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin-left:auto;margin-right:auto;min-width:24px!important}.components-button.block-editor-block-switcher__no-switcher-icon:disabled{opacity:1}.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:#1e1e1e}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{align-items:center;display:flex;height:100%;margin:0 auto;min-width:100%;position:relative}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{bottom:8px;left:8px;right:8px;top:8px}.components-popover.block-editor-block-switcher__popover .components-popover__content{min-width:300px}.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{position:absolute;right:calc(100% + 16px);top:-12px}.block-editor-block-switcher__preview__popover{display:none}.block-editor-block-switcher__preview__popover.components-popover{margin-top:11px}@media (min-width:782px){.block-editor-block-switcher__preview__popover{display:block}}.block-editor-block-switcher__preview__popover .components-popover__content{background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:none;outline:none}.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{height:auto;margin:16px;max-height:468px;overflow:hidden;width:300px}.block-editor-block-switcher__preview-title{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;text-transform:uppercase}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{min-width:36px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{height:48px;width:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{padding:12px}.block-editor-block-switcher__preview-patterns-container{padding-bottom:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{margin-top:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{cursor:pointer}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{border:1px solid transparent;border-radius:2px;height:100%;position:relative;transition:all .05s ease-in-out}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #1e1e1e}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{cursor:pointer;font-size:12px;padding:4px;text-align:center}.block-editor-block-types-list>[role=presentation]{display:flex;flex-wrap:wrap;overflow:hidden}.block-editor-block-variation-picker .components-placeholder__instructions{margin-bottom:0}.block-editor-block-variation-picker .components-placeholder__fieldset{flex-direction:column}.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{max-width:90%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:16px 0;padding:0;width:100%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{flex-shrink:1;list-style:none;margin:8px 0 0 20px;text-align:center;width:75px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{display:inline-flex;margin-left:0}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{padding:8px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.4}.block-editor-block-variation-picker__variation{width:100%}.block-editor-block-variation-picker__variation.components-button.has-icon{justify-content:center;width:auto}.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{background-color:#fff}.block-editor-block-variation-picker__variation.components-button{height:auto;padding:0}.block-editor-block-variation-picker__variation:before{content:"";padding-bottom:100%}.block-editor-block-variation-picker__variation:first-child{margin-right:0}.block-editor-block-variation-picker__variation:last-child{margin-left:0}.block-editor-block-pattern-setup{align-items:flex-start;border-radius:2px;display:flex;flex-direction:column;justify-content:center;width:100%}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{justify-content:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:2;column-gap:24px;display:block;padding:0 32px;width:100%}@media (min-width:1440px){.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:3}}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{cursor:pointer}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{break-inside:avoid-column;margin-bottom:24px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{border:1px solid #ddd;border-radius:2px;min-height:100px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{align-items:center;align-self:flex-end;background-color:#fff;border-top:1px solid #ddd;bottom:0;box-sizing:border-box;color:#1e1e1e;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin:0;padding:16px;position:absolute;text-align:right;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{display:flex;width:calc(50% - 36px)}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{justify-content:flex-end}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{list-style:none;margin:0;overflow:hidden;padding:0;position:relative;transform-style:preserve-3d}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{margin:auto;padding:0;position:absolute;top:0;transition:transform .5s,z-index .5s;width:100%;z-index:100}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{opacity:1;position:relative;z-index:102}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{transform:translateX(100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{transform:translateX(-100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{display:none}.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{width:100%}.block-editor-block-variation-transforms{padding:0 52px 16px 16px;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle{border:1px solid #757575;border-radius:2px;justify-content:left;min-height:30px;padding:6px 12px;position:relative;text-align:right;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{padding-left:24px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color)}.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{height:100%;left:0;padding:0;position:absolute;top:0}.block-editor-block-variation-transforms__popover .components-popover__content{min-width:230px}.components-border-radius-control{margin-bottom:12px}.components-border-radius-control legend{margin-bottom:8px}.components-border-radius-control .components-border-radius-control__wrapper{align-items:flex-start;display:flex;justify-content:space-between}.components-border-radius-control .components-border-radius-control__wrapper>.components-unit-control-wrapper{flex-shrink:0;margin-bottom:0;margin-left:12px;width:110px}.components-border-radius-control .components-border-radius-control__wrapper .components-range-control{flex:1;margin-bottom:0}.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field{height:30px;margin-bottom:0}.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper{margin-left:10px}.components-border-radius-control .components-border-radius-control__wrapper>span{flex:0 0 auto}.components-border-radius-control .components-border-radius-control__input-controls-wrapper{display:flex;flex-wrap:wrap;width:70%}.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper{margin-bottom:8px;margin-left:8px;width:calc(50% - 8px)}.components-border-radius-control .component-border-radius-control__linked-button.has-icon{display:flex;justify-content:center;margin-right:2px;margin-top:3px}.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg{margin-left:0}.block-editor-button-block-appender{align-items:center;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.block-editor-button-block-appender.components-button.components-button{padding:12px}.is-dark-theme .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);color:hsla(0,0%,100%,.65)}.block-editor-button-block-appender:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-button-block-appender:focus{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.block-editor-button-block-appender:active{color:#000}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{pointer-events:none}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{visibility:hidden}.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{margin-bottom:12px}.block-editor-color-gradient-control__fieldset{min-width:0}.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel{padding:16px}.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){display:block}@media screen and (min-width:782px){.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{display:grid;grid-template-columns:repeat(6,28px);justify-content:space-between}}.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{margin-bottom:inherit}.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{padding:16px;width:260px}.block-editor-panel-color-gradient-settings__color-indicator{background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.block-editor-tools-panel-color-gradient-settings__item{border-bottom:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);max-width:100%;padding:0}.block-editor-tools-panel-color-gradient-settings__item.first{border-top:1px solid rgba(0,0,0,.1);border-top-left-radius:2px;border-top-right-radius:2px;margin-top:24px}.block-editor-tools-panel-color-gradient-settings__item.last{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{border-radius:inherit}.block-editor-tools-panel-color-gradient-settings__dropdown{display:block;padding:0}.block-editor-tools-panel-color-gradient-settings__dropdown>button{height:auto;padding-bottom:10px;padding-top:10px;text-align:right}.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{background:#f0f0f0;color:var(--wp-admin-theme-color)}.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-panel-color-gradient-settings__dropdown{width:100%}.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{flex-shrink:0}.block-editor-contrast-checker>.components-notice{margin:0}.block-editor-default-block-appender{clear:both;margin-left:auto;margin-right:auto;position:relative}.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{outline:1px solid transparent}.block-editor-default-block-appender .block-editor-default-block-appender__content{opacity:.62}.block-editor-default-block-appender .components-drop-zone__content-icon{display:none}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{left:0;line-height:0;position:absolute;top:0}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{display:none}.block-editor-block-list__block .block-list-appender{bottom:0;left:0;list-style:none;padding:0;position:absolute;z-index:2}.block-editor-block-list__block .block-list-appender.block-list-appender{line-height:0;margin:0}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{height:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{background:#1e1e1e;box-shadow:none;color:#fff;display:none;flex-direction:row;height:24px;padding:0!important;width:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{display:none}.block-editor-block-list__block .block-list-appender:only-child{align-self:center;left:auto;line-height:inherit;list-style:none;position:relative}.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{display:block}.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{display:flex}.block-editor-default-block-appender__content{cursor:text}.block-editor-date-format-picker{margin-bottom:16px}.block-editor-date-format-picker__default-format-toggle-control__hint{color:#757575;display:block}.block-editor-date-format-picker__custom-format-select-control.components-base-control{margin-bottom:0}.block-editor-date-format-picker__custom-format-select-control__custom-option{border-top:1px solid #ddd}.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{grid-template-columns:auto 30px}.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{grid-row:2;text-align:right}.block-editor-duotone-control__popover>.components-popover__content{padding:16px;width:280px}.block-editor-duotone-control__popover .components-menu-group__label{padding:0}.block-editor-duotone-control__popover .components-circular-option-picker__swatches{display:grid;gap:12px;grid-template-columns:repeat(6,28px);justify-content:space-between}.block-editor-duotone-control__description{font-size:12px;margin:16px 0}.block-editor-duotone-control__unset-indicator{background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.components-font-appearance-control ul li{color:#1e1e1e;text-transform:capitalize}.block-editor-image-size-control{margin-bottom:1em}.block-editor-image-size-control .block-editor-image-size-control__row{display:flex;justify-content:space-between}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-bottom:.5em}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{line-height:1.25}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-left:5px}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{margin-right:5px}.block-editor-block-list__layout.has-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:60}.block-editor-block-types-list__list-item{display:block;margin:0;padding:0;width:33.33%}.components-button.block-editor-block-types-list__item{align-items:stretch;background:transparent;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:auto;justify-content:center;padding:8px;position:relative;transition:all .05s ease-in-out;width:100%;word-break:break-word}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-types-list__item{transition-delay:0s;transition-duration:0s}}.components-button.block-editor-block-types-list__item:disabled{cursor:default;opacity:.6}.components-button.block-editor-block-types-list__item:not(:disabled):hover{color:var(--wp-admin-theme-color)!important}.components-button.block-editor-block-types-list__item:not(:disabled):focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.block-editor-block-types-list__item:not(:disabled).is-active{background:#1e1e1e;color:#fff;outline:2px solid transparent;outline-offset:-2px}.block-editor-block-types-list__item-icon{border-radius:2px;color:#1e1e1e;padding:12px 20px;transition:all .05s ease-in-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__item-icon .block-editor-block-icon{margin-left:auto;margin-right:auto}.block-editor-block-types-list__item-icon svg{transition:all .15s ease-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon svg{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{cursor:grab}.block-editor-block-types-list__item-title{font-size:12px;padding:4px 2px 8px}.block-editor-inspector-popover-header{margin-bottom:16px}[class].block-editor-inspector-popover-header__action{height:24px}[class].block-editor-inspector-popover-header__action.has-icon{min-width:24px;padding:0}[class].block-editor-inspector-popover-header__action:not(.has-icon){text-decoration:underline}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}@keyframes loadingpulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}.block-editor-link-control{min-width:360px;position:relative}.components-popover__content .block-editor-link-control{max-width:360px;min-width:auto;width:90vw}.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{position:relative}.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{flex:1}.block-editor-link-control__field{margin:16px}.block-editor-link-control__field>.components-base-control__field{align-items:center;display:flex;margin:0}.block-editor-link-control__field .components-base-control__label{margin-bottom:0;margin-left:16px}.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{border:1px solid #ddd;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0;padding:11px 16px 11px 36px;position:relative;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{font-size:13px;line-height:normal}}.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__search-error{margin:-8px 16px 16px}.block-editor-link-control__search-actions{left:19px;position:absolute;top:3px}.components-button .block-editor-link-control__search-submit .has-icon{margin:-1px}.block-editor-link-control__search-results-wrapper{margin-top:-15px;position:relative}.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{content:"";display:block;left:16px;pointer-events:none;position:absolute;right:-1px;z-index:100}.block-editor-link-control__search-results-wrapper:before{bottom:auto;height:8px;top:0}.block-editor-link-control__search-results-wrapper:after{bottom:0;height:16px;top:auto}.block-editor-link-control__search-results-label{display:block;font-weight:600;padding:16px 32px 0}.block-editor-link-control__search-results{margin:0;max-height:200px;overflow-y:auto;padding:8px 16px}.block-editor-link-control__search-results.is-loading{opacity:.2}.block-editor-link-control__search-item{align-items:flex-start;background:#fff;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:13px;height:auto;padding:12px 16px;position:relative;text-align:right;width:100%}.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{background-color:#f0f0f0}.block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type,.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.block-editor-link-control__search-item.is-selected{background:#f0f0f0}.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item.is-current{background:transparent;border:0;cursor:default;flex-direction:column;padding:16px;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-header{align-items:flex-start;display:block;flex-direction:row;margin-left:8px;overflow-wrap:break-word;white-space:pre-wrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{word-break:break-all}.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{display:flex;flex:1}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{align-items:center}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{display:flex;flex-shrink:0;justify-content:center;margin-left:8px;max-height:24px;position:relative;top:.2em;width:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{width:16px}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{max-height:32px;top:0;width:32px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{overflow:hidden;text-overflow:ellipsis}.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{left:0;margin-top:0;position:absolute}.block-editor-link-control__search-item .block-editor-link-control__search-item-title{display:block;font-weight:500;margin-bottom:.2em;position:relative}.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{background-color:initial;color:inherit;font-weight:700}.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{font-weight:400}.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg{display:none}.block-editor-link-control__search-item .block-editor-link-control__search-item-info{color:#757575;display:block;font-size:.9em;line-height:1.3}.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice{font-size:1.1em;font-style:italic}.block-editor-link-control__search-item .block-editor-link-control__search-item-type{background-color:#f0f0f0;border-radius:2px;display:block;font-size:.9em;margin-right:auto;padding:3px 6px;white-space:nowrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-description{margin:0;padding-top:12px}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{display:flex;flex-direction:column;height:28px;justify-content:space-around;margin-top:12px;padding-top:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{background-color:#f0f0f0;border-radius:3px;content:"";display:block;height:.7em;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{font-size:.9em}.block-editor-link-control__search-item .block-editor-link-control__search-item-image{background-color:#f0f0f0;border-radius:2px;display:flex;height:140px;justify-content:center;margin-top:12px;max-height:140px;overflow:hidden;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{background-color:#f0f0f0;border-radius:3px}.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{display:block;height:140px;max-height:140px;max-width:100%}.block-editor-link-control__search-item-top{display:flex;flex-direction:row;width:100%}.block-editor-link-control__search-item-bottom{transition:opacity 1.5s;width:100%}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{animation:loadingpulse 1s linear infinite;animation-delay:.5s}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{opacity:0}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;border-radius:100%;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.block-editor-link-control__loading{align-items:center;display:flex;margin:16px}.block-editor-link-control__loading .components-spinner{margin-top:0}.components-button+.block-editor-link-control__search-create{overflow:visible;padding:12px 16px}.components-button+.block-editor-link-control__search-create:before{content:"";display:block;position:absolute;right:0;top:-10px;width:100%}.block-editor-link-control__search-create{align-items:center}.block-editor-link-control__search-create .block-editor-link-control__search-item-title{margin-bottom:0}.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{top:0}.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{padding:10px}.block-editor-link-control__tools{align-items:center;border-top:1px solid #ddd;display:flex;margin:0;padding:16px}.block-editor-link-control__unlink{padding-left:16px;padding-right:16px}.block-editor-link-control__settings{flex:1;margin:0}.block-editor-link-control__settings :last-child{margin-bottom:0}.is-alternate .block-editor-link-control__settings{border-top:1px solid #1e1e1e}.block-editor-link-control__setting{margin-bottom:16px}.block-editor-link-control__setting :last-child{margin-bottom:0}.block-editor-link-control .block-editor-link-control__search-input .components-spinner{display:block}.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{bottom:auto;left:36px;position:absolute;right:auto;top:calc(50% - 8px)}.block-editor-link-control__search-item-action{flex-shrink:0;margin-right:auto}.block-editor-list-view-tree{border-collapse:collapse;margin:0;padding:0;width:100%}.components-modal__content .block-editor-list-view-tree{margin:-12px -6px 0;width:calc(100% + 12px)}.block-editor-list-view-leaf{position:relative}.block-editor-list-view-leaf.is-selected td{background:var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{color:#fff}.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{background:none;color:#1e1e1e}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-list-view-leaf.is-dragging{display:none}.block-editor-list-view-leaf.is-first-selected td:first-child{border-top-right-radius:2px}.block-editor-list-view-leaf.is-first-selected td:last-child{border-top-left-radius:2px}.block-editor-list-view-leaf.is-last-selected td:first-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf.is-last-selected td:last-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected){background:linear-gradient(hsla(0,0%,100%,.9),hsla(0,0%,100%,.9)),linear-gradient(var(--wp-admin-theme-color),var(--wp-admin-theme-color))}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{border-top-right-radius:2px}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{border-top-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child{border-top-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child{border-top-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{border-radius:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents{align-items:center;border-radius:2px;color:#1e1e1e;display:flex;height:auto;padding:6px 0 6px 4px;position:relative;text-align:right;white-space:nowrap;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{border-top:4px solid var(--wp-admin-theme-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:-2px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear}.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{padding-left:0;padding-right:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus{box-shadow:none}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:-29px;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{box-shadow:none}.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{left:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);z-index:1}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:none}.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-block-icon{align-self:flex-start;margin-left:8px;width:24px}.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{padding-bottom:0;padding-top:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{line-height:0;vertical-align:middle;width:36px}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{opacity:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover{position:relative;z-index:1}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{min-width:24px;padding:0;width:24px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{padding-left:4px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{height:24px}.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{align-items:center;display:flex;flex-direction:column;height:100%}.block-editor-list-view-leaf .block-editor-block-mover-button{height:24px;position:relative;width:36px}.block-editor-list-view-leaf .block-editor-block-mover-button svg{height:24px;position:relative}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{align-items:flex-end;margin-top:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{bottom:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{align-items:flex-start;margin-bottom:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{top:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button:focus,.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled{box-shadow:none;outline:none}.block-editor-list-view-leaf .block-editor-block-mover-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-list-view-leaf .block-editor-block-mover-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:16px;left:0;min-width:100%;position:absolute;right:0}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-block-mover-button:before{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-inserter__toggle{background:#1e1e1e;color:#fff;height:24px;margin:6px 1px 6px 6px;min-width:24px}.block-editor-list-view-leaf .block-editor-inserter__toggle:active{color:#fff}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper{min-width:120px}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{flex:1;position:relative}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{position:absolute;transform:translateY(-50%);width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{max-width:min(110px,40%);position:relative;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.1);border-radius:2px;box-sizing:border-box;left:0;max-width:100%;padding:2px 6px;position:absolute;transform:translateY(-50%)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.3)}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{line-height:0;margin-right:auto;min-width:24px;padding:0;vertical-align:middle;width:24px}.block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{display:none}.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{display:flex}.block-editor-list-view__expander{height:24px;margin-right:4px;width:24px}.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{margin-right:220px}.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{margin-left:4px}.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{margin-right:0}.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{margin-right:24px}.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{margin-right:52px}.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{margin-right:80px}.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{margin-right:108px}.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{margin-right:136px}.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{margin-right:164px}.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{margin-right:192px}.block-editor-list-view-leaf .block-editor-list-view__expander{visibility:hidden}.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transform:rotate(-90deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transform:rotate(0deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-drop-indicator{pointer-events:none}.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{background:var(--wp-admin-theme-color);height:1px}.block-editor-list-view-drop-indicator>.components-popover__content{border:none;box-shadow:none;margin-right:0;outline:none}.block-editor-list-view-placeholder{height:36px;margin:0;padding:0}.modal-open .block-editor-media-replace-flow__options{display:none}.block-editor-media-replace-flow__indicator{margin-right:4px}.block-editor-media-flow__url-input{border-top:1px solid #1e1e1e;margin-left:-8px;margin-right:-8px;margin-top:8px;padding:16px}.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{display:block;margin-bottom:8px;top:16px}.block-editor-media-flow__url-input .block-editor-link-control{width:220px}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{margin:0;padding:0}.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{margin-bottom:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{max-width:180px;white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info{white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{padding:0;width:auto}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{margin:0;width:100%}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{left:4px;top:0}.block-editor-media-flow__error{max-width:255px;padding:0 20px 20px}.block-editor-media-flow__error .components-with-notices-ui{max-width:255px}.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{word-wrap:break-word;overflow:hidden}.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{left:10px;position:absolute}.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{margin-bottom:0}.block-editor-media-placeholder__url-input-form{display:flex}.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{border:none;border-radius:0;flex-grow:1;margin:2px;min-width:200px;width:100%}@media (min-width:600px){.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:300px}}.block-editor-media-placeholder__url-input-submit-button{flex-shrink:1}.block-editor-media-placeholder__button{margin-bottom:.5rem}.block-editor-media-placeholder__cancel-button.is-link{display:block;margin:1em}.block-editor-media-placeholder.is-appender{min-height:0}.block-editor-media-placeholder.is-appender:hover{box-shadow:0 0 0 1px var(--wp-admin-theme-color);cursor:pointer}.block-editor-multi-selection-inspector__card{align-items:flex-start;display:flex;padding:16px}.block-editor-multi-selection-inspector__card-content{flex-grow:1}.block-editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.block-editor-multi-selection-inspector__card-description{font-size:13px}.block-editor-multi-selection-inspector__card .block-editor-block-icon{height:24px;margin-left:10px;margin-right:-2px;padding:0 3px;width:36px}.block-editor-plain-text{border:none;box-shadow:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;width:100%}.block-editor-responsive-block-control{border-bottom:1px solid #ccc;margin-bottom:28px;padding-bottom:14px}.block-editor-responsive-block-control:last-child{border-bottom:0;padding-bottom:0}.block-editor-responsive-block-control__title{margin:0 -3px .6em 0}.block-editor-responsive-block-control__label{font-weight:600;margin-bottom:.6em;margin-right:-3px}.block-editor-responsive-block-control__inner{margin-right:-1px}.block-editor-responsive-block-control__toggle{margin-right:1px}.block-editor-responsive-block-control .components-base-control__help{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.rich-text [data-rich-text-placeholder]{pointer-events:none}.rich-text [data-rich-text-placeholder]:after{content:attr(data-rich-text-placeholder);opacity:.62}.rich-text:focus{outline:none}.rich-text:focus [data-rich-text-format-boundary]{border-radius:2px}.block-editor-rich-text__editable>p:first-child{margin-top:0}figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{opacity:.8}.components-popover.block-editor-rich-text__inline-format-toolbar{z-index:99998}.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{box-shadow:none;margin-bottom:8px;min-width:auto;outline:none;width:auto}.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{border-radius:2px}.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{min-height:48px;min-width:48px;padding-left:12px;padding-right:12px}.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{justify-content:center}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{width:auto}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{content:attr(aria-label)}[data-rich-text-script]{display:inline}[data-rich-text-script]:before{background:#ff0;content:""}.block-editor-skip-to-selected-block{position:absolute;top:-9999em}.block-editor-skip-to-selected-block:focus{background:#f1f1f1;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:var(--wp-admin-theme-color);display:block;font-size:14px;font-weight:600;height:auto;line-height:normal;outline:none;padding:15px 23px 14px;text-decoration:none;width:auto;z-index:100000}.block-editor-text-decoration-control{border:0;margin:0;padding:0}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{display:flex;padding:4px 0}.block-editor-text-decoration-control .components-button.has-icon{height:32px;margin-left:4px;min-width:32px;padding:0}.block-editor-text-transform-control{border:0;margin:0;padding:0}.block-editor-text-transform-control .block-editor-text-transform-control__buttons{display:flex;padding:4px 0}.block-editor-text-transform-control .components-button.has-icon{height:32px;margin-left:4px;min-width:32px;padding:0}.block-editor-tool-selector__help{border-top:1px solid #ddd;color:#757575;margin:8px -8px -8px;min-width:280px;padding:16px}.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{flex-grow:1;padding:1px;position:relative}.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{border:none;border-radius:0;font-size:16px;margin-left:0;margin-right:0;padding:8px 12px 8px 8px;width:100%}@media (min-width:600px){.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{font-size:13px;width:300px}}.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{display:none}.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{width:100%}.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{left:8px;margin:0;position:absolute;top:calc(50% - 8px)}.block-editor-url-input__input[type=text]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.block-editor-url-input__input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-url-input__input[type=text]{font-size:13px;line-height:normal}}.block-editor-url-input__input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-url-input__input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-url-input__input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__suggestions{max-height:200px;overflow-y:auto;padding:4px 0;transition:all .15s ease-in-out;width:302px}@media (prefers-reduced-motion:reduce){.block-editor-url-input__suggestions{transition-delay:0s;transition-duration:0s}}.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:none}@media (min-width:600px){.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:grid}}.block-editor-url-input__suggestion{background:#fff;border:none;box-shadow:none;color:#757575;cursor:pointer;display:block;font-size:13px;height:auto;min-height:36px;text-align:right;width:100%}.block-editor-url-input__suggestion:hover{background:#ddd}.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{background:var(--wp-admin-theme-color-darker-20);color:#fff;outline:none}.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{position:inherit}.block-editor-url-input__button .block-editor-url-input__back{margin-left:4px;overflow:visible}.block-editor-url-input__button .block-editor-url-input__back:after{background:#ddd;content:"";display:block;height:24px;left:-1px;position:absolute;width:1px}.block-editor-url-input__button-modal{background:#fff;border:1px solid #ddd;box-shadow:0 2px 6px rgba(0,0,0,.05)}.block-editor-url-input__button-modal-line{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0}.block-editor-url-input__button-modal-line .components-button{flex-shrink:0;height:36px;width:36px}.block-editor-url-popover__additional-controls{border-top:1px solid #ddd}.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{box-shadow:none}.block-editor-url-popover__additional-controls div[role=menu]>.components-button{padding-right:12px}.block-editor-url-popover__row{display:flex}.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){flex-grow:1}.block-editor-url-popover .components-button.has-icon{padding:3px}.block-editor-url-popover .components-button.has-icon>svg{border-radius:2px;height:30px;padding:5px;width:30px}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{box-shadow:none}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-url-popover__settings-toggle{border-radius:0;border-right:1px solid #ddd;flex-shrink:0;margin-right:1px}.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{transform:rotate(-180deg)}.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{margin-bottom:0}.block-editor-url-popover__settings{border-top:1px solid #ddd;display:block;padding:16px}.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{display:flex}.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{margin-bottom:0}.block-editor-url-popover__link-viewer-url{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-url-popover__link-viewer-url.has-invalid-link{color:#cc1818}.block-editor-warning{align-items:center;background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:flex;flex-wrap:wrap;padding:1em}.block-editor-warning,.block-editor-warning .block-editor-warning__message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.block-editor-warning .block-editor-warning__message{color:#1e1e1e;font-size:13px;line-height:1.4;margin:0}.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{min-height:auto}.block-editor-warning .block-editor-warning__contents{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.block-editor-warning .block-editor-warning__actions{display:flex;margin-top:1em}.block-editor-warning .block-editor-warning__action{margin:0 0 0 8px}.block-editor-warning__secondary{margin:auto 8px auto 0}.components-popover.block-editor-warning__dropdown{z-index:99998}.html-anchor-control .components-external-link{display:block;margin-top:8px}.block-editor-hooks__layout-controls{display:flex;margin-bottom:8px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{display:flex;margin-left:24px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{margin:auto 8px 4px 0}.block-editor-hooks__layout-controls-reset{display:flex;justify-content:flex-end;margin-bottom:24px}.block-editor-hooks__layout-controls-helptext{color:#757575;font-size:12px;margin-bottom:16px}.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{margin-bottom:12px}.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{margin-bottom:8px}.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{margin-bottom:16px}.border-block-support-panel .single-column,.dimensions-block-support-panel .single-column,.typography-block-support-panel .single-column{grid-column:span 1}.color-block-support-panel .block-editor-contrast-checker{grid-column:span 2;margin-top:16px;order:9999}.color-block-support-panel .block-editor-contrast-checker .components-notice__content{margin-left:0}.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{row-gap:0}.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{margin-top:0}.block-editor__padding-visualizer{border-color:var(--wp-admin-theme-color);border-style:solid;bottom:0;box-sizing:border-box;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.block-editor-block-toolbar{display:flex;flex-grow:1;overflow-x:auto;overflow-y:hidden;position:relative;transition:border-color .1s linear,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-toolbar{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-block-toolbar{overflow:inherit}}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{background:none;border:0;border-left:1px solid #ddd;line-height:0;margin-bottom:-1px;margin-top:-1px}.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{border-left:none}.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-right:56px}.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-right:0}.block-editor-block-parent-selector{position:absolute;right:-57px;top:-1px}.show-icon-labels .block-editor-block-parent-selector{margin-bottom:-1px;margin-right:-1px;margin-top:-1px;position:relative;right:auto;top:auto}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin:0!important;width:24px!important}.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{margin-right:-6px!important}.block-editor-block-toolbar__block-controls .components-toolbar-group{padding:0}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{display:flex;flex-wrap:nowrap}.block-editor-block-toolbar__slot{display:inline-block;line-height:0}@supports (position:sticky){.block-editor-block-toolbar__slot{display:inline-flex}}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{width:auto}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{content:attr(aria-label);font-size:12px}.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{padding-left:6px;padding-right:6px}.show-icon-labels .block-editor-block-switcher{border-left:1px solid #1e1e1e}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{margin-right:0}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{height:0!important;width:0!important}.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{width:0}.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{margin-right:0;white-space:nowrap}.show-icon-labels .block-editor-block-mover-button{padding-left:8px!important;padding-right:8px!important}.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{border-left:1px solid #1e1e1e;padding-left:6px!important;padding-right:6px!important}@media (min-width:600px){.show-icon-labels .is-up-button.is-up-button.is-up-button{border-bottom:1px solid #1e1e1e;border-radius:0;margin-left:0}}.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{width:auto}.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{flex-shrink:1}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{margin-right:6px}.block-editor-inserter{background:none;border:none;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:0;padding:0}@media (min-width:782px){.block-editor-inserter{position:relative}}.block-editor-inserter__main-area{display:flex;flex-direction:column;gap:16px;height:100%;position:relative;width:auto}@media (min-width:782px){.block-editor-inserter__main-area{width:350px}}.block-editor-inserter__main-area.show-as-tabs{gap:0}.block-editor-inserter__popover.is-quick .components-popover__content{border:none;outline:none}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{border-left:1px solid #ccc;border-right:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{border-top:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{border-bottom:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{border:1px solid #1e1e1e}.block-editor-inserter__popover .block-editor-inserter__menu{margin:-12px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{top:60px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{height:auto;overflow:visible}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{display:none}.block-editor-inserter__toggle.components-button{align-items:center;border:none;cursor:pointer;display:inline-flex;outline:none;padding:0;transition:color .2s ease}@media (prefers-reduced-motion:reduce){.block-editor-inserter__toggle.components-button{transition-delay:0s;transition-duration:0s}}.block-editor-inserter__menu{height:100%;overflow:visible;position:relative}.block-editor-inserter__inline-elements{margin-top:-1px}.block-editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover.block-editor-inserter__popover{z-index:99999}.block-editor-inserter__search{padding:16px 16px 0}.block-editor-inserter__search .components-search-control__icon{left:20px}.block-editor-inserter__search .components-base-control__field{margin-bottom:0}.block-editor-inserter__tabs{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.block-editor-inserter__tabs .components-tab-panel__tabs{border-bottom:1px solid #ddd}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{flex-grow:1;margin-bottom:-1px}.block-editor-inserter__tabs .components-tab-panel__tab-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.block-editor-inserter__no-tab-container{flex-grow:1;overflow-y:auto}.block-editor-inserter__panel-header{align-items:center;display:inline-flex;padding:16px 16px 0}.block-editor-inserter__panel-header-patterns{padding:16px 16px 0}.block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{color:#757575;font-size:11px;font-weight:500;margin:0 0 0 12px;text-transform:uppercase}.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{height:36px;line-height:36px}.block-editor-inserter__panel-dropdown select{border:none}.block-editor-inserter__reusable-blocks-panel{position:relative;text-align:left}.block-editor-inserter__manage-reusable-blocks{display:inline-block;margin:16px}.block-editor-inserter__no-results{padding:32px;text-align:center}.block-editor-inserter__no-results-icon{fill:#949494}.block-editor-inserter__child-blocks{padding:0 16px}.block-editor-inserter__parent-block-header{align-items:center;display:flex}.block-editor-inserter__parent-block-header h2{font-size:13px}.block-editor-inserter__parent-block-header .block-editor-block-icon{margin-left:8px}.block-editor-inserter__preview-container{background:#fff;border:1px solid #ddd;border-radius:2px;display:none;max-height:calc(100% - 32px);overflow-y:hidden;position:absolute;right:calc(100% + 16px);top:16px;width:300px}@media (min-width:782px){.block-editor-inserter__preview-container{display:block}}.block-editor-inserter__preview-container .block-editor-block-card{padding:16px}.block-editor-inserter__preview-container .block-editor-block-card__title{font-size:13px}.block-editor-inserter__preview-content{align-items:center;background:#f0f0f0;display:grid;flex-grow:1;min-height:144px}.block-editor-inserter__preview-content-missing{align-items:center;background:#f0f0f0;color:#757575;display:flex;flex:1;justify-content:center;min-height:144px}.block-editor-inserter__tips{border-top:1px solid #ddd;flex-shrink:0;padding:16px;position:relative}.block-editor-inserter__manage-reusable-blocks-container{padding:16px}.block-editor-inserter__quick-inserter{max-width:100%;width:100%}@media (min-width:782px){.block-editor-inserter__quick-inserter{width:350px}}.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{float:right;height:0;padding:0}.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container{min-height:100px}.block-editor-inserter__quick-inserter-separator{border-top:1px solid #ddd}.block-editor-inserter__popover.is-quick>.components-popover__content{padding:0}.block-editor-inserter__quick-inserter-expand.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:block;height:44px;width:100%}.block-editor-inserter__quick-inserter-expand.components-button:hover{color:#fff}.block-editor-inserter__quick-inserter-expand.components-button:active{color:#ccc}.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);box-shadow:none}.block-editor-block-patterns-explorer__sidebar{bottom:0;overflow-x:visible;overflow-y:scroll;padding:24px 32px 32px;position:absolute;right:0;top:76px;width:280px}.block-editor-block-patterns-explorer__sidebar__categories-list__item{display:block;height:48px;text-align:right;width:100%}.block-editor-block-patterns-explorer__search{margin-bottom:32px}.block-editor-block-patterns-explorer__search-results-count{padding-bottom:32px}.block-editor-block-patterns-explorer__list{margin-right:248px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-gap:32px;display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width:1080px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(3,1fr)}}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{min-height:240px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container{height:inherit;max-height:800px;min-height:100px}.block-editor-post-preview__dropdown{padding:0}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{padding-right:40px}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{padding-right:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{padding-bottom:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{margin-bottom:0}.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{padding:8px}@media (min-width:600px){.edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{display:none}.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{opacity:0}.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{opacity:1}}.tools-panel-item-spacing{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:16px auto}.component-spacing-sizes-control{box-sizing:border-box;display:contents;padding-bottom:12px;width:100%}.component-spacing-sizes-control legend{align-self:center;grid-column:1/1;grid-row:1/1;padding:0}.component-spacing-sizes-control .components-base-control__label{height:16px;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__side-labels{grid-column:1/1;height:16px;justify-content:left;margin-top:16px}.component-spacing-sizes-control .components-spacing-sizes-control__side-label{grid-column:1/1;justify-self:left;margin-bottom:0}.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all,.component-spacing-sizes-control .components-spacing-sizes-control__hint-single{color:#757575;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all{align-self:center;grid-column:2/2;grid-row:1/1;justify-self:left;margin-right:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{grid-column:2/2;grid-row:1/1;justify-self:end;margin-top:-4px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button~.components-spacing-sizes-control__custom-toggle-all{margin-left:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single{grid-column:3/3;justify-self:end;margin-top:12px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button{grid-column:3/3;grid-row:1/1;justify-self:end;line-height:0;margin-top:-4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range{grid-column:span 2;margin-right:16px;margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{margin-top:8px;width:124px}.component-spacing-sizes-control .components-range-control{align-items:center;display:flex;height:40px}.component-spacing-sizes-control .components-range-control>.components-base-control__field{flex:1}.component-spacing-sizes-control .components-spacing-sizes-control__range-control{grid-column:span 3;margin-top:8px}.component-spacing-sizes-control .components-range-control__mark{background-color:#fff;height:4px;width:3px;z-index:1}.component-spacing-sizes-control .components-range-control__marks{margin-top:17px}.component-spacing-sizes-control .components-range-control__marks :first-child{display:none}.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor]{z-index:3}.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control{grid-column:span 3;margin-top:8px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-autocompleters__block{white-space:nowrap}.block-editor-autocompleters__block .block-editor-block-icon{margin-left:8px}.block-editor-autocompleters__link{white-space:nowrap}.block-editor-autocompleters__link .block-editor-block-icon{margin-left:8px}.block-editor-block-alignment-control__menu-group .components-menu-item__info{margin-top:0}.block-editor-block-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}@media (forced-colors:active){.block-editor-block-icon.has-colors svg{fill:CanvasText}}.block-editor-block-icon svg{max-height:24px;max-width:24px;min-height:20px;min-width:20px}.block-editor-block-inspector p:not(.components-base-control__help){margin-top:0}.block-editor-block-inspector h2,.block-editor-block-inspector h3{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.block-editor-block-inspector .components-base-control{margin-bottom:24px}.block-editor-block-inspector .components-base-control:last-child{margin-bottom:8px}.block-editor-block-inspector .components-focal-point-picker-control .components-base-control{margin-bottom:0}.block-editor-block-inspector .components-panel__body{border:none;border-top:1px solid #e0e0e0}.block-editor-block-inspector .block-editor-block-card{padding:16px}.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{background:#fff;display:block;font-size:13px;padding:32px 16px;text-align:center}.block-editor-block-inspector__no-block-tools{border-top:1px solid #ddd}.block-editor-block-inspector__tab-item{flex:1 1 0px}.block-editor-block-inspector__block-buttons-container{border-top:1px solid #e0e0e0;padding:16px}.block-editor-block-list__insertion-point{bottom:0;left:0;position:absolute;right:0;top:0}.block-editor-block-list__insertion-point-indicator{background:var(--wp-admin-theme-color);border-radius:2px;opacity:0;position:absolute;transform-origin:center;will-change:transform,opacity}.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{height:4px;top:calc(50% - 2px);width:100%}.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{bottom:0;right:calc(50% - 2px);top:0;width:4px}.block-editor-block-list__insertion-point-inserter{display:none;justify-content:center;position:absolute;right:calc(50% - 12px);top:calc(50% - 12px);will-change:transform}@media (min-width:480px){.block-editor-block-list__insertion-point-inserter{display:flex}}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{pointer-events:none}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{pointer-events:all}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;height:24px;min-width:24px;padding:0}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:#1e1e1e}.block-editor-block-contextual-toolbar{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:inline-flex}.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border-left-color:#1e1e1e}.block-editor-block-contextual-toolbar.is-fixed{border:none;border-bottom:1px solid #e0e0e0;border-radius:0;display:block;min-height:48px;position:sticky;top:0;width:100%;z-index:31}.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{border-left-color:#e0e0e0}.block-editor-block-list__block-selection-button{background-color:#1e1e1e;border-radius:2px;display:inline-flex;font-size:13px;height:48px;padding:0 12px;z-index:22}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{align-items:center;display:inline-flex;margin:auto}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{margin-left:6px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{cursor:grab;height:24px;margin-right:-2px;min-width:24px;padding:0}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{min-height:18px;min-width:18px}.block-editor-block-list__block-selection-button .block-editor-block-icon{color:#fff;font-size:13px;height:48px}.block-editor-block-list__block-selection-button .components-button{color:#fff;display:flex;height:48px;min-width:36px}.block-editor-block-list__block-selection-button .components-button:focus{border:none;box-shadow:none}.block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{color:#fff}.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{padding:0}.block-editor-block-list__block-selection-button .block-editor-block-mover{background:unset;border:none}@keyframes hide-during-dragging{to{position:fixed;transform:translate(-9999px,9999px)}}.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{margin-bottom:12px;margin-top:12px;pointer-events:all}.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{visibility:hidden}.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{animation:hide-during-dragging 1ms linear forwards;opacity:0}.is-dragging-components-draggable .components-tooltip{display:none}.block-editor-block-lock-modal{z-index:1000001}@media (min-width:600px){.block-editor-block-lock-modal .components-modal__frame{max-width:480px}}.block-editor-block-lock-modal__checklist{margin:0}.block-editor-block-lock-modal__options-title{padding:12px 0}.block-editor-block-lock-modal__options-title .components-checkbox-control__label{font-weight:600}.block-editor-block-lock-modal__options-title .components-base-control__field{align-items:center;display:flex}.block-editor-block-lock-modal__checklist-item{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;padding:12px 32px 12px 0}.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{fill:#1e1e1e;flex-shrink:0;margin-left:12px}.block-editor-block-lock-modal__checklist-item:hover{background-color:#f0f0f0;border-radius:2px}.block-editor-block-lock-modal__template-lock{border-top:1px solid #ddd;margin-top:16px;padding:12px 0}.block-editor-block-lock-modal__template-lock .components-base-control__field{margin:0}.block-editor-block-lock-modal__actions{margin-top:24px}.block-editor-block-lock-toolbar .components-button.has-icon{min-width:36px!important;padding-right:0!important}.block-editor-block-lock-toolbar .components-button.has-icon:focus:before{left:8px!important}.block-editor-block-breadcrumb{list-style:none;margin:0;padding:0}.block-editor-block-breadcrumb li{display:inline-flex;margin:0}.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{fill:currentColor;margin-left:-4px;margin-right:-4px;transform:scaleX(-1)}.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{display:none}.block-editor-block-breadcrumb__button.components-button{height:24px;line-height:24px;padding:0;position:relative}.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){box-shadow:none;text-decoration:underline}.block-editor-block-breadcrumb__button.components-button:focus{box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus:before{border-radius:2px;bottom:1px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:1px;position:absolute;right:1px;top:1px}.block-editor-block-breadcrumb__current{cursor:default}.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{color:#1e1e1e;font-size:inherit;padding:0 8px}.block-editor-block-card{align-items:flex-start;display:flex}.block-editor-block-card__content{flex-grow:1;margin-bottom:4px}.block-editor-block-card__title{font-weight:500}.block-editor-block-card__title.block-editor-block-card__title{line-height:24px;margin:0 0 4px}.block-editor-block-card__description{font-size:13px}.block-editor-block-card .block-editor-block-icon{flex:0 0 24px;height:24px;margin-left:12px;margin-right:0;width:24px}.block-editor-block-card.is-synced .block-editor-block-icon{color:var(--wp-block-synced-color)}.block-editor-block-compare{height:auto}.block-editor-block-compare__wrapper{display:flex;padding-bottom:16px}.block-editor-block-compare__wrapper>div{display:flex;flex-direction:column;justify-content:space-between;max-width:600px;min-width:200px;padding:0 0 0 16px;width:50%}.block-editor-block-compare__wrapper>div button{float:left}.block-editor-block-compare__wrapper .block-editor-block-compare__converted{border-right:1px solid #ddd;padding-left:0;padding-right:15px}.block-editor-block-compare__wrapper .block-editor-block-compare__html{border-bottom:1px solid #ddd;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:12px;line-height:1.7;padding-bottom:15px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span{background-color:#e6ffed;padding-bottom:3px;padding-top:3px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{background-color:#acf2bd}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{background-color:#cc1818}.block-editor-block-compare__wrapper .block-editor-block-compare__preview{padding:16px 0 0}.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{font-size:12px;margin-top:0}.block-editor-block-compare__wrapper .block-editor-block-compare__action{margin-top:16px}.block-editor-block-compare__wrapper .block-editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.block-editor-block-draggable-chip-wrapper{position:absolute;right:0;top:-24px}.block-editor-block-draggable-chip{background-color:#1e1e1e;border-radius:2px;box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;cursor:grabbing;display:inline-flex;height:48px;padding:0 13px;-webkit-user-select:none;user-select:none}.block-editor-block-draggable-chip svg{fill:currentColor}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{justify-content:flex-start;margin:auto}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{margin-left:6px}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{margin-left:0}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{min-height:18px;min-width:18px}.block-editor-block-draggable-chip .components-flex__item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.block-editor-block-mover__move-button-container{border:none;display:flex;padding:0}@media (min-width:600px){.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{flex-direction:column}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{height:24px;min-width:0!important;width:100%}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{height:calc(100% - 4px)}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{flex-shrink:0;top:5px}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{bottom:5px;flex-shrink:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{width:48px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{right:5px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{left:5px}.block-editor-block-mover__drag-handle{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}}.components-button.block-editor-block-mover-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:32px;left:8px;position:absolute;right:8px;z-index:-1}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-mover-button:before{animation-delay:0s;animation-duration:1ms}}.components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{box-shadow:none;outline:none}.components-button.block-editor-block-mover-button:focus-visible:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-block-navigation__container{min-width:280px}.block-editor-block-navigation__label{color:#757575;font-size:11px;font-weight:500;margin:0 0 12px;text-transform:uppercase}.block-editor-block-parent-selector{background:#fff;border-radius:2px}.block-editor-block-parent-selector .block-editor-block-parent-selector__button{border:1px solid #1e1e1e;border-radius:2px;height:48px;width:48px}.block-editor-block-patterns-list__list-item{cursor:pointer;margin-bottom:24px;position:relative}.block-editor-block-patterns-list__list-item.is-placeholder{min-height:100px}.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-block-patterns-list__item{height:100%}.block-editor-block-patterns-list__item .block-editor-block-preview__container{align-items:center;border-radius:4px;display:flex;overflow:hidden}.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{font-size:12px;padding-top:8px;text-align:center}.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{color:var(--wp-admin-theme-color)}.components-popover.block-editor-block-popover{margin:0!important;pointer-events:none;position:absolute;z-index:31}.components-popover.block-editor-block-popover .components-popover__content{margin:0!important;min-width:auto;overflow-y:visible;width:max-content}.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{pointer-events:all}.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{pointer-events:none}.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{pointer-events:all}.components-popover.block-editor-block-popover__drop-zone *{pointer-events:none}.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{background-color:var(--wp-admin-theme-color);border-radius:2px;inset:0;position:absolute}.block-editor-block-preview__container{overflow:hidden;position:relative;width:100%}.block-editor-block-preview__container .block-editor-block-preview__content{margin:0;min-height:auto;overflow:visible;right:0;text-align:initial;top:0;transform-origin:top right}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{display:none}.block-editor-block-preview__container:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{padding:0}.block-editor-block-styles+.default-style-picker__default-switcher{margin-top:16px}.block-editor-block-styles__preview-panel{display:none;left:16px;position:absolute;right:auto;z-index:90}@media (min-width:782px){.block-editor-block-styles__preview-panel{display:block}}.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{left:auto;position:static;right:auto;top:auto}.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{margin:0}.block-editor-block-styles__preview-panel .block-editor-block-icon{display:none}.block-editor-block-styles__variants{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.block-editor-block-styles__variants .block-editor-block-styles__item{box-shadow:inset 0 0 0 1px #ccc;color:#2f2f2f;display:inline-block;width:calc(50% - 4px)}.block-editor-block-styles__variants .block-editor-block-styles__item:focus,.block-editor-block-styles__variants .block-editor-block-styles__item:hover{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover{background-color:#2f2f2f;box-shadow:none}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{color:#fff}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item-text{text-align:start;text-align-last:center;white-space:normal;word-break:break-all}.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{box-sizing:border-box!important}.block-editor-block-switcher{position:relative}.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{min-width:36px}.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{position:relative}.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{display:block;height:48px;margin:0}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{margin:auto}.block-editor-block-switcher__toggle-text{margin-right:8px}.show-icon-labels .block-editor-block-switcher__toggle-text{display:none}.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{font-size:14px}.components-button.block-editor-block-switcher__no-switcher-icon{display:flex}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin-left:auto;margin-right:auto;min-width:24px!important}.components-button.block-editor-block-switcher__no-switcher-icon:disabled{opacity:1}.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:#1e1e1e}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{align-items:center;display:flex;height:100%;margin:0 auto;min-width:100%;position:relative}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{bottom:8px;left:8px;right:8px;top:8px}.components-popover.block-editor-block-switcher__popover .components-popover__content{min-width:300px}.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{position:absolute;right:calc(100% + 16px);top:-12px}.block-editor-block-switcher__preview__popover{display:none}.block-editor-block-switcher__preview__popover.components-popover{margin-top:11px}@media (min-width:782px){.block-editor-block-switcher__preview__popover{display:block}}.block-editor-block-switcher__preview__popover .components-popover__content{background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:none;outline:none}.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{height:auto;margin:16px;max-height:468px;overflow:hidden;width:300px}.block-editor-block-switcher__preview-title{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;text-transform:uppercase}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{min-width:36px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{height:48px;width:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{padding:12px}.block-editor-block-switcher__preview-patterns-container{padding-bottom:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{margin-top:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{cursor:pointer}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{border:1px solid transparent;border-radius:2px;height:100%;position:relative;transition:all .05s ease-in-out}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #1e1e1e}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{cursor:pointer;font-size:12px;padding:4px;text-align:center}.block-editor-block-types-list>[role=presentation]{display:flex;flex-wrap:wrap;overflow:hidden}.block-editor-block-pattern-setup{align-items:flex-start;border-radius:2px;display:flex;flex-direction:column;justify-content:center;width:100%}.block-editor-block-pattern-setup.view-mode-grid{padding-top:4px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{justify-content:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:2;column-gap:24px;display:block;padding:0 32px;width:100%}@media (min-width:1440px){.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:3}}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{cursor:pointer}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{color:var(--wp-admin-theme-color)}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{break-inside:avoid-column;margin-bottom:24px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{cursor:pointer;font-size:12px;padding-top:8px;text-align:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{border:1px solid #ddd;border-radius:2px;min-height:100px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{align-items:center;align-self:flex-end;background-color:#fff;border-top:1px solid #ddd;bottom:0;box-sizing:border-box;color:#1e1e1e;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin:0;padding:16px;position:absolute;text-align:right;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{display:flex;width:calc(50% - 36px)}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{justify-content:flex-end}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{height:100%;list-style:none;margin:0;overflow:hidden;padding:0;position:relative;transform-style:preserve-3d}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{background-color:#fff;height:100%;margin:auto;padding:0;position:absolute;top:0;transition:transform .5s,z-index .5s;width:100%;z-index:100}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{opacity:1;position:relative;z-index:102}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{transform:translateX(100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{transform:translateX(-100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{display:none}.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{width:100%}.block-editor-block-variation-transforms{padding:0 52px 16px 16px;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle{border:1px solid #757575;border-radius:2px;justify-content:right;min-height:30px;padding:6px 12px;position:relative;text-align:right;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{padding-left:24px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color)}.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{height:100%;left:0;padding:0;position:absolute;top:0}.block-editor-block-variation-transforms__popover .components-popover__content{min-width:230px}.components-border-radius-control{margin-bottom:12px}.components-border-radius-control legend{margin-bottom:8px}.components-border-radius-control .components-border-radius-control__wrapper{align-items:flex-start;display:flex;justify-content:space-between}.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{flex-shrink:0;margin-bottom:0;margin-left:16px;width:calc(50% - 8px)}.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{flex:1;margin-left:12px}.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{align-items:center;display:flex;height:40px}.components-border-radius-control .components-border-radius-control__wrapper>span{flex:0 0 auto}.components-border-radius-control .components-border-radius-control__input-controls-wrapper{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:12px}.components-border-radius-control .component-border-radius-control__linked-button{display:flex;justify-content:center;margin-top:8px}.components-border-radius-control .component-border-radius-control__linked-button svg{margin-left:0}.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{margin-bottom:12px}.block-editor-color-gradient-control__fieldset{min-width:0}.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel{padding:16px}.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){display:block}@media screen and (min-width:782px){.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{display:grid;grid-template-columns:repeat(6,28px);justify-content:space-between}}.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{margin-bottom:inherit}.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{padding:16px;width:260px}.block-editor-panel-color-gradient-settings__color-indicator{background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.block-editor-tools-panel-color-gradient-settings__item{border-bottom:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);max-width:100%;padding:0}.block-editor-tools-panel-color-gradient-settings__item.first{border-top:1px solid rgba(0,0,0,.1);border-top-left-radius:2px;border-top-right-radius:2px;margin-top:24px}.block-editor-tools-panel-color-gradient-settings__item.last{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{border-radius:inherit}.block-editor-tools-panel-color-gradient-settings__dropdown{display:block;padding:0}.block-editor-tools-panel-color-gradient-settings__dropdown>button{height:auto;padding-bottom:10px;padding-top:10px;text-align:right}.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{background:#f0f0f0;color:var(--wp-admin-theme-color)}.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-panel-color-gradient-settings__dropdown{width:100%}.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{flex-shrink:0}.block-editor-contrast-checker>.components-notice{margin:0}.block-editor-date-format-picker{margin-bottom:16px}.block-editor-date-format-picker__default-format-toggle-control__hint{color:#757575;display:block}.block-editor-date-format-picker__custom-format-select-control__custom-option{border-top:1px solid #ddd}.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{grid-template-columns:auto 30px}.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{grid-row:2;text-align:right}.block-editor-duotone-control__popover>.components-popover__content{padding:16px;width:280px}.block-editor-duotone-control__popover .components-menu-group__label{padding:0}.block-editor-duotone-control__popover .components-circular-option-picker__swatches{display:grid;gap:12px;grid-template-columns:repeat(6,28px);justify-content:space-between}.block-editor-duotone-control__description{font-size:12px;margin:16px 0}.block-editor-duotone-control__unset-indicator{background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.components-font-appearance-control ul li{color:#1e1e1e;text-transform:capitalize}.block-editor-height-control{border:0;margin:0;padding:0}.block-editor-image-size-control{margin-bottom:1em}.block-editor-image-size-control .block-editor-image-size-control__row{display:flex;justify-content:space-between}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-bottom:.5em}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{line-height:1.25}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-left:5px}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{margin-right:5px}.block-editor-block-types-list__list-item{display:block;margin:0;padding:0;width:33.33%}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{color:var(--wp-block-synced-color)}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{color:var(--wp-block-synced-color)!important;filter:brightness(.95)}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{color:var(--wp-block-synced-color)!important}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{background:var(--wp-block-synced-color)}.components-button.block-editor-block-types-list__item{align-items:stretch;background:transparent;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:auto;justify-content:center;padding:8px;position:relative;transition:all .05s ease-in-out;width:100%;word-break:break-word}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-types-list__item{transition-delay:0s;transition-duration:0s}}.components-button.block-editor-block-types-list__item:disabled{cursor:default;opacity:.6}.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{color:var(--wp-admin-theme-color)!important;filter:brightness(.95)}.components-button.block-editor-block-types-list__item:not(:disabled):hover svg{color:var(--wp-admin-theme-color)!important}.components-button.block-editor-block-types-list__item:not(:disabled):hover:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.04;pointer-events:none;position:absolute;right:0;top:0}.components-button.block-editor-block-types-list__item:not(:disabled):focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.block-editor-block-types-list__item:not(:disabled).is-active{background:#1e1e1e;color:#fff;outline:2px solid transparent;outline-offset:-2px}.block-editor-block-types-list__item-icon{border-radius:2px;color:#1e1e1e;padding:12px 20px;transition:all .05s ease-in-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__item-icon .block-editor-block-icon{margin-left:auto;margin-right:auto}.block-editor-block-types-list__item-icon svg{transition:all .15s ease-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon svg{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{cursor:grab}.block-editor-block-types-list__item-title{font-size:12px;padding:4px 2px 8px}.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon:before{content:attr(aria-label)}.block-editor-inspector-popover-header{margin-bottom:16px}[class].block-editor-inspector-popover-header__action{height:24px}[class].block-editor-inspector-popover-header__action.has-icon{min-width:24px;padding:0}[class].block-editor-inspector-popover-header__action:not(.has-icon){text-decoration:underline}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}@keyframes loadingpulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}.block-editor-link-control{min-width:360px;position:relative}.components-popover__content .block-editor-link-control{max-width:360px;min-width:auto;width:90vw}.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{position:relative}.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{flex:1}.block-editor-link-control__field{margin:16px}.block-editor-link-control__field>.components-base-control__field{align-items:center;display:flex}.block-editor-link-control__field .components-base-control__label{margin-bottom:0;margin-left:16px;min-width:29px}.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{border:1px solid #ddd;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0;padding:11px 16px;position:relative;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{font-size:13px;line-height:normal}}.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__search-error{margin:-8px 16px 16px}.block-editor-link-control__search-actions{display:flex;flex-direction:row-reverse;gap:8px;justify-content:flex-start}.components-button .block-editor-link-control__search-submit .has-icon{margin:-1px}.block-editor-link-control__search-results-wrapper{margin-top:-15px;position:relative}.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{content:"";display:block;left:16px;pointer-events:none;position:absolute;right:-1px;z-index:100}.block-editor-link-control__search-results-wrapper:before{bottom:auto;height:8px;top:0}.block-editor-link-control__search-results-wrapper:after{bottom:0;height:16px;top:auto}.block-editor-link-control__search-results-label{display:block;font-weight:600;padding:16px 32px 0}.block-editor-link-control__search-results{margin:0;max-height:200px;overflow-y:auto;padding:8px 16px}.block-editor-link-control__search-results.is-loading{opacity:.2}.block-editor-link-control__search-item{align-items:flex-start;background:#fff;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:13px;height:auto;padding:12px 16px;position:relative;text-align:right;width:100%}.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{background-color:#f0f0f0}.block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type,.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.block-editor-link-control__search-item.is-selected{background:#f0f0f0}.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item.is-current{background:transparent;border:0;cursor:default;flex-direction:column;padding:16px;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-header{align-items:flex-start;display:block;flex-direction:row;margin-left:8px;overflow-wrap:break-word;white-space:pre-wrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{word-break:break-all}.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{display:flex;flex:1}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{align-items:center}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{display:flex;flex-shrink:0;justify-content:center;margin-left:8px;max-height:24px;position:relative;top:.2em;width:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{width:16px}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{max-height:32px;top:0;width:32px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{overflow:hidden;text-overflow:ellipsis}.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{left:0;margin-top:0;position:absolute}.block-editor-link-control__search-item .block-editor-link-control__search-item-title{display:block;font-weight:500;margin-bottom:.2em;position:relative}.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{background-color:initial;color:inherit;font-weight:700}.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{font-weight:400}.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg{display:none}.block-editor-link-control__search-item .block-editor-link-control__search-item-info{color:#757575;display:block;font-size:.9em;line-height:1.3}.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice{font-size:1.1em;font-style:italic}.block-editor-link-control__search-item .block-editor-link-control__search-item-type{background-color:#f0f0f0;border-radius:2px;display:block;font-size:.9em;margin-right:auto;padding:3px 6px;white-space:nowrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-description{margin:0;padding-top:12px}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{display:flex;flex-direction:column;height:28px;justify-content:space-around;margin-top:12px;padding-top:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{background-color:#f0f0f0;border-radius:3px;content:"";display:block;height:.7em;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{font-size:.9em}.block-editor-link-control__search-item .block-editor-link-control__search-item-image{background-color:#f0f0f0;border-radius:2px;display:flex;height:140px;justify-content:center;margin-top:12px;max-height:140px;overflow:hidden;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{background-color:#f0f0f0;border-radius:3px}.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{display:block;height:140px;max-height:140px;max-width:100%}.block-editor-link-control__search-item-top{display:flex;flex-direction:row;width:100%}.block-editor-link-control__search-item-bottom{transition:opacity 1.5s;width:100%}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{animation:loadingpulse 1s linear infinite;animation-delay:.5s}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{opacity:0}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;border-radius:100%;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.block-editor-link-control__loading{align-items:center;display:flex;margin:16px}.block-editor-link-control__loading .components-spinner{margin-top:0}.components-button+.block-editor-link-control__search-create{overflow:visible;padding:12px 16px}.components-button+.block-editor-link-control__search-create:before{content:"";display:block;position:absolute;right:0;top:-10px;width:100%}.block-editor-link-control__search-create{align-items:center}.block-editor-link-control__search-create .block-editor-link-control__search-item-title{margin-bottom:0}.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{top:0}.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{padding:10px}.block-editor-link-control__drawer{align-items:center;border-top:1px solid #ddd;display:flex;justify-content:space-between;margin:0;padding:16px}.block-editor-link-control__unlink{padding-left:16px;padding-right:16px}.block-editor-link-control__settings{flex:1;margin:0}.block-editor-link-control__settings :last-child{margin-bottom:0}.is-alternate .block-editor-link-control__settings{border-top:1px solid #1e1e1e}.block-editor-link-control__setting{margin-bottom:16px}.block-editor-link-control__setting :last-child{margin-bottom:0}.block-editor-link-control .block-editor-link-control__search-input .components-spinner{display:block}.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{bottom:auto;left:16px;position:absolute;right:auto;top:calc(50% - 8px)}.block-editor-link-control__search-item-action{flex-shrink:0;margin-right:auto}.block-editor-list-view-tree{border-collapse:collapse;margin:0;padding:0;width:100%}.components-modal__content .block-editor-list-view-tree{margin:-12px -6px 0;width:calc(100% + 12px)}.block-editor-list-view-leaf{position:relative}.block-editor-list-view-leaf.is-selected td{background:var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected.is-synced td{background:var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{color:var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{color:#fff}.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{background:none;color:#1e1e1e}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-list-view-leaf.is-dragging{display:none}.block-editor-list-view-leaf.is-first-selected td:first-child{border-top-right-radius:2px}.block-editor-list-view-leaf.is-first-selected td:last-child{border-top-left-radius:2px}.block-editor-list-view-leaf.is-last-selected td:first-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf.is-last-selected td:last-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){background:rgba(var(--wp-admin-theme-color--rgb),.04)}.block-editor-list-view-leaf.is-synced-branch.is-branch-selected{background:rgba(var(--wp-block-synced-color--rgb),.04)}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{border-top-right-radius:2px}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{border-top-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child{border-top-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child{border-top-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{border-radius:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents{align-items:center;border-radius:2px;display:flex;height:auto;padding:6px 0 6px 4px;position:relative;text-align:right;white-space:nowrap;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{border-top:4px solid var(--wp-admin-theme-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:-2px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear}.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{padding-left:0;padding-right:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus{box-shadow:none}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:-29px;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{box-shadow:none}.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{left:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);z-index:1}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:none}.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-block-icon{flex:0 0 24px;margin-left:8px}.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{padding-bottom:0;padding-top:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{line-height:0;vertical-align:middle;width:36px}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{opacity:0;will-change:opacity}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{min-width:24px;padding:0;width:24px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{padding-left:4px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{height:24px}.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{align-items:center;display:flex;flex-direction:column;height:100%}.block-editor-list-view-leaf .block-editor-block-mover-button{height:24px;position:relative;width:36px}.block-editor-list-view-leaf .block-editor-block-mover-button svg{height:24px;position:relative}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{align-items:flex-end;margin-top:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{bottom:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{align-items:flex-start;margin-bottom:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{top:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button:before{height:16px;left:0;min-width:100%;right:0}.block-editor-list-view-leaf .block-editor-inserter__toggle{background:#1e1e1e;color:#fff;height:24px;margin:6px 1px 6px 6px;min-width:24px}.block-editor-list-view-leaf .block-editor-inserter__toggle:active{color:#fff}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper{min-width:120px}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{flex:1;position:relative}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{position:absolute;transform:translateY(-50%);width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{max-width:min(110px,40%);position:relative;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.1);border-radius:2px;box-sizing:border-box;left:0;max-width:100%;padding:2px 6px;position:absolute;transform:translateY(-50%)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.3)}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{line-height:0}.block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{display:none}.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{display:flex}.block-editor-list-view__expander{height:24px;margin-right:4px;width:24px}.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{margin-right:220px}.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{margin-left:4px}.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{margin-right:0}.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{margin-right:24px}.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{margin-right:52px}.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{margin-right:80px}.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{margin-right:108px}.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{margin-right:136px}.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{margin-right:164px}.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{margin-right:192px}.block-editor-list-view-leaf .block-editor-list-view__expander{visibility:hidden}.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transform:rotate(-90deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transform:rotate(0deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-drop-indicator{pointer-events:none}.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{background:var(--wp-admin-theme-color);height:1px}.block-editor-list-view-placeholder{height:36px;margin:0;padding:0}.modal-open .block-editor-media-replace-flow__options{display:none}.block-editor-media-replace-flow__indicator{margin-right:4px}.block-editor-media-flow__url-input{border-top:1px solid #1e1e1e;margin-left:-8px;margin-right:-8px;margin-top:8px;padding:16px}.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{display:block;margin-bottom:8px;top:16px}.block-editor-media-flow__url-input .block-editor-link-control{width:220px}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{margin:0;padding:0}.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{margin-bottom:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{max-width:180px;white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info{white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{padding:0;width:auto}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{margin:0;width:100%}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{left:4px;top:0}.block-editor-media-flow__error{max-width:255px;padding:0 20px 20px}.block-editor-media-flow__error .components-with-notices-ui{max-width:255px}.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{word-wrap:break-word;overflow:hidden}.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{left:10px;position:absolute}.block-editor-multi-selection-inspector__card{align-items:flex-start;display:flex;padding:16px}.block-editor-multi-selection-inspector__card-content{flex-grow:1}.block-editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.block-editor-multi-selection-inspector__card-description{font-size:13px}.block-editor-multi-selection-inspector__card .block-editor-block-icon{height:24px;margin-left:10px;margin-right:-2px;padding:0 3px;width:36px}.block-editor-responsive-block-control{border-bottom:1px solid #ccc;margin-bottom:28px;padding-bottom:14px}.block-editor-responsive-block-control:last-child{border-bottom:0;padding-bottom:0}.block-editor-responsive-block-control__title{margin:0 -3px .6em 0}.block-editor-responsive-block-control__label{font-weight:600;margin-bottom:.6em;margin-right:-3px}.block-editor-responsive-block-control__inner{margin-right:-1px}.block-editor-responsive-block-control__toggle{margin-right:1px}.block-editor-responsive-block-control .components-base-control__help{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.components-popover.block-editor-rich-text__inline-format-toolbar{z-index:99998}.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{box-shadow:none;margin-bottom:8px;min-width:auto;outline:none;width:auto}.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{border-radius:2px}.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{min-height:48px;min-width:48px;padding-left:12px;padding-right:12px}.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{justify-content:center}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{width:auto}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{content:attr(aria-label)}.block-editor-skip-to-selected-block{position:absolute;top:-9999em}.block-editor-skip-to-selected-block:focus{background:#f1f1f1;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:var(--wp-admin-theme-color);display:block;font-size:14px;font-weight:600;height:auto;line-height:normal;outline:none;padding:15px 23px 14px;text-decoration:none;width:auto;z-index:100000}.block-editor-text-decoration-control{border:0;margin:0;padding:0}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{display:flex;padding:4px 0}.block-editor-text-decoration-control .components-button.has-icon{height:32px;margin-left:4px;min-width:32px;padding:0}.block-editor-text-transform-control{border:0;margin:0;padding:0}.block-editor-text-transform-control .block-editor-text-transform-control__buttons{display:flex;padding:4px 0}.block-editor-text-transform-control .components-button.has-icon{height:32px;margin-left:4px;min-width:32px;padding:0}.block-editor-tool-selector__help{border-top:1px solid #ddd;color:#757575;margin:8px -8px -8px;min-width:280px;padding:16px}.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{flex-grow:1;padding:1px;position:relative}.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{border:none;border-radius:0;font-size:16px;margin-left:0;margin-right:0;padding:8px 12px 8px 8px;width:100%}@media (min-width:600px){.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{font-size:13px;width:300px}}.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{display:none}.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{width:100%}.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{left:8px;margin:0;position:absolute;top:calc(50% - 8px)}.block-editor-url-input__input[type=text]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.block-editor-url-input__input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-url-input__input[type=text]{font-size:13px;line-height:normal}}.block-editor-url-input__input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-url-input__input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-url-input__input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__suggestions{max-height:200px;overflow-y:auto;padding:4px 0;transition:all .15s ease-in-out;width:302px}@media (prefers-reduced-motion:reduce){.block-editor-url-input__suggestions{transition-delay:0s;transition-duration:0s}}.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:none}@media (min-width:600px){.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:grid}}.block-editor-url-input__suggestion{background:#fff;border:none;box-shadow:none;color:#757575;cursor:pointer;display:block;font-size:13px;height:auto;min-height:36px;text-align:right;width:100%}.block-editor-url-input__suggestion:hover{background:#ddd}.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{background:var(--wp-admin-theme-color-darker-20);color:#fff;outline:none}.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{position:inherit}.block-editor-url-input__button .block-editor-url-input__back{margin-left:4px;overflow:visible}.block-editor-url-input__button .block-editor-url-input__back:after{background:#ddd;content:"";display:block;height:24px;left:-1px;position:absolute;width:1px}.block-editor-url-input__button-modal{background:#fff;border:1px solid #ddd;box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1)}.block-editor-url-input__button-modal-line{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0}.block-editor-url-input__button-modal-line .components-button{flex-shrink:0;height:36px;width:36px}.block-editor-url-popover__additional-controls{border-top:1px solid #ddd}.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{box-shadow:none}.block-editor-url-popover__additional-controls div[role=menu]>.components-button{padding-right:12px}.block-editor-url-popover__row{display:flex}.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){flex-grow:1}.block-editor-url-popover .components-button.has-icon{padding:3px}.block-editor-url-popover .components-button.has-icon>svg{border-radius:2px;height:30px;padding:5px;width:30px}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{box-shadow:none}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-url-popover__settings-toggle{border-radius:0;border-right:1px solid #ddd;flex-shrink:0;margin-right:1px}.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{transform:rotate(-180deg)}.block-editor-url-popover__settings{border-top:1px solid #ddd;display:block;padding:16px}.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{display:flex}.block-editor-url-popover__link-viewer-url{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-url-popover__link-viewer-url.has-invalid-link{color:#cc1818}.html-anchor-control .components-external-link{display:block;margin-top:8px}.border-block-support-panel .single-column{grid-column:span 1}.color-block-support-panel .block-editor-contrast-checker{grid-column:span 2;margin-top:16px;order:9999}.color-block-support-panel .block-editor-contrast-checker .components-notice__content{margin-left:0}.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{row-gap:0}.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{margin-top:0}.dimensions-block-support-panel .single-column{grid-column:span 1}.block-editor-hooks__layout-controls{display:flex;margin-bottom:8px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{display:flex;margin-left:24px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{margin:auto 8px 4px 0}.block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{margin-bottom:0}.block-editor-hooks__layout-controls-reset{display:flex;justify-content:flex-end;margin-bottom:24px}.block-editor-hooks__layout-controls-helptext{color:#757575;font-size:12px;margin-bottom:16px}.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{margin-bottom:12px}.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{margin-bottom:8px}.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{margin-bottom:16px}.block-editor__padding-visualizer{border-color:var(--wp-admin-theme-color);border-style:solid;bottom:0;box-sizing:border-box;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{display:none}.block-editor-hooks__position-selection__select-control__option.has-hint{grid-template-columns:auto 30px;line-height:1.4;margin-bottom:0}.block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{grid-row:2;text-align:right}.typography-block-support-panel .single-column{grid-column:span 1}.block-editor-block-toolbar{display:flex;flex-grow:1;overflow-x:auto;overflow-y:hidden;position:relative;transition:border-color .1s linear,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-toolbar{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-block-toolbar{overflow:inherit}}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{background:none;border:0;border-left:1px solid #ddd;line-height:0;margin-bottom:-1px;margin-top:-1px}.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:var(--wp-block-synced-color)}.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{border-left:none}.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-right:56px}.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-right:0}.block-editor-block-parent-selector{position:absolute;right:-57px;top:-1px}.show-icon-labels .block-editor-block-parent-selector{margin-bottom:-1px;margin-right:-1px;margin-top:-1px;position:relative;right:auto;top:auto}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin:0!important;width:24px!important}.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{margin-right:-6px!important}.block-editor-block-toolbar__block-controls .components-toolbar-group{padding:0}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{display:flex;flex-wrap:nowrap}.block-editor-block-toolbar__slot{display:inline-block;line-height:0}@supports (position:sticky){.block-editor-block-toolbar__slot{display:inline-flex}}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{width:auto}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{content:attr(aria-label);font-size:12px}.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{padding-left:6px;padding-right:6px}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{height:0!important;width:0!important}.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{width:0}.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{width:auto}.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{border-right:1px solid #1e1e1e;margin-left:-6px;margin-right:6px;white-space:nowrap}.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{border-right-color:#e0e0e0}.show-icon-labels .block-editor-block-mover-button{padding-left:8px!important;padding-right:8px!important}.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{padding-left:12px!important;padding-right:12px!important}.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container{border-width:0}@media (min-width:600px){.show-icon-labels .is-up-button.is-up-button.is-up-button{border-radius:0;margin-left:0;order:1}.show-icon-labels .block-editor-block-mover__move-button-container{border-right:1px solid #1e1e1e}.show-icon-labels .block-editor-block-mover__move-button-container:before{background:#1e1e1e;content:"";display:block;height:1px;order:2}.show-icon-labels .is-down-button.is-down-button.is-down-button{order:3}.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container:before{background:#ddd}}.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{width:auto}.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{flex-shrink:1}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{margin-right:6px}.block-editor-inserter{background:none;border:none;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:0;padding:0}@media (min-width:782px){.block-editor-inserter{position:relative}}.block-editor-inserter__main-area{display:flex;flex-direction:column;gap:16px;height:100%;position:relative}.block-editor-inserter__main-area.show-as-tabs{gap:0}@media (min-width:782px){.block-editor-inserter__main-area{width:350px}}.block-editor-inserter__popover.is-quick .components-popover__content{border:none;outline:none}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{border-left:1px solid #ccc;border-right:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{border-top:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{border-bottom:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{border:1px solid #1e1e1e}.block-editor-inserter__popover .block-editor-inserter__menu{margin:-12px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{top:60px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{height:auto;overflow:visible}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{display:none}.block-editor-inserter__toggle.components-button{align-items:center;border:none;cursor:pointer;display:inline-flex;outline:none;padding:0;transition:color .2s ease}@media (prefers-reduced-motion:reduce){.block-editor-inserter__toggle.components-button{transition-delay:0s;transition-duration:0s}}.block-editor-inserter__menu{height:100%;overflow:visible;position:relative}.block-editor-inserter__inline-elements{margin-top:-1px}.block-editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover.block-editor-inserter__popover{z-index:99999}.block-editor-inserter__search{padding:16px 16px 0}.block-editor-inserter__search .components-search-control__icon{left:20px}.block-editor-inserter__tabs{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.block-editor-inserter__tabs .components-tab-panel__tabs{border-bottom:1px solid #ddd}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{flex-grow:1;margin-bottom:-1px}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable]{flex-grow:inherit;padding-left:16px;padding-right:16px}.block-editor-inserter__tabs .components-tab-panel__tab-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.block-editor-inserter__no-tab-container{flex-grow:1;overflow-y:auto}.block-editor-inserter__panel-header{align-items:center;display:inline-flex;padding:16px 16px 0}.block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{color:#757575;font-size:11px;font-weight:500;margin:0 0 0 12px;text-transform:uppercase}.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{height:36px;line-height:36px}.block-editor-inserter__panel-dropdown select{border:none}.block-editor-inserter__reusable-blocks-panel{position:relative;text-align:left}.block-editor-inserter__manage-reusable-blocks-container{margin:auto 16px 16px}.block-editor-inserter__manage-reusable-blocks{justify-content:center;width:100%}.block-editor-inserter__no-results{padding:32px;text-align:center}.block-editor-inserter__no-results-icon{fill:#949494}.block-editor-inserter__child-blocks{padding:0 16px}.block-editor-inserter__parent-block-header{align-items:center;display:flex}.block-editor-inserter__parent-block-header h2{font-size:13px}.block-editor-inserter__parent-block-header .block-editor-block-icon{margin-left:8px}.block-editor-inserter__preview-container{background:#fff;border:1px solid #ddd;border-radius:2px;display:none;max-height:calc(100% - 32px);overflow-y:hidden;position:absolute;right:calc(100% + 16px);top:16px;width:300px}@media (min-width:782px){.block-editor-inserter__preview-container{display:block}}.block-editor-inserter__preview-container .block-editor-block-card{padding:16px}.block-editor-inserter__preview-container .block-editor-block-card__title{font-size:13px}.block-editor-inserter__patterns-explore-button.components-button{justify-content:center;margin-top:16px;padding:16px;width:100%}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category{color:var(--wp-admin-theme-color);position:relative}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item{filter:brightness(.95)}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg{fill:var(--wp-admin-theme-color)}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.04;position:absolute;right:0;top:0}.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__block-patterns-tabs-container nav{height:100%}.block-editor-inserter__block-patterns-tabs{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px}.block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child{margin-top:auto}.block-editor-inserter__patterns-category-dialog{background:#f0f0f0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;height:100%;overflow-y:auto;padding:32px 24px;position:absolute;right:0;scrollbar-gutter:stable both-edges;top:0;width:100%}@media (min-width:782px){.block-editor-inserter__patterns-category-dialog{display:block;right:100%;width:300px}}.block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list{margin-top:24px}.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container{box-shadow:0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container:hover{box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__patterns-category-panel{padding:0 16px}@media (min-width:782px){.block-editor-inserter__patterns-category-panel{padding:0}}.block-editor-inserter__preview-content{align-items:center;background:#f0f0f0;display:grid;flex-grow:1;min-height:144px}.block-editor-inserter__preview-content-missing{align-items:center;background:#f0f0f0;color:#757575;display:flex;flex:1;justify-content:center;min-height:144px}.block-editor-inserter__tips{border-top:1px solid #ddd;flex-shrink:0;padding:16px;position:relative}.block-editor-inserter__quick-inserter{max-width:100%;width:100%}@media (min-width:782px){.block-editor-inserter__quick-inserter{width:350px}}.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{float:right;height:0;padding:0}.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container{min-height:100px}.block-editor-inserter__quick-inserter-separator{border-top:1px solid #ddd}.block-editor-inserter__popover.is-quick>.components-popover__content{padding:0}.block-editor-inserter__quick-inserter-expand.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:block;height:44px;width:100%}.block-editor-inserter__quick-inserter-expand.components-button:hover{color:#fff}.block-editor-inserter__quick-inserter-expand.components-button:active{color:#ccc}.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);box-shadow:none}.block-editor-block-patterns-explorer__sidebar{bottom:0;overflow-x:visible;overflow-y:scroll;padding:24px 32px 32px;position:absolute;right:0;top:76px;width:280px}.block-editor-block-patterns-explorer__sidebar__categories-list__item{display:block;height:48px;text-align:right;width:100%}.block-editor-block-patterns-explorer__search{margin-bottom:32px}.block-editor-block-patterns-explorer__search-results-count{padding-bottom:32px}.block-editor-block-patterns-explorer__list{margin-right:280px;padding:24px 0 32px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-gap:32px;display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width:1080px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(3,1fr)}}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{min-height:240px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container{height:inherit;max-height:800px;min-height:100px}.block-editor-inserter__patterns-category-panel-title{font-size:16.25px}.block-editor-inserter__media-tabs-container,.block-editor-inserter__media-tabs-container nav{height:100%}.block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button{justify-content:center;margin-top:16px;padding:16px;width:100%}.block-editor-inserter__media-tabs{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px}.block-editor-inserter__media-tabs div[role=listitem]:last-child{margin-top:auto}.block-editor-inserter__media-tabs__media-category.is-selected{color:var(--wp-admin-theme-color);position:relative}.block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item{filter:brightness(.95)}.block-editor-inserter__media-tabs__media-category.is-selected svg{fill:var(--wp-admin-theme-color)}.block-editor-inserter__media-tabs__media-category.is-selected:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.04;position:absolute;right:0;top:0}.block-editor-inserter__media-dialog{background:#f0f0f0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;height:100%;overflow-y:auto;padding:16px 24px;position:absolute;right:0;scrollbar-gutter:stable both-edges;top:0;width:100%}@media (min-width:782px){.block-editor-inserter__media-dialog{display:block;right:100%;width:300px}}.block-editor-inserter__media-dialog .block-editor-block-preview__container{box-shadow:0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__media-dialog .block-editor-block-preview__container:hover{box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__media-panel{display:flex;flex-direction:column;min-height:100%;padding:0 16px}@media (min-width:782px){.block-editor-inserter__media-panel{padding:0}}.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{align-items:center;display:flex;flex:1;height:100%;justify-content:center}.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control input[type=search].components-search-control__input{background:#fff}.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control button.components-button{min-width:auto;padding-left:2px;padding-right:2px}.block-editor-inserter__media-list{margin-top:16px}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item{cursor:pointer;margin-bottom:24px;position:relative}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder{min-height:100px}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview{box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{display:block}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{left:8px;position:absolute;top:8px}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{background:#fff;border-radius:2px;display:none}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{display:block}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{box-shadow:inset 0 0 0 2px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-inserter__media-list .block-editor-inserter__media-list__item{height:100%}.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{align-items:center;border-radius:2px;display:flex;overflow:hidden}.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{margin:0 auto;max-width:100%}.block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview{box-shadow:inset 0 0 0 2px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{min-width:auto}.block-editor-inserter__mobile-tab-navigation{height:100%;padding:16px}.block-editor-inserter__mobile-tab-navigation>*{height:100%}.block-editor-post-preview__dropdown{padding:0}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{padding-right:40px}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{padding-right:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{padding-bottom:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{margin-bottom:0}.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{padding:8px}@media (min-width:600px){.edit-post-header__settings .editor-post-preview,.edit-site-header-edit-mode__actions .editor-post-preview{display:none}.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{opacity:0}.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{opacity:1}}.tools-panel-item-spacing{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:16px auto}.component-spacing-sizes-control{box-sizing:border-box;display:contents;padding-bottom:12px;width:100%}.component-spacing-sizes-control legend{align-self:center;grid-column:1/1;grid-row:1/1;padding:0}.component-spacing-sizes-control .components-base-control__label{height:16px;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__side-labels{grid-column:1/1;height:16px;justify-content:right;margin-top:16px}.component-spacing-sizes-control .components-spacing-sizes-control__side-label{grid-column:1/1;justify-self:right;margin-bottom:0}.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all,.component-spacing-sizes-control .components-spacing-sizes-control__hint-single{color:#757575;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all{align-self:center;grid-column:2/2;grid-row:1/1;justify-self:right;margin-right:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{grid-column:2/2;grid-row:1/1;justify-self:end;margin-top:-4px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button~.components-spacing-sizes-control__custom-toggle-all{margin-left:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single{grid-column:3/3;justify-self:end;margin-top:12px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button{grid-column:3/3;grid-row:1/1;justify-self:end;line-height:0;margin-top:-4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range{grid-column:span 2;margin-right:16px;margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{grid-column:1;margin-top:8px;width:124px}.component-spacing-sizes-control .components-range-control{align-items:center;display:flex;height:40px}.component-spacing-sizes-control .components-range-control>.components-base-control__field{flex:1}.component-spacing-sizes-control .components-spacing-sizes-control__range-control{grid-column:span 3;margin-top:8px}.component-spacing-sizes-control .components-range-control__mark{background-color:#fff;height:4px;width:3px;z-index:1}.component-spacing-sizes-control .components-range-control__marks{margin-top:17px}.component-spacing-sizes-control .components-range-control__marks :first-child{display:none}.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor]{z-index:3}.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control{grid-column:span 3;margin-top:8px}.offcanvas-editor-appender .block-editor-inserter__toggle{background-color:#1e1e1e;border-radius:2px;color:#fff;height:24px;margin:8px 24px 0 0;min-width:24px;padding:0}.offcanvas-editor-appender .block-editor-inserter__toggle:focus,.offcanvas-editor-appender .block-editor-inserter__toggle:hover{background:var(--wp-admin-theme-color);color:#fff}.offcanvas-editor-appender__description{display:none}.offcanvas-editor-list-view-tree-wrapper{max-width:100%;overflow-x:auto}.offcanvas-editor-list-view-leaf{display:block;max-width:248px}.offcanvas-editor-list-view-is-empty{margin-right:16px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style.css b/wp-includes/css/dist/block-editor/style.css index 71f8abfe44..ec44307e59 100644 --- a/wp-includes/css/dist/block-editor/style.css +++ b/wp-includes/css/dist/block-editor/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -67,6 +69,9 @@ .block-editor-block-inspector .components-base-control:last-child{ margin-bottom:8px; } +.block-editor-block-inspector .components-focal-point-picker-control .components-base-control{ + margin-bottom:0; +} .block-editor-block-inspector .components-panel__body{ border:none; border-top:1px solid #e0e0e0; @@ -75,7 +80,7 @@ padding:16px; } -.block-editor-block-inspector__no-blocks{ +.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{ background:#fff; display:block; font-size:13px; @@ -83,305 +88,18 @@ text-align:center; } +.block-editor-block-inspector__no-block-tools{ + border-top:1px solid #ddd; +} + +.block-editor-block-inspector__tab-item{ + flex:1 1 0px; +} + .block-editor-block-inspector__block-buttons-container{ border-top:1px solid #e0e0e0; padding:16px; } - -.block-editor-block-styles .block-editor-block-list__block{ - margin:0; -} -@keyframes selection-overlay__fade-in-animation{ - 0%{ - opacity:0; - } - to{ - opacity:.4; - } -} -.block-editor-block-list__layout{ - position:relative; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection,.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{ - background:transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ - animation:selection-overlay__fade-in-animation .1s ease-out; - animation-fill-mode:forwards; - background:var(--wp-admin-theme-color); - bottom:1px; - content:""; - left:1px; - opacity:.4; - outline:2px solid transparent; - pointer-events:none; - position:absolute; - right:1px; - top:1px; - z-index:1; -} -@media (prefers-reduced-motion:reduce){ - .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ - animation-delay:0s; - animation-duration:1ms; - } -} -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ - border-radius:2px; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline:2px solid transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{ - outline:none; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ - border-radius:1px; - bottom:1px; - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - content:""; - left:1px; - outline:2px solid transparent; - pointer-events:none; - position:absolute; - right:1px; - top:1px; - z-index:1; -} -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{ - box-shadow:none; - outline:none; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ - border-radius:2px; - border-top:4px solid #ccc; - content:""; - left:0; - pointer-events:none; - position:absolute; - right:0; - top:-14px; - transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; - z-index:0; -} -.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ - border-color:var(--wp-admin-theme-color); -} -.has-multi-selection .block-editor-block-list__layout{ - -webkit-user-select:none; - user-select:none; -} -.block-editor-block-list__layout [class^=components-]{ - -webkit-user-select:text; - user-select:text; -} - -.is-block-moving-mode.block-editor-block-list__block-selection-button{ - font-size:1px; - height:1px; - opacity:0; - padding:0; -} - -.is-content-locked .block-editor-block-list__block{ - pointer-events:none; -} -.is-content-locked .is-content-block{ - pointer-events:auto; -} - -.block-editor-block-list__layout .block-editor-block-list__block{ - overflow-wrap:break-word; - position:relative; - -webkit-user-select:text; - user-select:text; -} -.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ - z-index:1; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ - margin:-10px 0 12px; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ - margin:0 0 12px; - width:100%; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{ - margin-left:0; - margin-right:0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ - font-size:13px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning{ - min-height:48px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ - pointer-events:none; - -webkit-user-select:none; - user-select:none; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ - pointer-events:all; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ - background-color:hsla(0,0%,100%,.4); - border-radius:2px; - bottom:0; - content:""; - left:0; - position:absolute; - right:0; - top:0; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ - background-color:initial; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ - display:none; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ - display:block; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ - box-shadow:0 0 0 1px var(--wp-admin-theme-color); -} -.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ - float:none; -} - -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{ - border-radius:2px; - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); - cursor:default; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ - border-radius:2px; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - cursor:default; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ - cursor:unset; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} - -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ - opacity:.2; - transition:opacity .1s linear; -} -@media (prefers-reduced-motion:reduce){ - .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ - transition-delay:0s; - transition-duration:0s; - } -} - -.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ - opacity:1; -} - -.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ - z-index:21; -} - -.wp-site-blocks>[data-align=left]{ - float:left; - margin-right:2em; -} - -.wp-site-blocks>[data-align=right]{ - float:right; - margin-left:2em; -} - -.wp-site-blocks>[data-align=center]{ - justify-content:center; - margin-left:auto; - margin-right:auto; -} -.block-editor-block-list .block-editor-inserter{ - cursor:move; - cursor:grab; - margin:8px; -} - -@keyframes block-editor-inserter__toggle__fade-in-animation{ - 0%{ - opacity:0; - } - to{ - opacity:1; - } -} -.wp-block .block-list-appender .block-editor-inserter__toggle{ - animation:block-editor-inserter__toggle__fade-in-animation .1s ease; - animation-fill-mode:forwards; -} -@media (prefers-reduced-motion:reduce){ - .wp-block .block-list-appender .block-editor-inserter__toggle{ - animation-delay:0s; - animation-duration:1ms; - } -} - -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ - display:none; -} -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ - opacity:0; - transform:scale(0); -} - -.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ - border:none; - border-radius:2px; - box-shadow:inset 0 0 0 1px #1e1e1e; - display:block; - font-family:Menlo,Consolas,monaco,monospace; - font-size:15px; - line-height:1.5; - margin:0; - outline:none; - overflow:hidden; - padding:12px; - resize:none; - transition:padding .2s linear; - width:100%; -} -@media (prefers-reduced-motion:reduce){ - .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ - transition-delay:0s; - transition-duration:0s; - } -} -.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.block-editor-block-list__block .block-editor-warning{ - position:relative; - z-index:5; -} -.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ - margin-bottom:auto; -} -.block-editor-iframe__body{ - transform-origin:top center; - transition:all .3s; -} -.block-editor-iframe__body.is-zoomed-out{ - margin:100px 0; - transform:scale(.45); -} -.block-editor-iframe__body.is-zoomed-out .wp-site-blocks>*+*{ - margin-block-start:2.5rem; -} -.block-editor-iframe__body.is-zoomed-out>.block-list-appender{ - display:none; -} .block-editor-block-list__insertion-point{ bottom:0; left:0; @@ -392,17 +110,22 @@ .block-editor-block-list__insertion-point-indicator{ background:var(--wp-admin-theme-color); + border-radius:2px; + opacity:0; position:absolute; + transform-origin:center; + will-change:transform, opacity; } .block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{ - height:1px; - top:50%; + height:4px; + top:calc(50% - 2px); + width:100%; } .block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{ - left:50%; - right:0; + bottom:0; + left:calc(50% - 2px); top:0; - width:1px; + width:4px; } .block-editor-block-list__insertion-point-inserter{ @@ -411,6 +134,7 @@ left:calc(50% - 12px); position:absolute; top:calc(50% - 12px); + will-change:transform; } @media (min-width:480px){ .block-editor-block-list__insertion-point-inserter{ @@ -425,7 +149,7 @@ pointer-events:all; } -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ background:#1e1e1e; border-radius:2px; color:#fff; @@ -433,7 +157,7 @@ min-width:24px; padding:0; } -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ background:var(--wp-admin-theme-color); color:#fff; } @@ -510,7 +234,7 @@ border:none; box-shadow:none; } -.block-editor-block-list__block-selection-button .components-button:active{ +.block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{ color:#fff; } .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ @@ -544,22 +268,6 @@ display:none; } -.is-vertical .block-list-appender{ - margin-left:12px; - margin-right:auto; - margin-top:12px; - width:24px; -} - -.block-list-appender>.block-editor-inserter{ - display:block; -} - -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ - opacity:0; - transform:scale(0); -} - .block-editor-block-lock-modal{ z-index:1000001; } @@ -582,26 +290,19 @@ .block-editor-block-lock-modal__options-title .components-base-control__field{ align-items:center; display:flex; - margin:0; } .block-editor-block-lock-modal__checklist-item{ + align-items:center; + display:flex; + gap:12px; + justify-content:space-between; margin-bottom:0; padding:12px 0 12px 32px; } -.block-editor-block-lock-modal__checklist-item .components-base-control__field{ - align-items:center; - display:flex; - margin:0; -} -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label{ - align-items:center; - display:flex; - flex-grow:1; - justify-content:space-between; -} -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg{ +.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{ fill:#1e1e1e; + flex-shrink:0; margin-right:12px; } .block-editor-block-lock-modal__checklist-item:hover{ @@ -713,6 +414,10 @@ margin-right:12px; width:24px; } + +.block-editor-block-card.is-synced .block-editor-block-icon{ + color:var(--wp-block-synced-color); +} .block-editor-block-compare{ height:auto; } @@ -773,39 +478,6 @@ margin:.67em 0; } -.block-editor-block-list__block.has-block-overlay{ - cursor:default; -} -.block-editor-block-list__block.has-block-overlay:before{ - background:transparent; - border:none; - border-radius:2px; - content:""; - height:100%; - left:0; - position:absolute; - top:0; - width:100%; - z-index:10; -} -.block-editor-block-list__block.has-block-overlay:after{ - content:none !important; -} -.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):before{ - background:rgba(var(--wp-admin-theme-color--rgb), .3); - box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; -} -.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{ - box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset; -} -.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ - pointer-events:none; -} -.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{ - left:calc(50% - 50vw); - width:100vw; -} - .block-editor-block-draggable-chip-wrapper{ left:0; position:absolute; @@ -846,19 +518,6 @@ font-size:13px; } -.block-editor-block-list__layout .is-dragging{ - background-color:currentColor !important; - border-radius:2px !important; - opacity:.05 !important; - pointer-events:none !important; -} -.block-editor-block-list__layout .is-dragging::selection{ - background:transparent !important; -} -.block-editor-block-list__layout .is-dragging:after{ - content:none !important; -} - .block-editor-block-mover__move-button-container{ border:none; display:flex; @@ -867,7 +526,6 @@ @media (min-width:600px){ .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ flex-direction:column; - width:36px; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{ height:24px; @@ -875,8 +533,7 @@ width:100%; } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{ - height:100%; - width:100%; + height:calc(100% - 4px); } .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ flex-shrink:0; @@ -896,9 +553,6 @@ padding-right:0 !important; width:24px; } - .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>:before{ - height:100%; - } .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ left:5px; } @@ -914,6 +568,33 @@ } } +.components-button.block-editor-block-mover-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:32px; + left:8px; + position:absolute; + right:8px; + z-index:-1; +} +@media (prefers-reduced-motion:reduce){ + .components-button.block-editor-block-mover-button:before{ + animation-delay:0s; + animation-duration:1ms; + } +} +.components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{ + box-shadow:none; + outline:none; +} +.components-button.block-editor-block-mover-button:focus-visible:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline:2px solid transparent; +} + .block-editor-block-navigation__container{ min-width:280px; } @@ -954,8 +635,7 @@ } .block-editor-block-patterns-list__item .block-editor-block-preview__container{ align-items:center; - border:1px solid #f0f0f0; - border-radius:2px; + border-radius:4px; display:flex; overflow:hidden; } @@ -965,7 +645,7 @@ text-align:center; } .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{ - border:1px solid var(--wp-admin-theme-color); + box-shadow:0 0 0 2px var(--wp-admin-theme-color); } .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{ box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); @@ -982,16 +662,12 @@ z-index:31; } .components-popover.block-editor-block-popover .components-popover__content{ - background:none; - border:none; - box-shadow:none; margin:0 !important; min-width:auto; - outline:none; overflow-y:visible; width:max-content; } -.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ +.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ pointer-events:all; } .components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{ @@ -1001,6 +677,16 @@ pointer-events:all; } +.components-popover.block-editor-block-popover__drop-zone *{ + pointer-events:none; +} +.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{ + background-color:var(--wp-admin-theme-color); + border-radius:2px; + inset:0; + position:absolute; +} + .block-editor-block-preview__container{ overflow:hidden; position:relative; @@ -1015,22 +701,18 @@ top:0; transform-origin:top left; } - -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,.block-editor-block-preview__content-iframe .block-list-appender{ +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{ display:none; } -.block-editor-block-preview__live-content *{ - pointer-events:none; -} -.block-editor-block-preview__live-content .block-list-appender{ - display:none; -} -.block-editor-block-preview__live-content .components-button:disabled{ - opacity:1; -} -.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ - display:none; +.block-editor-block-preview__container:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:1; } .block-editor-block-settings-menu__popover .components-dropdown-menu__menu{ @@ -1259,72 +941,6 @@ overflow:hidden; } -.block-editor-block-variation-picker .components-placeholder__instructions{ - margin-bottom:0; -} -.block-editor-block-variation-picker .components-placeholder__fieldset{ - flex-direction:column; -} -.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{ - max-width:90%; -} - -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{ - display:flex; - flex-direction:row; - flex-wrap:wrap; - justify-content:flex-start; - list-style:none; - margin:16px 0; - padding:0; - width:100%; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{ - flex-shrink:1; - list-style:none; - margin:8px 20px 0 0; - text-align:center; - width:75px; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{ - display:inline-flex; - margin-right:0; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{ - padding:8px; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{ - display:block; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:12px; - line-height:1.4; -} - -.block-editor-block-variation-picker__variation{ - width:100%; -} -.block-editor-block-variation-picker__variation.components-button.has-icon{ - justify-content:center; - width:auto; -} -.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{ - background-color:#fff; -} -.block-editor-block-variation-picker__variation.components-button{ - height:auto; - padding:0; -} -.block-editor-block-variation-picker__variation:before{ - content:""; - padding-bottom:100%; -} -.block-editor-block-variation-picker__variation:first-child{ - margin-left:0; -} -.block-editor-block-variation-picker__variation:last-child{ - margin-right:0; -} - .block-editor-block-pattern-setup{ align-items:flex-start; border-radius:2px; @@ -1333,6 +949,9 @@ justify-content:center; width:100%; } +.block-editor-block-pattern-setup.view-mode-grid{ + padding-top:4px; +} .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{ justify-content:center; } @@ -1351,10 +970,26 @@ .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{ cursor:pointer; } +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{ + box-shadow:0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{ + color:var(--wp-admin-theme-color); +} .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{ break-inside:avoid-column; margin-bottom:24px; } +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{ + cursor:pointer; + font-size:12px; + padding-top:8px; + text-align:center; +} .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{ border:1px solid #ddd; border-radius:2px; @@ -1395,9 +1030,11 @@ box-sizing:border-box; display:flex; flex-direction:column; + height:100%; width:100%; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{ + height:100%; list-style:none; margin:0; overflow:hidden; @@ -1409,6 +1046,8 @@ box-sizing:border-box; } .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{ + background-color:#fff; + height:100%; margin:auto; padding:0; position:absolute; @@ -1482,92 +1121,39 @@ display:flex; justify-content:space-between; } -.components-border-radius-control .components-border-radius-control__wrapper>.components-unit-control-wrapper{ +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{ flex-shrink:0; margin-bottom:0; - margin-right:12px; - width:110px; + margin-right:16px; + width:calc(50% - 8px); } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control{ +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{ flex:1; - margin-bottom:0; + margin-right:12px; } -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field{ - height:30px; - margin-bottom:0; -} -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper{ - margin-right:10px; +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{ + align-items:center; + display:flex; + height:40px; } .components-border-radius-control .components-border-radius-control__wrapper>span{ flex:0 0 auto; } .components-border-radius-control .components-border-radius-control__input-controls-wrapper{ - display:flex; - flex-wrap:wrap; - width:70%; + display:grid; + gap:16px; + grid-template-columns:repeat(2, minmax(0, 1fr)); + margin-right:12px; } -.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper{ - margin-bottom:8px; - margin-right:8px; - width:calc(50% - 8px); -} -.components-border-radius-control .component-border-radius-control__linked-button.has-icon{ +.components-border-radius-control .component-border-radius-control__linked-button{ display:flex; justify-content:center; - margin-left:2px; - margin-top:3px; + margin-top:8px; } -.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg{ +.components-border-radius-control .component-border-radius-control__linked-button svg{ margin-right:0; } -.block-editor-button-block-appender{ - align-items:center; - box-shadow:inset 0 0 0 1px #1e1e1e; - color:#1e1e1e; - display:flex; - flex-direction:column; - height:auto; - justify-content:center; - width:100%; -} -.block-editor-button-block-appender.components-button.components-button{ - padding:12px; -} -.is-dark-theme .block-editor-button-block-appender{ - box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65); - color:hsla(0,0%,100%,.65); -} -.block-editor-button-block-appender:hover{ - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); - color:var(--wp-admin-theme-color); -} -.block-editor-button-block-appender:focus{ - box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); -} -.block-editor-button-block-appender:active{ - color:#000; -} - -.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{ - pointer-events:none; -} -.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{ - border:1px dashed; - border-radius:2px; - bottom:0; - content:""; - left:0; - pointer-events:none; - position:absolute; - right:0; - top:0; -} -.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{ - visibility:hidden; -} - .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{ margin-bottom:12px; } @@ -1654,81 +1240,6 @@ .block-editor-contrast-checker>.components-notice{ margin:0; } -.block-editor-default-block-appender{ - clear:both; - margin-left:auto; - margin-right:auto; - position:relative; -} -.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ - outline:1px solid transparent; -} -.block-editor-default-block-appender .block-editor-default-block-appender__content{ - opacity:.62; -} -.block-editor-default-block-appender .components-drop-zone__content-icon{ - display:none; -} - -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ - line-height:0; - position:absolute; - right:0; - top:0; -} -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ - display:none; -} -.block-editor-block-list__block .block-list-appender{ - bottom:0; - list-style:none; - padding:0; - position:absolute; - right:0; - z-index:2; -} -.block-editor-block-list__block .block-list-appender.block-list-appender{ - line-height:0; - margin:0; -} -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ - height:24px; -} -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ - background:#1e1e1e; - box-shadow:none; - color:#fff; - display:none; - flex-direction:row; - height:24px; - padding:0 !important; - width:24px; -} -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ - background:var(--wp-admin-theme-color); - color:#fff; -} -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ - display:none; -} -.block-editor-block-list__block .block-list-appender:only-child{ - align-self:center; - line-height:inherit; - list-style:none; - position:relative; - right:auto; -} -.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ - display:block; -} - -.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ - display:flex; -} - -.block-editor-default-block-appender__content{ - cursor:text; -} .block-editor-date-format-picker{ margin-bottom:16px; @@ -1739,10 +1250,6 @@ display:block; } -.block-editor-date-format-picker__custom-format-select-control.components-base-control{ - margin-bottom:0; -} - .block-editor-date-format-picker__custom-format-select-control__custom-option{ border-top:1px solid #ddd; } @@ -1782,6 +1289,12 @@ text-transform:capitalize; } +.block-editor-height-control{ + border:0; + margin:0; + padding:0; +} + .block-editor-image-size-control{ margin-bottom:1em; } @@ -1802,22 +1315,25 @@ margin-left:5px; } -.block-editor-block-list__layout.has-overlay:after{ - bottom:0; - content:""; - left:0; - position:absolute; - right:0; - top:0; - z-index:60; -} - .block-editor-block-types-list__list-item{ display:block; margin:0; padding:0; width:33.33%; } +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ + color:var(--wp-block-synced-color) !important; + filter:brightness(.95); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ + color:var(--wp-block-synced-color) !important; +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{ + background:var(--wp-block-synced-color); +} .components-button.block-editor-block-types-list__item{ align-items:stretch; @@ -1846,8 +1362,24 @@ cursor:default; opacity:.6; } -.components-button.block-editor-block-types-list__item:not(:disabled):hover{ +.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ color:var(--wp-admin-theme-color) !important; + filter:brightness(.95); +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ + color:var(--wp-admin-theme-color) !important; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.04; + pointer-events:none; + position:absolute; + right:0; + top:0; } .components-button.block-editor-block-types-list__item:not(:disabled):focus{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); @@ -1893,6 +1425,13 @@ padding:4px 2px 8px; } +.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon:before{ + content:attr(aria-label); +} + .block-editor-inspector-popover-header{ margin-bottom:16px; } @@ -1959,11 +1498,11 @@ .block-editor-link-control__field>.components-base-control__field{ align-items:center; display:flex; - margin:0; } .block-editor-link-control__field .components-base-control__label{ margin-bottom:0; margin-right:16px; + min-width:29px; } .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ border:1px solid #ddd; @@ -1974,7 +1513,7 @@ font-size:16px; line-height:normal; margin:0; - padding:11px 36px 11px 16px; + padding:11px 16px; position:relative; transition:box-shadow .1s linear; width:calc(100% - 32px); @@ -2012,9 +1551,10 @@ } .block-editor-link-control__search-actions{ - position:absolute; - right:19px; - top:3px; + display:flex; + flex-direction:row-reverse; + gap:8px; + justify-content:flex-start; } .components-button .block-editor-link-control__search-submit .has-icon{ @@ -2291,10 +1831,11 @@ padding:10px; } -.block-editor-link-control__tools{ +.block-editor-link-control__drawer{ align-items:center; border-top:1px solid #ddd; display:flex; + justify-content:space-between; margin:0; padding:16px; } @@ -2329,7 +1870,7 @@ bottom:auto; left:auto; position:absolute; - right:36px; + right:16px; top:calc(50% - 8px); } @@ -2355,6 +1896,15 @@ .block-editor-list-view-leaf.is-selected td{ background:var(--wp-admin-theme-color); } +.block-editor-list-view-leaf.is-selected.is-synced td{ + background:var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{ + color:var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{ color:#fff; } @@ -2365,6 +1915,9 @@ .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{ box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } +.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff; } @@ -2383,8 +1936,11 @@ .block-editor-list-view-leaf.is-last-selected td:last-child{ border-bottom-right-radius:2px; } -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected){ - background:linear-gradient(hsla(0,0%,100%,.9), hsla(0,0%,100%,.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.block-editor-list-view-leaf.is-synced-branch.is-branch-selected{ + background:rgba(var(--wp-block-synced-color--rgb), .04); } .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{ border-top-left-radius:2px; @@ -2410,7 +1966,6 @@ .block-editor-list-view-leaf .block-editor-list-view-block-contents{ align-items:center; border-radius:2px; - color:#1e1e1e; display:flex; height:auto; padding:6px 4px 6px 0; @@ -2473,9 +2028,8 @@ } } .block-editor-list-view-leaf .block-editor-block-icon{ - align-self:flex-start; + flex:0 0 24px; margin-right:8px; - width:24px; } .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ padding-bottom:0; @@ -2494,10 +2048,7 @@ } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{ opacity:0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover{ - position:relative; - z-index:1; + will-change:opacity; } .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ animation:edit-post__fade-in-animation .2s ease-out 0s; @@ -2550,32 +2101,12 @@ .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{ top:-4px; } -.block-editor-list-view-leaf .block-editor-block-mover-button:focus,.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled{ - box-shadow:none; - outline:none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus:before{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline:2px solid transparent; -} .block-editor-list-view-leaf .block-editor-block-mover-button:before{ - animation:components-button__appear-animation .1s ease; - animation-fill-mode:forwards; - border-radius:2px; - content:""; - display:block; height:16px; left:0; min-width:100%; - position:absolute; right:0; } -@media (prefers-reduced-motion:reduce){ - .block-editor-list-view-leaf .block-editor-block-mover-button:before{ - animation-delay:0s; - animation-duration:1ms; - } -} .block-editor-list-view-leaf .block-editor-inserter__toggle{ background:#1e1e1e; color:#fff; @@ -2618,11 +2149,6 @@ } .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{ line-height:0; - margin-left:auto; - min-width:24px; - padding:0; - vertical-align:middle; - width:24px; } .block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{ @@ -2715,13 +2241,6 @@ height:1px; } -.block-editor-list-view-drop-indicator>.components-popover__content{ - border:none; - box-shadow:none; - margin-left:0; - outline:none; -} - .block-editor-list-view-placeholder{ height:36px; margin:0; @@ -2794,48 +2313,6 @@ right:10px; } -.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{ - margin-bottom:0; -} - -.block-editor-media-placeholder__url-input-form{ - display:flex; -} -.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ - border:none; - border-radius:0; - flex-grow:1; - margin:2px; - min-width:200px; - width:100%; -} -@media (min-width:600px){ - .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ - width:300px; - } -} - -.block-editor-media-placeholder__url-input-submit-button{ - flex-shrink:1; -} - -.block-editor-media-placeholder__button{ - margin-bottom:.5rem; -} - -.block-editor-media-placeholder__cancel-button.is-link{ - display:block; - margin:1em; -} - -.block-editor-media-placeholder.is-appender{ - min-height:0; -} -.block-editor-media-placeholder.is-appender:hover{ - box-shadow:0 0 0 1px var(--wp-admin-theme-color); - cursor:pointer; -} - .block-editor-multi-selection-inspector__card{ align-items:flex-start; display:flex; @@ -2863,18 +2340,6 @@ width:36px; } -.block-editor-plain-text{ - border:none; - box-shadow:none; - color:inherit; - font-family:inherit; - font-size:inherit; - line-height:inherit; - margin:0; - padding:0; - width:100%; -} - .block-editor-responsive-block-control{ border-bottom:1px solid #ccc; margin-bottom:28px; @@ -2907,7 +2372,8 @@ clip:rect(1px, 1px, 1px, 1px); word-wrap:normal !important; border:0; - clip-path:inset(50%); + -webkit-clip-path:inset(50%); + clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; @@ -2916,28 +2382,6 @@ width:1px; } -.rich-text [data-rich-text-placeholder]{ - pointer-events:none; -} -.rich-text [data-rich-text-placeholder]:after{ - content:attr(data-rich-text-placeholder); - opacity:.62; -} -.rich-text:focus{ - outline:none; -} -.rich-text:focus [data-rich-text-format-boundary]{ - border-radius:2px; -} - -.block-editor-rich-text__editable>p:first-child{ - margin-top:0; -} - -figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ - opacity:.8; -} - .components-popover.block-editor-rich-text__inline-format-toolbar{ z-index:99998; } @@ -2972,14 +2416,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ content:attr(aria-label); } -[data-rich-text-script]{ - display:inline; -} -[data-rich-text-script]:before{ - background:#ff0; - content:""; -} - .block-editor-skip-to-selected-block{ position:absolute; top:-9999em; @@ -3074,7 +2510,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ } .block-editor-url-input__input[type=text]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -3177,7 +2613,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .block-editor-url-input__button-modal{ background:#fff; border:1px solid #ddd; - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); } .block-editor-url-input__button-modal-line{ @@ -3241,10 +2677,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ transform:rotate(180deg); } -.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{ - margin-bottom:0; -} - .block-editor-url-popover__settings{ border-top:1px solid #ddd; display:block; @@ -3254,9 +2686,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{ display:flex; } -.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{ - margin-bottom:0; -} .block-editor-url-popover__link-viewer-url{ flex-grow:1; @@ -3272,56 +2701,33 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ color:#cc1818; } -.block-editor-warning{ - align-items:center; - background-color:#fff; - border:1px solid #1e1e1e; - border-radius:2px; - display:flex; - flex-wrap:wrap; - padding:1em; -} -.block-editor-warning,.block-editor-warning .block-editor-warning__message{ - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; -} -.block-editor-warning .block-editor-warning__message{ - color:#1e1e1e; - font-size:13px; - line-height:1.4; - margin:0; -} -.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ - min-height:auto; -} -.block-editor-warning .block-editor-warning__contents{ - align-items:baseline; - display:flex; - flex-direction:row; - flex-wrap:wrap; - justify-content:space-between; - width:100%; -} -.block-editor-warning .block-editor-warning__actions{ - display:flex; - margin-top:1em; -} -.block-editor-warning .block-editor-warning__action{ - margin:0 8px 0 0; -} - -.block-editor-warning__secondary{ - margin:auto 0 auto 8px; -} - -.components-popover.block-editor-warning__dropdown{ - z-index:99998; -} - .html-anchor-control .components-external-link{ display:block; margin-top:8px; } +.border-block-support-panel .single-column{ + grid-column:span 1; +} +.color-block-support-panel .block-editor-contrast-checker{ + grid-column:span 2; + margin-top:16px; + order:9999; +} +.color-block-support-panel .block-editor-contrast-checker .components-notice__content{ + margin-right:0; +} +.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ + row-gap:0; +} +.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ + margin-top:0; +} + +.dimensions-block-support-panel .single-column{ + grid-column:span 1; +} + .block-editor-hooks__layout-controls{ display:flex; margin-bottom:8px; @@ -3334,6 +2740,10 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin:auto 0 4px 8px; } +.block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{ + margin-bottom:0; +} + .block-editor-hooks__layout-controls-reset{ display:flex; justify-content:flex-end; @@ -3357,24 +2767,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-bottom:16px; } -.border-block-support-panel .single-column,.dimensions-block-support-panel .single-column,.typography-block-support-panel .single-column{ - grid-column:span 1; -} -.color-block-support-panel .block-editor-contrast-checker{ - grid-column:span 2; - margin-top:16px; - order:9999; -} -.color-block-support-panel .block-editor-contrast-checker .components-notice__content{ - margin-right:0; -} -.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ - row-gap:0; -} -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ - margin-top:0; -} - .block-editor__padding-visualizer{ border-color:var(--wp-admin-theme-color); border-style:solid; @@ -3387,6 +2779,24 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ right:0; top:0; } + +.block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{ + display:none; +} + +.block-editor-hooks__position-selection__select-control__option.has-hint{ + grid-template-columns:auto 30px; + line-height:1.4; + margin-bottom:0; +} +.block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{ + grid-row:2; + text-align:left; +} + +.typography-block-support-panel .single-column{ + grid-column:span 1; +} .block-editor-block-toolbar{ display:flex; flex-grow:1; @@ -3415,6 +2825,9 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-bottom:-1px; margin-top:-1px; } +.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} .block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ border-right:none; } @@ -3480,12 +2893,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ padding-left:6px; padding-right:6px; } -.show-icon-labels .block-editor-block-switcher{ - border-right:1px solid #1e1e1e; -} -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{ - margin-left:0; -} .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ height:0 !important; width:0 !important; @@ -3493,24 +2900,50 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{ width:0; } +.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ + width:auto; +} .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{ - margin-left:0; + border-left:1px solid #1e1e1e; + margin-left:6px; + margin-right:-6px; white-space:nowrap; } +.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{ + border-left-color:#e0e0e0; +} .show-icon-labels .block-editor-block-mover-button{ padding-left:8px !important; padding-right:8px !important; } .show-icon-labels .block-editor-block-mover__drag-handle.has-icon{ - border-right:1px solid #1e1e1e; - padding-left:6px !important; - padding-right:6px !important; + padding-left:12px !important; + padding-right:12px !important; +} +.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container{ + border-width:0; } @media (min-width:600px){ .show-icon-labels .is-up-button.is-up-button.is-up-button{ - border-bottom:1px solid #1e1e1e; border-radius:0; margin-right:0; + order:1; + } + .show-icon-labels .block-editor-block-mover__move-button-container{ + border-left:1px solid #1e1e1e; + } + .show-icon-labels .block-editor-block-mover__move-button-container:before{ + background:#1e1e1e; + content:""; + display:block; + height:1px; + order:2; + } + .show-icon-labels .is-down-button.is-down-button.is-down-button{ + order:3; + } + .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container:before{ + background:#ddd; } } .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{ @@ -3544,16 +2977,15 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ gap:16px; height:100%; position:relative; - width:auto; +} +.block-editor-inserter__main-area.show-as-tabs{ + gap:0; } @media (min-width:782px){ .block-editor-inserter__main-area{ width:350px; } } -.block-editor-inserter__main-area.show-as-tabs{ - gap:0; -} .block-editor-inserter__popover.is-quick .components-popover__content{ border:none; @@ -3627,9 +3059,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ .block-editor-inserter__search .components-search-control__icon{ right:20px; } -.block-editor-inserter__search .components-base-control__field{ - margin-bottom:0; -} .block-editor-inserter__tabs{ display:flex; @@ -3644,6 +3073,11 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ flex-grow:1; margin-bottom:-1px; } +.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable]{ + flex-grow:inherit; + padding-left:16px; + padding-right:16px; +} .block-editor-inserter__tabs .components-tab-panel__tab-content{ display:flex; flex-direction:column; @@ -3662,10 +3096,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ padding:16px 16px 0; } -.block-editor-inserter__panel-header-patterns{ - padding:16px 16px 0; -} - .block-editor-inserter__panel-content{ padding:16px; } @@ -3692,9 +3122,13 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ text-align:right; } +.block-editor-inserter__manage-reusable-blocks-container{ + margin:auto 16px 16px; +} + .block-editor-inserter__manage-reusable-blocks{ - display:inline-block; - margin:16px; + justify-content:center; + width:100%; } .block-editor-inserter__no-results{ @@ -3745,6 +3179,88 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ font-size:13px; } +.block-editor-inserter__patterns-explore-button.components-button{ + justify-content:center; + margin-top:16px; + padding:16px; + width:100%; +} + +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category{ + color:var(--wp-admin-theme-color); + position:relative; +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item{ + filter:brightness(.95); +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg{ + fill:var(--wp-admin-theme-color); +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.04; + position:absolute; + right:0; + top:0; +} +.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__block-patterns-tabs-container nav{ + height:100%; +} + +.block-editor-inserter__block-patterns-tabs{ + display:flex; + flex-direction:column; + height:100%; + overflow-y:auto; + padding:16px; +} +.block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child{ + margin-top:auto; +} + +.block-editor-inserter__patterns-category-dialog{ + background:#f0f0f0; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; + height:100%; + left:0; + overflow-y:auto; + padding:32px 24px; + position:absolute; + scrollbar-gutter:stable both-edges; + top:0; + width:100%; +} +@media (min-width:782px){ + .block-editor-inserter__patterns-category-dialog{ + display:block; + left:100%; + width:300px; + } +} +.block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list{ + margin-top:24px; +} +.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container{ + box-shadow:0 15px 25px rgba(0,0,0,.07); +} +.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container:hover{ + box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07); +} + +.block-editor-inserter__patterns-category-panel{ + padding:0 16px; +} +@media (min-width:782px){ + .block-editor-inserter__patterns-category-panel{ + padding:0; + } +} + .block-editor-inserter__preview-content{ align-items:center; background:#f0f0f0; @@ -3770,10 +3286,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ position:relative; } -.block-editor-inserter__manage-reusable-blocks-container{ - padding:16px; -} - .block-editor-inserter__quick-inserter{ max-width:100%; width:100%; @@ -3857,7 +3369,8 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ padding-bottom:32px; } .block-editor-block-patterns-explorer__list{ - margin-left:248px; + margin-left:280px; + padding:24px 0 32px; } .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ grid-gap:32px; @@ -3883,6 +3396,172 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ min-height:100px; } +.block-editor-inserter__patterns-category-panel-title{ + font-size:16.25px; +} +.block-editor-inserter__media-tabs-container,.block-editor-inserter__media-tabs-container nav{ + height:100%; +} +.block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button{ + justify-content:center; + margin-top:16px; + padding:16px; + width:100%; +} + +.block-editor-inserter__media-tabs{ + display:flex; + flex-direction:column; + height:100%; + overflow-y:auto; + padding:16px; +} +.block-editor-inserter__media-tabs div[role=listitem]:last-child{ + margin-top:auto; +} +.block-editor-inserter__media-tabs__media-category.is-selected{ + color:var(--wp-admin-theme-color); + position:relative; +} +.block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item{ + filter:brightness(.95); +} +.block-editor-inserter__media-tabs__media-category.is-selected svg{ + fill:var(--wp-admin-theme-color); +} +.block-editor-inserter__media-tabs__media-category.is-selected:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.04; + position:absolute; + right:0; + top:0; +} + +.block-editor-inserter__media-dialog{ + background:#f0f0f0; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; + height:100%; + left:0; + overflow-y:auto; + padding:16px 24px; + position:absolute; + scrollbar-gutter:stable both-edges; + top:0; + width:100%; +} +@media (min-width:782px){ + .block-editor-inserter__media-dialog{ + display:block; + left:100%; + width:300px; + } +} +.block-editor-inserter__media-dialog .block-editor-block-preview__container{ + box-shadow:0 15px 25px rgba(0,0,0,.07); +} +.block-editor-inserter__media-dialog .block-editor-block-preview__container:hover{ + box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07); +} + +.block-editor-inserter__media-panel{ + display:flex; + flex-direction:column; + min-height:100%; + padding:0 16px; +} +@media (min-width:782px){ + .block-editor-inserter__media-panel{ + padding:0; + } +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{ + align-items:center; + display:flex; + flex:1; + height:100%; + justify-content:center; +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control input[type=search].components-search-control__input{ + background:#fff; +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control button.components-button{ + min-width:auto; + padding-left:2px; + padding-right:2px; +} + +.block-editor-inserter__media-list{ + margin-top:16px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item{ + cursor:pointer; + margin-bottom:24px; + position:relative; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder{ + min-height:100px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container{ + cursor:grab; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview{ + box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07); +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{ + display:block; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{ + position:absolute; + right:8px; + top:8px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{ + background:#fff; + border-radius:2px; + display:none; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{ + display:block; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{ + box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item{ + height:100%; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{ + align-items:center; + border-radius:2px; + display:flex; + overflow:hidden; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{ + margin:0 auto; + max-width:100%; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview{ + box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} + +.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{ + min-width:auto; +} + +.block-editor-inserter__mobile-tab-navigation{ + height:100%; + padding:16px; +} +.block-editor-inserter__mobile-tab-navigation>*{ + height:100%; +} + .block-editor-post-preview__dropdown{ padding:0; } @@ -3905,7 +3584,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ } @media (min-width:600px){ - .edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{ + .edit-post-header__settings .editor-post-preview,.edit-site-header-edit-mode__actions .editor-post-preview{ display:none; } .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{ @@ -4002,6 +3681,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-top:8px; } .component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{ + grid-column:1; margin-top:8px; width:124px; } @@ -4037,6 +3717,38 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ margin-top:8px; } +.offcanvas-editor-appender .block-editor-inserter__toggle{ + background-color:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + margin:8px 0 0 24px; + min-width:24px; + padding:0; +} +.offcanvas-editor-appender .block-editor-inserter__toggle:focus,.offcanvas-editor-appender .block-editor-inserter__toggle:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.offcanvas-editor-appender__description{ + display:none; +} + +.offcanvas-editor-list-view-tree-wrapper{ + max-width:100%; + overflow-x:auto; +} + +.offcanvas-editor-list-view-leaf{ + display:block; + max-width:248px; +} + +.offcanvas-editor-list-view-is-empty{ + margin-left:16px; +} + body.admin-color-light{ --wp-admin-theme-color:#0085ba; --wp-admin-theme-color--rgb:0, 133, 186; diff --git a/wp-includes/css/dist/block-editor/style.min.css b/wp-includes/css/dist/block-editor/style.min.css index a781c53151..54118edeff 100644 --- a/wp-includes/css/dist/block-editor/style.min.css +++ b/wp-includes/css/dist/block-editor/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-autocompleters__block{white-space:nowrap}.block-editor-autocompleters__block .block-editor-block-icon{margin-right:8px}.block-editor-autocompleters__link{white-space:nowrap}.block-editor-autocompleters__link .block-editor-block-icon{margin-right:8px}.block-editor-block-alignment-control__menu-group .components-menu-item__info{margin-top:0}.block-editor-block-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}@media (forced-colors:active){.block-editor-block-icon.has-colors svg{fill:CanvasText}}.block-editor-block-icon svg{max-height:24px;max-width:24px;min-height:20px;min-width:20px}.block-editor-block-inspector p:not(.components-base-control__help){margin-top:0}.block-editor-block-inspector h2,.block-editor-block-inspector h3{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.block-editor-block-inspector .components-base-control{margin-bottom:24px}.block-editor-block-inspector .components-base-control:last-child{margin-bottom:8px}.block-editor-block-inspector .components-panel__body{border:none;border-top:1px solid #e0e0e0}.block-editor-block-inspector .block-editor-block-card{padding:16px}.block-editor-block-inspector__no-blocks{background:#fff;display:block;font-size:13px;padding:32px 16px;text-align:center}.block-editor-block-inspector__block-buttons-container{border-top:1px solid #e0e0e0;padding:16px}.block-editor-block-styles .block-editor-block-list__block{margin:0}@keyframes selection-overlay__fade-in-animation{0%{opacity:0}to{opacity:.4}}.block-editor-block-list__layout{position:relative}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection,.block-editor-block-list__layout::selection,.has-multi-selection .block-editor-block-list__layout::selection{background:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation:selection-overlay__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background:var(--wp-admin-theme-color);bottom:1px;content:"";left:1px;opacity:.4;outline:2px solid transparent;pointer-events:none;position:absolute;right:1px;top:1px;z-index:1}@media (prefers-reduced-motion:reduce){.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{border-radius:2px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{outline:none}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{border-radius:1px;bottom:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:1px;outline:2px solid transparent;pointer-events:none;position:absolute;right:1px;top:1px;z-index:1}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected{box-shadow:none;outline:none}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{border-radius:2px;border-top:4px solid #ccc;content:"";left:0;pointer-events:none;position:absolute;right:0;top:-14px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;z-index:0}.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{border-color:var(--wp-admin-theme-color)}.has-multi-selection .block-editor-block-list__layout{-webkit-user-select:none;user-select:none}.block-editor-block-list__layout [class^=components-]{-webkit-user-select:text;user-select:text}.is-block-moving-mode.block-editor-block-list__block-selection-button{font-size:1px;height:1px;opacity:0;padding:0}.is-content-locked .block-editor-block-list__block{pointer-events:none}.is-content-locked .is-content-block{pointer-events:auto}.block-editor-block-list__layout .block-editor-block-list__block{overflow-wrap:break-word;position:relative;-webkit-user-select:text;user-select:text}.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{z-index:1}.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 0 12px}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{margin-left:0;margin-right:0}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning{min-height:48px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{pointer-events:none;-webkit-user-select:none;user-select:none}.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{pointer-events:all}.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{background-color:hsla(0,0%,100%,.4);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{background-color:initial}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{display:none}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{display:block}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{float:none}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{border-radius:2px;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{border-radius:2px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{cursor:unset}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){opacity:.2;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){transition-delay:0s;transition-duration:0s}}.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{opacity:1}.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{z-index:21}.wp-site-blocks>[data-align=left]{float:left;margin-right:2em}.wp-site-blocks>[data-align=right]{float:right;margin-left:2em}.wp-site-blocks>[data-align=center]{justify-content:center;margin-left:auto;margin-right:auto}.block-editor-block-list .block-editor-inserter{cursor:move;cursor:grab;margin:8px}@keyframes block-editor-inserter__toggle__fade-in-animation{0%{opacity:0}to{opacity:1}}.wp-block .block-list-appender .block-editor-inserter__toggle{animation:block-editor-inserter__toggle__fade-in-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.wp-block .block-list-appender .block-editor-inserter__toggle{animation-delay:0s;animation-duration:1ms}}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{display:none}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block .block-editor-block-list__block-html-textarea{border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;line-height:1.5;margin:0;outline:none;overflow:hidden;padding:12px;resize:none;transition:padding .2s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-editor-block-list__block-html-textarea{transition-delay:0s;transition-duration:0s}}.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-list__block .block-editor-warning{position:relative;z-index:5}.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{margin-bottom:auto}.block-editor-iframe__body{transform-origin:top center;transition:all .3s}.block-editor-iframe__body.is-zoomed-out{margin:100px 0;transform:scale(.45)}.block-editor-iframe__body.is-zoomed-out .wp-site-blocks>*+*{margin-block-start:2.5rem}.block-editor-iframe__body.is-zoomed-out>.block-list-appender{display:none}.block-editor-block-list__insertion-point{bottom:0;left:0;position:absolute;right:0;top:0}.block-editor-block-list__insertion-point-indicator{background:var(--wp-admin-theme-color);position:absolute}.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{height:1px;top:50%}.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{left:50%;right:0;top:0;width:1px}.block-editor-block-list__insertion-point-inserter{display:none;justify-content:center;left:calc(50% - 12px);position:absolute;top:calc(50% - 12px)}@media (min-width:480px){.block-editor-block-list__insertion-point-inserter{display:flex}}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{pointer-events:none}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{pointer-events:all}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;height:24px;min-width:24px;padding:0}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:#1e1e1e}.block-editor-block-contextual-toolbar{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:inline-flex}.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border-right-color:#1e1e1e}.block-editor-block-contextual-toolbar.is-fixed{border:none;border-bottom:1px solid #e0e0e0;border-radius:0;display:block;min-height:48px;position:sticky;top:0;width:100%;z-index:31}.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{border-right-color:#e0e0e0}.block-editor-block-list__block-selection-button{background-color:#1e1e1e;border-radius:2px;display:inline-flex;font-size:13px;height:48px;padding:0 12px;z-index:22}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{align-items:center;display:inline-flex;margin:auto}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{margin-right:6px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{cursor:grab;height:24px;margin-left:-2px;min-width:24px;padding:0}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{min-height:18px;min-width:18px}.block-editor-block-list__block-selection-button .block-editor-block-icon{color:#fff;font-size:13px;height:48px}.block-editor-block-list__block-selection-button .components-button{color:#fff;display:flex;height:48px;min-width:36px}.block-editor-block-list__block-selection-button .components-button:focus{border:none;box-shadow:none}.block-editor-block-list__block-selection-button .components-button:active{color:#fff}.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{padding:0}.block-editor-block-list__block-selection-button .block-editor-block-mover{background:unset;border:none}@keyframes hide-during-dragging{to{position:fixed;transform:translate(9999px,9999px)}}.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{margin-bottom:12px;margin-top:12px;pointer-events:all}.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{visibility:hidden}.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{animation:hide-during-dragging 1ms linear forwards;opacity:0}.is-dragging-components-draggable .components-tooltip{display:none}.is-vertical .block-list-appender{margin-left:12px;margin-right:auto;margin-top:12px;width:24px}.block-list-appender>.block-editor-inserter{display:block}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{opacity:0;transform:scale(0)}.block-editor-block-lock-modal{z-index:1000001}@media (min-width:600px){.block-editor-block-lock-modal .components-modal__frame{max-width:480px}}.block-editor-block-lock-modal__checklist{margin:0}.block-editor-block-lock-modal__options-title{padding:12px 0}.block-editor-block-lock-modal__options-title .components-checkbox-control__label{font-weight:600}.block-editor-block-lock-modal__options-title .components-base-control__field{align-items:center;display:flex;margin:0}.block-editor-block-lock-modal__checklist-item{margin-bottom:0;padding:12px 0 12px 32px}.block-editor-block-lock-modal__checklist-item .components-base-control__field{align-items:center;display:flex;margin:0}.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg{fill:#1e1e1e;margin-right:12px}.block-editor-block-lock-modal__checklist-item:hover{background-color:#f0f0f0;border-radius:2px}.block-editor-block-lock-modal__template-lock{border-top:1px solid #ddd;margin-top:16px;padding:12px 0}.block-editor-block-lock-modal__template-lock .components-base-control__field{margin:0}.block-editor-block-lock-modal__actions{margin-top:24px}.block-editor-block-lock-toolbar .components-button.has-icon{min-width:36px!important;padding-left:0!important}.block-editor-block-lock-toolbar .components-button.has-icon:focus:before{right:8px!important}.block-editor-block-breadcrumb{list-style:none;margin:0;padding:0}.block-editor-block-breadcrumb li{display:inline-flex;margin:0}.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{fill:currentColor;margin-left:-4px;margin-right:-4px;transform:scaleX(1)}.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{display:none}.block-editor-block-breadcrumb__button.components-button{height:24px;line-height:24px;padding:0;position:relative}.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){box-shadow:none;text-decoration:underline}.block-editor-block-breadcrumb__button.components-button:focus{box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus:before{border-radius:2px;bottom:1px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:1px;position:absolute;right:1px;top:1px}.block-editor-block-breadcrumb__current{cursor:default}.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{color:#1e1e1e;font-size:inherit;padding:0 8px}.block-editor-block-card{align-items:flex-start;display:flex}.block-editor-block-card__content{flex-grow:1;margin-bottom:4px}.block-editor-block-card__title{font-weight:500}.block-editor-block-card__title.block-editor-block-card__title{line-height:24px;margin:0 0 4px}.block-editor-block-card__description{font-size:13px}.block-editor-block-card .block-editor-block-icon{flex:0 0 24px;height:24px;margin-left:0;margin-right:12px;width:24px}.block-editor-block-compare{height:auto}.block-editor-block-compare__wrapper{display:flex;padding-bottom:16px}.block-editor-block-compare__wrapper>div{display:flex;flex-direction:column;justify-content:space-between;max-width:600px;min-width:200px;padding:0 16px 0 0;width:50%}.block-editor-block-compare__wrapper>div button{float:right}.block-editor-block-compare__wrapper .block-editor-block-compare__converted{border-left:1px solid #ddd;padding-left:15px;padding-right:0}.block-editor-block-compare__wrapper .block-editor-block-compare__html{border-bottom:1px solid #ddd;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:12px;line-height:1.7;padding-bottom:15px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span{background-color:#e6ffed;padding-bottom:3px;padding-top:3px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{background-color:#acf2bd}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{background-color:#cc1818}.block-editor-block-compare__wrapper .block-editor-block-compare__preview{padding:16px 0 0}.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{font-size:12px;margin-top:0}.block-editor-block-compare__wrapper .block-editor-block-compare__action{margin-top:16px}.block-editor-block-compare__wrapper .block-editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.block-editor-block-list__block.has-block-overlay{cursor:default}.block-editor-block-list__block.has-block-overlay:before{background:transparent;border:none;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.block-editor-block-list__block.has-block-overlay:after{content:none!important}.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):before{background:rgba(var(--wp-admin-theme-color--rgb),.3);box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay.is-selected:not(.is-dragging-blocks):before{box-shadow:0 0 0 1px var(--wp-admin-theme-color) inset}.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{pointer-events:none}.block-editor-iframe__body.is-zoomed-out .block-editor-block-list__block.has-block-overlay:before{left:calc(50% - 50vw);width:100vw}.block-editor-block-draggable-chip-wrapper{left:0;position:absolute;top:-24px}.block-editor-block-draggable-chip{background-color:#1e1e1e;border-radius:2px;box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;cursor:grabbing;display:inline-flex;height:48px;padding:0 13px;-webkit-user-select:none;user-select:none}.block-editor-block-draggable-chip svg{fill:currentColor}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{justify-content:flex-start;margin:auto}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{margin-right:6px}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{margin-right:0}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{min-height:18px;min-width:18px}.block-editor-block-draggable-chip .components-flex__item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.block-editor-block-list__layout .is-dragging{background-color:currentColor!important;border-radius:2px!important;opacity:.05!important;pointer-events:none!important}.block-editor-block-list__layout .is-dragging::selection{background:transparent!important}.block-editor-block-list__layout .is-dragging:after{content:none!important}.block-editor-block-mover__move-button-container{border:none;display:flex;padding:0}@media (min-width:600px){.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{flex-direction:column;width:36px}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{height:24px;min-width:0!important;width:100%}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{height:100%;width:100%}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{flex-shrink:0;top:5px}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{bottom:5px;flex-shrink:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{width:48px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>:before{height:100%}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{left:5px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{right:5px}.block-editor-block-mover__drag-handle{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}}.block-editor-block-navigation__container{min-width:280px}.block-editor-block-navigation__label{color:#757575;font-size:11px;font-weight:500;margin:0 0 12px;text-transform:uppercase}.block-editor-block-parent-selector{background:#fff;border-radius:2px}.block-editor-block-parent-selector .block-editor-block-parent-selector__button{border:1px solid #1e1e1e;border-radius:2px;height:48px;width:48px}.block-editor-block-patterns-list__list-item{cursor:pointer;margin-bottom:24px;position:relative}.block-editor-block-patterns-list__list-item.is-placeholder{min-height:100px}.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-block-patterns-list__item{height:100%}.block-editor-block-patterns-list__item .block-editor-block-preview__container{align-items:center;border:1px solid #f0f0f0;border-radius:2px;display:flex;overflow:hidden}.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{font-size:12px;padding-top:8px;text-align:center}.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{border:1px solid var(--wp-admin-theme-color)}.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{color:var(--wp-admin-theme-color)}.components-popover.block-editor-block-popover{margin:0!important;pointer-events:none;position:absolute;z-index:31}.components-popover.block-editor-block-popover .components-popover__content{background:none;border:none;box-shadow:none;margin:0!important;min-width:auto;outline:none;overflow-y:visible;width:max-content}.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{pointer-events:all}.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{pointer-events:none}.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{pointer-events:all}.block-editor-block-preview__container{overflow:hidden;position:relative;width:100%}.block-editor-block-preview__container .block-editor-block-preview__content{left:0;margin:0;min-height:auto;overflow:visible;text-align:initial;top:0;transform-origin:top left}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator,.block-editor-block-preview__content-iframe .block-list-appender{display:none}.block-editor-block-preview__live-content *{pointer-events:none}.block-editor-block-preview__live-content .block-list-appender{display:none}.block-editor-block-preview__live-content .components-button:disabled{opacity:1}.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{display:none}.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{padding:0}.block-editor-block-styles+.default-style-picker__default-switcher{margin-top:16px}.block-editor-block-styles__preview-panel{display:none;left:auto;position:absolute;right:16px;z-index:90}@media (min-width:782px){.block-editor-block-styles__preview-panel{display:block}}.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{left:auto;position:static;right:auto;top:auto}.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{margin:0}.block-editor-block-styles__preview-panel .block-editor-block-icon{display:none}.block-editor-block-styles__variants{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.block-editor-block-styles__variants .block-editor-block-styles__item{box-shadow:inset 0 0 0 1px #ccc;color:#2f2f2f;display:inline-block;width:calc(50% - 4px)}.block-editor-block-styles__variants .block-editor-block-styles__item:focus,.block-editor-block-styles__variants .block-editor-block-styles__item:hover{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover{background-color:#2f2f2f;box-shadow:none}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{color:#fff}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item-text{text-align:start;text-align-last:center;white-space:normal;word-break:break-all}.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{box-sizing:border-box!important}.block-editor-block-switcher{position:relative}.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{min-width:36px}.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{position:relative}.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{display:block;height:48px;margin:0}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{margin:auto}.block-editor-block-switcher__toggle-text{margin-left:8px}.show-icon-labels .block-editor-block-switcher__toggle-text{display:none}.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{font-size:14px}.components-button.block-editor-block-switcher__no-switcher-icon{display:flex}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin-left:auto;margin-right:auto;min-width:24px!important}.components-button.block-editor-block-switcher__no-switcher-icon:disabled{opacity:1}.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:#1e1e1e}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{align-items:center;display:flex;height:100%;margin:0 auto;min-width:100%;position:relative}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{bottom:8px;left:8px;right:8px;top:8px}.components-popover.block-editor-block-switcher__popover .components-popover__content{min-width:300px}.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{left:calc(100% + 16px);position:absolute;top:-12px}.block-editor-block-switcher__preview__popover{display:none}.block-editor-block-switcher__preview__popover.components-popover{margin-top:11px}@media (min-width:782px){.block-editor-block-switcher__preview__popover{display:block}}.block-editor-block-switcher__preview__popover .components-popover__content{background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:none;outline:none}.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{height:auto;margin:16px;max-height:468px;overflow:hidden;width:300px}.block-editor-block-switcher__preview-title{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;text-transform:uppercase}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{min-width:36px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{height:48px;width:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{padding:12px}.block-editor-block-switcher__preview-patterns-container{padding-bottom:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{margin-top:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{cursor:pointer}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{border:1px solid transparent;border-radius:2px;height:100%;position:relative;transition:all .05s ease-in-out}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #1e1e1e}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{cursor:pointer;font-size:12px;padding:4px;text-align:center}.block-editor-block-types-list>[role=presentation]{display:flex;flex-wrap:wrap;overflow:hidden}.block-editor-block-variation-picker .components-placeholder__instructions{margin-bottom:0}.block-editor-block-variation-picker .components-placeholder__fieldset{flex-direction:column}.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{max-width:90%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;list-style:none;margin:16px 0;padding:0;width:100%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{flex-shrink:1;list-style:none;margin:8px 20px 0 0;text-align:center;width:75px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{display:inline-flex;margin-right:0}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{padding:8px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.4}.block-editor-block-variation-picker__variation{width:100%}.block-editor-block-variation-picker__variation.components-button.has-icon{justify-content:center;width:auto}.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{background-color:#fff}.block-editor-block-variation-picker__variation.components-button{height:auto;padding:0}.block-editor-block-variation-picker__variation:before{content:"";padding-bottom:100%}.block-editor-block-variation-picker__variation:first-child{margin-left:0}.block-editor-block-variation-picker__variation:last-child{margin-right:0}.block-editor-block-pattern-setup{align-items:flex-start;border-radius:2px;display:flex;flex-direction:column;justify-content:center;width:100%}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{justify-content:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:2;column-gap:24px;display:block;padding:0 32px;width:100%}@media (min-width:1440px){.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:3}}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{cursor:pointer}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{break-inside:avoid-column;margin-bottom:24px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{border:1px solid #ddd;border-radius:2px;min-height:100px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{align-items:center;align-self:flex-end;background-color:#fff;border-top:1px solid #ddd;bottom:0;box-sizing:border-box;color:#1e1e1e;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin:0;padding:16px;position:absolute;text-align:left;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{display:flex;width:calc(50% - 36px)}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{justify-content:flex-end}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{list-style:none;margin:0;overflow:hidden;padding:0;position:relative;transform-style:preserve-3d}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{margin:auto;padding:0;position:absolute;top:0;transition:transform .5s,z-index .5s;width:100%;z-index:100}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{opacity:1;position:relative;z-index:102}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{transform:translateX(-100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{transform:translateX(100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{display:none}.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{width:100%}.block-editor-block-variation-transforms{padding:0 16px 16px 52px;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle{border:1px solid #757575;border-radius:2px;justify-content:left;min-height:30px;padding:6px 12px;position:relative;text-align:left;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{padding-right:24px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color)}.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{height:100%;padding:0;position:absolute;right:0;top:0}.block-editor-block-variation-transforms__popover .components-popover__content{min-width:230px}.components-border-radius-control{margin-bottom:12px}.components-border-radius-control legend{margin-bottom:8px}.components-border-radius-control .components-border-radius-control__wrapper{align-items:flex-start;display:flex;justify-content:space-between}.components-border-radius-control .components-border-radius-control__wrapper>.components-unit-control-wrapper{flex-shrink:0;margin-bottom:0;margin-right:12px;width:110px}.components-border-radius-control .components-border-radius-control__wrapper .components-range-control{flex:1;margin-bottom:0}.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field{height:30px;margin-bottom:0}.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper{margin-right:10px}.components-border-radius-control .components-border-radius-control__wrapper>span{flex:0 0 auto}.components-border-radius-control .components-border-radius-control__input-controls-wrapper{display:flex;flex-wrap:wrap;width:70%}.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-border-radius-control__tooltip-wrapper{margin-bottom:8px;margin-right:8px;width:calc(50% - 8px)}.components-border-radius-control .component-border-radius-control__linked-button.has-icon{display:flex;justify-content:center;margin-left:2px;margin-top:3px}.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg{margin-right:0}.block-editor-button-block-appender{align-items:center;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.block-editor-button-block-appender.components-button.components-button{padding:12px}.is-dark-theme .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);color:hsla(0,0%,100%,.65)}.block-editor-button-block-appender:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-button-block-appender:focus{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.block-editor-button-block-appender:active{color:#000}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{pointer-events:none}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{visibility:hidden}.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{margin-bottom:12px}.block-editor-color-gradient-control__fieldset{min-width:0}.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel{padding:16px}.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){display:block}@media screen and (min-width:782px){.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{display:grid;grid-template-columns:repeat(6,28px);justify-content:space-between}}.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{margin-bottom:inherit}.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{padding:16px;width:260px}.block-editor-panel-color-gradient-settings__color-indicator{background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.block-editor-tools-panel-color-gradient-settings__item{border-bottom:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);max-width:100%;padding:0}.block-editor-tools-panel-color-gradient-settings__item.first{border-top:1px solid rgba(0,0,0,.1);border-top-left-radius:2px;border-top-right-radius:2px;margin-top:24px}.block-editor-tools-panel-color-gradient-settings__item.last{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{border-radius:inherit}.block-editor-tools-panel-color-gradient-settings__dropdown{display:block;padding:0}.block-editor-tools-panel-color-gradient-settings__dropdown>button{height:auto;padding-bottom:10px;padding-top:10px;text-align:left}.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{background:#f0f0f0;color:var(--wp-admin-theme-color)}.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-panel-color-gradient-settings__dropdown{width:100%}.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{flex-shrink:0}.block-editor-contrast-checker>.components-notice{margin:0}.block-editor-default-block-appender{clear:both;margin-left:auto;margin-right:auto;position:relative}.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{outline:1px solid transparent}.block-editor-default-block-appender .block-editor-default-block-appender__content{opacity:.62}.block-editor-default-block-appender .components-drop-zone__content-icon{display:none}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{line-height:0;position:absolute;right:0;top:0}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{display:none}.block-editor-block-list__block .block-list-appender{bottom:0;list-style:none;padding:0;position:absolute;right:0;z-index:2}.block-editor-block-list__block .block-list-appender.block-list-appender{line-height:0;margin:0}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{height:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{background:#1e1e1e;box-shadow:none;color:#fff;display:none;flex-direction:row;height:24px;padding:0!important;width:24px}.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{display:none}.block-editor-block-list__block .block-list-appender:only-child{align-self:center;line-height:inherit;list-style:none;position:relative;right:auto}.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{display:block}.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{display:flex}.block-editor-default-block-appender__content{cursor:text}.block-editor-date-format-picker{margin-bottom:16px}.block-editor-date-format-picker__default-format-toggle-control__hint{color:#757575;display:block}.block-editor-date-format-picker__custom-format-select-control.components-base-control{margin-bottom:0}.block-editor-date-format-picker__custom-format-select-control__custom-option{border-top:1px solid #ddd}.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{grid-template-columns:auto 30px}.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{grid-row:2;text-align:left}.block-editor-duotone-control__popover>.components-popover__content{padding:16px;width:280px}.block-editor-duotone-control__popover .components-menu-group__label{padding:0}.block-editor-duotone-control__popover .components-circular-option-picker__swatches{display:grid;gap:12px;grid-template-columns:repeat(6,28px);justify-content:space-between}.block-editor-duotone-control__description{font-size:12px;margin:16px 0}.block-editor-duotone-control__unset-indicator{background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.components-font-appearance-control ul li{color:#1e1e1e;text-transform:capitalize}.block-editor-image-size-control{margin-bottom:1em}.block-editor-image-size-control .block-editor-image-size-control__row{display:flex;justify-content:space-between}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-bottom:.5em}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{line-height:1.25}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-right:5px}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{margin-left:5px}.block-editor-block-list__layout.has-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:60}.block-editor-block-types-list__list-item{display:block;margin:0;padding:0;width:33.33%}.components-button.block-editor-block-types-list__item{align-items:stretch;background:transparent;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:auto;justify-content:center;padding:8px;position:relative;transition:all .05s ease-in-out;width:100%;word-break:break-word}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-types-list__item{transition-delay:0s;transition-duration:0s}}.components-button.block-editor-block-types-list__item:disabled{cursor:default;opacity:.6}.components-button.block-editor-block-types-list__item:not(:disabled):hover{color:var(--wp-admin-theme-color)!important}.components-button.block-editor-block-types-list__item:not(:disabled):focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.block-editor-block-types-list__item:not(:disabled).is-active{background:#1e1e1e;color:#fff;outline:2px solid transparent;outline-offset:-2px}.block-editor-block-types-list__item-icon{border-radius:2px;color:#1e1e1e;padding:12px 20px;transition:all .05s ease-in-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__item-icon .block-editor-block-icon{margin-left:auto;margin-right:auto}.block-editor-block-types-list__item-icon svg{transition:all .15s ease-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon svg{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{cursor:grab}.block-editor-block-types-list__item-title{font-size:12px;padding:4px 2px 8px}.block-editor-inspector-popover-header{margin-bottom:16px}[class].block-editor-inspector-popover-header__action{height:24px}[class].block-editor-inspector-popover-header__action.has-icon{min-width:24px;padding:0}[class].block-editor-inspector-popover-header__action:not(.has-icon){text-decoration:underline}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}@keyframes loadingpulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}.block-editor-link-control{min-width:360px;position:relative}.components-popover__content .block-editor-link-control{max-width:360px;min-width:auto;width:90vw}.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{position:relative}.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{flex:1}.block-editor-link-control__field{margin:16px}.block-editor-link-control__field>.components-base-control__field{align-items:center;display:flex;margin:0}.block-editor-link-control__field .components-base-control__label{margin-bottom:0;margin-right:16px}.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{border:1px solid #ddd;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0;padding:11px 36px 11px 16px;position:relative;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{font-size:13px;line-height:normal}}.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__search-error{margin:-8px 16px 16px}.block-editor-link-control__search-actions{position:absolute;right:19px;top:3px}.components-button .block-editor-link-control__search-submit .has-icon{margin:-1px}.block-editor-link-control__search-results-wrapper{margin-top:-15px;position:relative}.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{content:"";display:block;left:-1px;pointer-events:none;position:absolute;right:16px;z-index:100}.block-editor-link-control__search-results-wrapper:before{bottom:auto;height:8px;top:0}.block-editor-link-control__search-results-wrapper:after{bottom:0;height:16px;top:auto}.block-editor-link-control__search-results-label{display:block;font-weight:600;padding:16px 32px 0}.block-editor-link-control__search-results{margin:0;max-height:200px;overflow-y:auto;padding:8px 16px}.block-editor-link-control__search-results.is-loading{opacity:.2}.block-editor-link-control__search-item{align-items:flex-start;background:#fff;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:13px;height:auto;padding:12px 16px;position:relative;text-align:left;width:100%}.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{background-color:#f0f0f0}.block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type,.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.block-editor-link-control__search-item.is-selected{background:#f0f0f0}.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item.is-current{background:transparent;border:0;cursor:default;flex-direction:column;padding:16px;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-header{align-items:flex-start;display:block;flex-direction:row;margin-right:8px;overflow-wrap:break-word;white-space:pre-wrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{word-break:break-all}.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{display:flex;flex:1}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{align-items:center}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{display:flex;flex-shrink:0;justify-content:center;margin-right:8px;max-height:24px;position:relative;top:.2em;width:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{width:16px}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{max-height:32px;top:0;width:32px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{overflow:hidden;text-overflow:ellipsis}.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{margin-top:0;position:absolute;right:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-title{display:block;font-weight:500;margin-bottom:.2em;position:relative}.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{background-color:initial;color:inherit;font-weight:700}.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{font-weight:400}.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg{display:none}.block-editor-link-control__search-item .block-editor-link-control__search-item-info{color:#757575;display:block;font-size:.9em;line-height:1.3}.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice{font-size:1.1em;font-style:italic}.block-editor-link-control__search-item .block-editor-link-control__search-item-type{background-color:#f0f0f0;border-radius:2px;display:block;font-size:.9em;margin-left:auto;padding:3px 6px;white-space:nowrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-description{margin:0;padding-top:12px}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{display:flex;flex-direction:column;height:28px;justify-content:space-around;margin-top:12px;padding-top:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{background-color:#f0f0f0;border-radius:3px;content:"";display:block;height:.7em;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{font-size:.9em}.block-editor-link-control__search-item .block-editor-link-control__search-item-image{background-color:#f0f0f0;border-radius:2px;display:flex;height:140px;justify-content:center;margin-top:12px;max-height:140px;overflow:hidden;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{background-color:#f0f0f0;border-radius:3px}.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{display:block;height:140px;max-height:140px;max-width:100%}.block-editor-link-control__search-item-top{display:flex;flex-direction:row;width:100%}.block-editor-link-control__search-item-bottom{transition:opacity 1.5s;width:100%}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{animation:loadingpulse 1s linear infinite;animation-delay:.5s}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{opacity:0}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;border-radius:100%;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.block-editor-link-control__loading{align-items:center;display:flex;margin:16px}.block-editor-link-control__loading .components-spinner{margin-top:0}.components-button+.block-editor-link-control__search-create{overflow:visible;padding:12px 16px}.components-button+.block-editor-link-control__search-create:before{content:"";display:block;left:0;position:absolute;top:-10px;width:100%}.block-editor-link-control__search-create{align-items:center}.block-editor-link-control__search-create .block-editor-link-control__search-item-title{margin-bottom:0}.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{top:0}.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{padding:10px}.block-editor-link-control__tools{align-items:center;border-top:1px solid #ddd;display:flex;margin:0;padding:16px}.block-editor-link-control__unlink{padding-left:16px;padding-right:16px}.block-editor-link-control__settings{flex:1;margin:0}.block-editor-link-control__settings :last-child{margin-bottom:0}.is-alternate .block-editor-link-control__settings{border-top:1px solid #1e1e1e}.block-editor-link-control__setting{margin-bottom:16px}.block-editor-link-control__setting :last-child{margin-bottom:0}.block-editor-link-control .block-editor-link-control__search-input .components-spinner{display:block}.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{bottom:auto;left:auto;position:absolute;right:36px;top:calc(50% - 8px)}.block-editor-link-control__search-item-action{flex-shrink:0;margin-left:auto}.block-editor-list-view-tree{border-collapse:collapse;margin:0;padding:0;width:100%}.components-modal__content .block-editor-list-view-tree{margin:-12px -6px 0;width:calc(100% + 12px)}.block-editor-list-view-leaf{position:relative}.block-editor-list-view-leaf.is-selected td{background:var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{color:#fff}.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{background:none;color:#1e1e1e}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-list-view-leaf.is-dragging{display:none}.block-editor-list-view-leaf.is-first-selected td:first-child{border-top-left-radius:2px}.block-editor-list-view-leaf.is-first-selected td:last-child{border-top-right-radius:2px}.block-editor-list-view-leaf.is-last-selected td:first-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf.is-last-selected td:last-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected){background:linear-gradient(hsla(0,0%,100%,.9),hsla(0,0%,100%,.9)),linear-gradient(var(--wp-admin-theme-color),var(--wp-admin-theme-color))}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{border-top-left-radius:2px}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{border-top-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child{border-top-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child{border-top-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{border-radius:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents{align-items:center;border-radius:2px;color:#1e1e1e;display:flex;height:auto;padding:6px 4px 6px 0;position:relative;text-align:left;white-space:nowrap;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{border-top:4px solid var(--wp-admin-theme-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:-2px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear}.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{padding-left:0;padding-right:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus{box-shadow:none}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:0;pointer-events:none;position:absolute;right:-29px;top:0;z-index:2}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{box-shadow:none}.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{right:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);z-index:1}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:none}.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-block-icon{align-self:flex-start;margin-right:8px;width:24px}.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{padding-bottom:0;padding-top:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{line-height:0;vertical-align:middle;width:36px}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{opacity:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover{position:relative;z-index:1}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{min-width:24px;padding:0;width:24px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{padding-right:4px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{height:24px}.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{align-items:center;display:flex;flex-direction:column;height:100%}.block-editor-list-view-leaf .block-editor-block-mover-button{height:24px;position:relative;width:36px}.block-editor-list-view-leaf .block-editor-block-mover-button svg{height:24px;position:relative}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{align-items:flex-end;margin-top:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{bottom:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{align-items:flex-start;margin-bottom:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{top:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button:focus,.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled{box-shadow:none;outline:none}.block-editor-list-view-leaf .block-editor-block-mover-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-list-view-leaf .block-editor-block-mover-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:16px;left:0;min-width:100%;position:absolute;right:0}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-block-mover-button:before{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-inserter__toggle{background:#1e1e1e;color:#fff;height:24px;margin:6px 6px 6px 1px;min-width:24px}.block-editor-list-view-leaf .block-editor-inserter__toggle:active{color:#fff}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper{min-width:120px}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{flex:1;position:relative}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{position:absolute;transform:translateY(-50%);width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{max-width:min(110px,40%);position:relative;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.1);border-radius:2px;box-sizing:border-box;max-width:100%;padding:2px 6px;position:absolute;right:0;transform:translateY(-50%)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.3)}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{line-height:0;margin-left:auto;min-width:24px;padding:0;vertical-align:middle;width:24px}.block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{display:none}.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{display:flex}.block-editor-list-view__expander{height:24px;margin-left:4px;width:24px}.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{margin-left:220px}.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{margin-right:4px}.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{margin-left:0}.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{margin-left:24px}.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{margin-left:52px}.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{margin-left:80px}.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{margin-left:108px}.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{margin-left:136px}.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{margin-left:164px}.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{margin-left:192px}.block-editor-list-view-leaf .block-editor-list-view__expander{visibility:hidden}.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transform:rotate(90deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transform:rotate(0deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-drop-indicator{pointer-events:none}.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{background:var(--wp-admin-theme-color);height:1px}.block-editor-list-view-drop-indicator>.components-popover__content{border:none;box-shadow:none;margin-left:0;outline:none}.block-editor-list-view-placeholder{height:36px;margin:0;padding:0}.modal-open .block-editor-media-replace-flow__options{display:none}.block-editor-media-replace-flow__indicator{margin-left:4px}.block-editor-media-flow__url-input{border-top:1px solid #1e1e1e;margin-left:-8px;margin-right:-8px;margin-top:8px;padding:16px}.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{display:block;margin-bottom:8px;top:16px}.block-editor-media-flow__url-input .block-editor-link-control{width:220px}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{margin:0;padding:0}.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{margin-bottom:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{max-width:180px;white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info{white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{padding:0;width:auto}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{margin:0;width:100%}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{right:4px;top:0}.block-editor-media-flow__error{max-width:255px;padding:0 20px 20px}.block-editor-media-flow__error .components-with-notices-ui{max-width:255px}.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{word-wrap:break-word;overflow:hidden}.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{position:absolute;right:10px}.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{margin-bottom:0}.block-editor-media-placeholder__url-input-form{display:flex}.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{border:none;border-radius:0;flex-grow:1;margin:2px;min-width:200px;width:100%}@media (min-width:600px){.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:300px}}.block-editor-media-placeholder__url-input-submit-button{flex-shrink:1}.block-editor-media-placeholder__button{margin-bottom:.5rem}.block-editor-media-placeholder__cancel-button.is-link{display:block;margin:1em}.block-editor-media-placeholder.is-appender{min-height:0}.block-editor-media-placeholder.is-appender:hover{box-shadow:0 0 0 1px var(--wp-admin-theme-color);cursor:pointer}.block-editor-multi-selection-inspector__card{align-items:flex-start;display:flex;padding:16px}.block-editor-multi-selection-inspector__card-content{flex-grow:1}.block-editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.block-editor-multi-selection-inspector__card-description{font-size:13px}.block-editor-multi-selection-inspector__card .block-editor-block-icon{height:24px;margin-left:-2px;margin-right:10px;padding:0 3px;width:36px}.block-editor-plain-text{border:none;box-shadow:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;width:100%}.block-editor-responsive-block-control{border-bottom:1px solid #ccc;margin-bottom:28px;padding-bottom:14px}.block-editor-responsive-block-control:last-child{border-bottom:0;padding-bottom:0}.block-editor-responsive-block-control__title{margin:0 0 .6em -3px}.block-editor-responsive-block-control__label{font-weight:600;margin-bottom:.6em;margin-left:-3px}.block-editor-responsive-block-control__inner{margin-left:-1px}.block-editor-responsive-block-control__toggle{margin-left:1px}.block-editor-responsive-block-control .components-base-control__help{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.rich-text [data-rich-text-placeholder]{pointer-events:none}.rich-text [data-rich-text-placeholder]:after{content:attr(data-rich-text-placeholder);opacity:.62}.rich-text:focus{outline:none}.rich-text:focus [data-rich-text-format-boundary]{border-radius:2px}.block-editor-rich-text__editable>p:first-child{margin-top:0}figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{opacity:.8}.components-popover.block-editor-rich-text__inline-format-toolbar{z-index:99998}.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{box-shadow:none;margin-bottom:8px;min-width:auto;outline:none;width:auto}.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{border-radius:2px}.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{min-height:48px;min-width:48px;padding-left:12px;padding-right:12px}.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{justify-content:center}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{width:auto}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{content:attr(aria-label)}[data-rich-text-script]{display:inline}[data-rich-text-script]:before{background:#ff0;content:""}.block-editor-skip-to-selected-block{position:absolute;top:-9999em}.block-editor-skip-to-selected-block:focus{background:#f1f1f1;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:var(--wp-admin-theme-color);display:block;font-size:14px;font-weight:600;height:auto;line-height:normal;outline:none;padding:15px 23px 14px;text-decoration:none;width:auto;z-index:100000}.block-editor-text-decoration-control{border:0;margin:0;padding:0}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{display:flex;padding:4px 0}.block-editor-text-decoration-control .components-button.has-icon{height:32px;margin-right:4px;min-width:32px;padding:0}.block-editor-text-transform-control{border:0;margin:0;padding:0}.block-editor-text-transform-control .block-editor-text-transform-control__buttons{display:flex;padding:4px 0}.block-editor-text-transform-control .components-button.has-icon{height:32px;margin-right:4px;min-width:32px;padding:0}.block-editor-tool-selector__help{border-top:1px solid #ddd;color:#757575;margin:8px -8px -8px;min-width:280px;padding:16px}.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{flex-grow:1;padding:1px;position:relative}.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{border:none;border-radius:0;font-size:16px;margin-left:0;margin-right:0;padding:8px 8px 8px 12px;width:100%}@media (min-width:600px){.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{font-size:13px;width:300px}}.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{display:none}.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{width:100%}.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{margin:0;position:absolute;right:8px;top:calc(50% - 8px)}.block-editor-url-input__input[type=text]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.block-editor-url-input__input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-url-input__input[type=text]{font-size:13px;line-height:normal}}.block-editor-url-input__input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-url-input__input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-url-input__input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__suggestions{max-height:200px;overflow-y:auto;padding:4px 0;transition:all .15s ease-in-out;width:302px}@media (prefers-reduced-motion:reduce){.block-editor-url-input__suggestions{transition-delay:0s;transition-duration:0s}}.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:none}@media (min-width:600px){.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:grid}}.block-editor-url-input__suggestion{background:#fff;border:none;box-shadow:none;color:#757575;cursor:pointer;display:block;font-size:13px;height:auto;min-height:36px;text-align:left;width:100%}.block-editor-url-input__suggestion:hover{background:#ddd}.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{background:var(--wp-admin-theme-color-darker-20);color:#fff;outline:none}.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{position:inherit}.block-editor-url-input__button .block-editor-url-input__back{margin-right:4px;overflow:visible}.block-editor-url-input__button .block-editor-url-input__back:after{background:#ddd;content:"";display:block;height:24px;position:absolute;right:-1px;width:1px}.block-editor-url-input__button-modal{background:#fff;border:1px solid #ddd;box-shadow:0 2px 6px rgba(0,0,0,.05)}.block-editor-url-input__button-modal-line{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0}.block-editor-url-input__button-modal-line .components-button{flex-shrink:0;height:36px;width:36px}.block-editor-url-popover__additional-controls{border-top:1px solid #ddd}.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{box-shadow:none}.block-editor-url-popover__additional-controls div[role=menu]>.components-button{padding-left:12px}.block-editor-url-popover__row{display:flex}.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){flex-grow:1}.block-editor-url-popover .components-button.has-icon{padding:3px}.block-editor-url-popover .components-button.has-icon>svg{border-radius:2px;height:30px;padding:5px;width:30px}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{box-shadow:none}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-url-popover__settings-toggle{border-left:1px solid #ddd;border-radius:0;flex-shrink:0;margin-left:1px}.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{transform:rotate(180deg)}.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{margin-bottom:0}.block-editor-url-popover__settings{border-top:1px solid #ddd;display:block;padding:16px}.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{display:flex}.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{margin-bottom:0}.block-editor-url-popover__link-viewer-url{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-url-popover__link-viewer-url.has-invalid-link{color:#cc1818}.block-editor-warning{align-items:center;background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:flex;flex-wrap:wrap;padding:1em}.block-editor-warning,.block-editor-warning .block-editor-warning__message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.block-editor-warning .block-editor-warning__message{color:#1e1e1e;font-size:13px;line-height:1.4;margin:0}.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{min-height:auto}.block-editor-warning .block-editor-warning__contents{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.block-editor-warning .block-editor-warning__actions{display:flex;margin-top:1em}.block-editor-warning .block-editor-warning__action{margin:0 8px 0 0}.block-editor-warning__secondary{margin:auto 0 auto 8px}.components-popover.block-editor-warning__dropdown{z-index:99998}.html-anchor-control .components-external-link{display:block;margin-top:8px}.block-editor-hooks__layout-controls{display:flex;margin-bottom:8px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{display:flex;margin-right:24px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{margin:auto 0 4px 8px}.block-editor-hooks__layout-controls-reset{display:flex;justify-content:flex-end;margin-bottom:24px}.block-editor-hooks__layout-controls-helptext{color:#757575;font-size:12px;margin-bottom:16px}.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{margin-bottom:12px}.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{margin-bottom:8px}.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{margin-bottom:16px}.border-block-support-panel .single-column,.dimensions-block-support-panel .single-column,.typography-block-support-panel .single-column{grid-column:span 1}.color-block-support-panel .block-editor-contrast-checker{grid-column:span 2;margin-top:16px;order:9999}.color-block-support-panel .block-editor-contrast-checker .components-notice__content{margin-right:0}.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{row-gap:0}.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{margin-top:0}.block-editor__padding-visualizer{border-color:var(--wp-admin-theme-color);border-style:solid;bottom:0;box-sizing:border-box;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.block-editor-block-toolbar{display:flex;flex-grow:1;overflow-x:auto;overflow-y:hidden;position:relative;transition:border-color .1s linear,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-toolbar{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-block-toolbar{overflow:inherit}}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{background:none;border:0;border-right:1px solid #ddd;line-height:0;margin-bottom:-1px;margin-top:-1px}.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{border-right:none}.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-left:56px}.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-left:0}.block-editor-block-parent-selector{left:-57px;position:absolute;top:-1px}.show-icon-labels .block-editor-block-parent-selector{left:auto;margin-bottom:-1px;margin-left:-1px;margin-top:-1px;position:relative;top:auto}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin:0!important;width:24px!important}.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{margin-left:-6px!important}.block-editor-block-toolbar__block-controls .components-toolbar-group{padding:0}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{display:flex;flex-wrap:nowrap}.block-editor-block-toolbar__slot{display:inline-block;line-height:0}@supports (position:sticky){.block-editor-block-toolbar__slot{display:inline-flex}}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{width:auto}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{content:attr(aria-label);font-size:12px}.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{padding-left:6px;padding-right:6px}.show-icon-labels .block-editor-block-switcher{border-right:1px solid #1e1e1e}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{margin-left:0}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{height:0!important;width:0!important}.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{width:0}.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{margin-left:0;white-space:nowrap}.show-icon-labels .block-editor-block-mover-button{padding-left:8px!important;padding-right:8px!important}.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{border-right:1px solid #1e1e1e;padding-left:6px!important;padding-right:6px!important}@media (min-width:600px){.show-icon-labels .is-up-button.is-up-button.is-up-button{border-bottom:1px solid #1e1e1e;border-radius:0;margin-right:0}}.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{width:auto}.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{flex-shrink:1}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{margin-left:6px}.block-editor-inserter{background:none;border:none;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:0;padding:0}@media (min-width:782px){.block-editor-inserter{position:relative}}.block-editor-inserter__main-area{display:flex;flex-direction:column;gap:16px;height:100%;position:relative;width:auto}@media (min-width:782px){.block-editor-inserter__main-area{width:350px}}.block-editor-inserter__main-area.show-as-tabs{gap:0}.block-editor-inserter__popover.is-quick .components-popover__content{border:none;outline:none}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{border-left:1px solid #ccc;border-right:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{border-top:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{border-bottom:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{border:1px solid #1e1e1e}.block-editor-inserter__popover .block-editor-inserter__menu{margin:-12px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{top:60px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{height:auto;overflow:visible}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{display:none}.block-editor-inserter__toggle.components-button{align-items:center;border:none;cursor:pointer;display:inline-flex;outline:none;padding:0;transition:color .2s ease}@media (prefers-reduced-motion:reduce){.block-editor-inserter__toggle.components-button{transition-delay:0s;transition-duration:0s}}.block-editor-inserter__menu{height:100%;overflow:visible;position:relative}.block-editor-inserter__inline-elements{margin-top:-1px}.block-editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover.block-editor-inserter__popover{z-index:99999}.block-editor-inserter__search{padding:16px 16px 0}.block-editor-inserter__search .components-search-control__icon{right:20px}.block-editor-inserter__search .components-base-control__field{margin-bottom:0}.block-editor-inserter__tabs{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.block-editor-inserter__tabs .components-tab-panel__tabs{border-bottom:1px solid #ddd}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{flex-grow:1;margin-bottom:-1px}.block-editor-inserter__tabs .components-tab-panel__tab-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.block-editor-inserter__no-tab-container{flex-grow:1;overflow-y:auto}.block-editor-inserter__panel-header{align-items:center;display:inline-flex;padding:16px 16px 0}.block-editor-inserter__panel-header-patterns{padding:16px 16px 0}.block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{color:#757575;font-size:11px;font-weight:500;margin:0 12px 0 0;text-transform:uppercase}.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{height:36px;line-height:36px}.block-editor-inserter__panel-dropdown select{border:none}.block-editor-inserter__reusable-blocks-panel{position:relative;text-align:right}.block-editor-inserter__manage-reusable-blocks{display:inline-block;margin:16px}.block-editor-inserter__no-results{padding:32px;text-align:center}.block-editor-inserter__no-results-icon{fill:#949494}.block-editor-inserter__child-blocks{padding:0 16px}.block-editor-inserter__parent-block-header{align-items:center;display:flex}.block-editor-inserter__parent-block-header h2{font-size:13px}.block-editor-inserter__parent-block-header .block-editor-block-icon{margin-right:8px}.block-editor-inserter__preview-container{background:#fff;border:1px solid #ddd;border-radius:2px;display:none;left:calc(100% + 16px);max-height:calc(100% - 32px);overflow-y:hidden;position:absolute;top:16px;width:300px}@media (min-width:782px){.block-editor-inserter__preview-container{display:block}}.block-editor-inserter__preview-container .block-editor-block-card{padding:16px}.block-editor-inserter__preview-container .block-editor-block-card__title{font-size:13px}.block-editor-inserter__preview-content{align-items:center;background:#f0f0f0;display:grid;flex-grow:1;min-height:144px}.block-editor-inserter__preview-content-missing{align-items:center;background:#f0f0f0;color:#757575;display:flex;flex:1;justify-content:center;min-height:144px}.block-editor-inserter__tips{border-top:1px solid #ddd;flex-shrink:0;padding:16px;position:relative}.block-editor-inserter__manage-reusable-blocks-container{padding:16px}.block-editor-inserter__quick-inserter{max-width:100%;width:100%}@media (min-width:782px){.block-editor-inserter__quick-inserter{width:350px}}.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{float:left;height:0;padding:0}.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container{min-height:100px}.block-editor-inserter__quick-inserter-separator{border-top:1px solid #ddd}.block-editor-inserter__popover.is-quick>.components-popover__content{padding:0}.block-editor-inserter__quick-inserter-expand.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:block;height:44px;width:100%}.block-editor-inserter__quick-inserter-expand.components-button:hover{color:#fff}.block-editor-inserter__quick-inserter-expand.components-button:active{color:#ccc}.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);box-shadow:none}.block-editor-block-patterns-explorer__sidebar{bottom:0;left:0;overflow-x:visible;overflow-y:scroll;padding:24px 32px 32px;position:absolute;top:76px;width:280px}.block-editor-block-patterns-explorer__sidebar__categories-list__item{display:block;height:48px;text-align:left;width:100%}.block-editor-block-patterns-explorer__search{margin-bottom:32px}.block-editor-block-patterns-explorer__search-results-count{padding-bottom:32px}.block-editor-block-patterns-explorer__list{margin-left:248px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-gap:32px;display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width:1080px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(3,1fr)}}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{min-height:240px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container{height:inherit;max-height:800px;min-height:100px}.block-editor-post-preview__dropdown{padding:0}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{padding-left:40px}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{padding-left:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{padding-bottom:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{margin-bottom:0}.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{padding:8px}@media (min-width:600px){.edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{display:none}.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{opacity:0}.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{opacity:1}}.tools-panel-item-spacing{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:16px auto}.component-spacing-sizes-control{box-sizing:border-box;display:contents;padding-bottom:12px;width:100%}.component-spacing-sizes-control legend{align-self:center;grid-column:1/1;grid-row:1/1;padding:0}.component-spacing-sizes-control .components-base-control__label{height:16px;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__side-labels{grid-column:1/1;height:16px;justify-content:left;margin-top:16px}.component-spacing-sizes-control .components-spacing-sizes-control__side-label{grid-column:1/1;justify-self:left;margin-bottom:0}.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all,.component-spacing-sizes-control .components-spacing-sizes-control__hint-single{color:#757575;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all{align-self:center;grid-column:2/2;grid-row:1/1;justify-self:left;margin-left:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{grid-column:2/2;grid-row:1/1;justify-self:end;margin-top:-4px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button~.components-spacing-sizes-control__custom-toggle-all{margin-right:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single{grid-column:3/3;justify-self:end;margin-top:12px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button{grid-column:3/3;grid-row:1/1;justify-self:end;line-height:0;margin-top:-4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range{grid-column:span 2;margin-left:16px;margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{margin-top:8px;width:124px}.component-spacing-sizes-control .components-range-control{align-items:center;display:flex;height:40px}.component-spacing-sizes-control .components-range-control>.components-base-control__field{flex:1}.component-spacing-sizes-control .components-spacing-sizes-control__range-control{grid-column:span 3;margin-top:8px}.component-spacing-sizes-control .components-range-control__mark{background-color:#fff;height:4px;width:3px;z-index:1}.component-spacing-sizes-control .components-range-control__marks{margin-top:17px}.component-spacing-sizes-control .components-range-control__marks :first-child{display:none}.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor]{z-index:3}.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control{grid-column:span 3;margin-top:8px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-autocompleters__block{white-space:nowrap}.block-editor-autocompleters__block .block-editor-block-icon{margin-right:8px}.block-editor-autocompleters__link{white-space:nowrap}.block-editor-autocompleters__link .block-editor-block-icon{margin-right:8px}.block-editor-block-alignment-control__menu-group .components-menu-item__info{margin-top:0}.block-editor-block-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}@media (forced-colors:active){.block-editor-block-icon.has-colors svg{fill:CanvasText}}.block-editor-block-icon svg{max-height:24px;max-width:24px;min-height:20px;min-width:20px}.block-editor-block-inspector p:not(.components-base-control__help){margin-top:0}.block-editor-block-inspector h2,.block-editor-block-inspector h3{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.block-editor-block-inspector .components-base-control{margin-bottom:24px}.block-editor-block-inspector .components-base-control:last-child{margin-bottom:8px}.block-editor-block-inspector .components-focal-point-picker-control .components-base-control{margin-bottom:0}.block-editor-block-inspector .components-panel__body{border:none;border-top:1px solid #e0e0e0}.block-editor-block-inspector .block-editor-block-card{padding:16px}.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{background:#fff;display:block;font-size:13px;padding:32px 16px;text-align:center}.block-editor-block-inspector__no-block-tools{border-top:1px solid #ddd}.block-editor-block-inspector__tab-item{flex:1 1 0px}.block-editor-block-inspector__block-buttons-container{border-top:1px solid #e0e0e0;padding:16px}.block-editor-block-list__insertion-point{bottom:0;left:0;position:absolute;right:0;top:0}.block-editor-block-list__insertion-point-indicator{background:var(--wp-admin-theme-color);border-radius:2px;opacity:0;position:absolute;transform-origin:center;will-change:transform,opacity}.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{height:4px;top:calc(50% - 2px);width:100%}.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{bottom:0;left:calc(50% - 2px);top:0;width:4px}.block-editor-block-list__insertion-point-inserter{display:none;justify-content:center;left:calc(50% - 12px);position:absolute;top:calc(50% - 12px);will-change:transform}@media (min-width:480px){.block-editor-block-list__insertion-point-inserter{display:flex}}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{pointer-events:none}.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{pointer-events:all}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;height:24px;min-width:24px;padding:0}.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:#1e1e1e}.block-editor-block-contextual-toolbar{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;display:inline-flex}.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border-right-color:#1e1e1e}.block-editor-block-contextual-toolbar.is-fixed{border:none;border-bottom:1px solid #e0e0e0;border-radius:0;display:block;min-height:48px;position:sticky;top:0;width:100%;z-index:31}.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{border-right-color:#e0e0e0}.block-editor-block-list__block-selection-button{background-color:#1e1e1e;border-radius:2px;display:inline-flex;font-size:13px;height:48px;padding:0 12px;z-index:22}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{align-items:center;display:inline-flex;margin:auto}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{margin-right:6px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{cursor:grab;height:24px;margin-left:-2px;min-width:24px;padding:0}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{min-height:18px;min-width:18px}.block-editor-block-list__block-selection-button .block-editor-block-icon{color:#fff;font-size:13px;height:48px}.block-editor-block-list__block-selection-button .components-button{color:#fff;display:flex;height:48px;min-width:36px}.block-editor-block-list__block-selection-button .components-button:focus{border:none;box-shadow:none}.block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{color:#fff}.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{padding:0}.block-editor-block-list__block-selection-button .block-editor-block-mover{background:unset;border:none}@keyframes hide-during-dragging{to{position:fixed;transform:translate(9999px,9999px)}}.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{margin-bottom:12px;margin-top:12px;pointer-events:all}.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{visibility:hidden}.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{animation:hide-during-dragging 1ms linear forwards;opacity:0}.is-dragging-components-draggable .components-tooltip{display:none}.block-editor-block-lock-modal{z-index:1000001}@media (min-width:600px){.block-editor-block-lock-modal .components-modal__frame{max-width:480px}}.block-editor-block-lock-modal__checklist{margin:0}.block-editor-block-lock-modal__options-title{padding:12px 0}.block-editor-block-lock-modal__options-title .components-checkbox-control__label{font-weight:600}.block-editor-block-lock-modal__options-title .components-base-control__field{align-items:center;display:flex}.block-editor-block-lock-modal__checklist-item{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;padding:12px 0 12px 32px}.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{fill:#1e1e1e;flex-shrink:0;margin-right:12px}.block-editor-block-lock-modal__checklist-item:hover{background-color:#f0f0f0;border-radius:2px}.block-editor-block-lock-modal__template-lock{border-top:1px solid #ddd;margin-top:16px;padding:12px 0}.block-editor-block-lock-modal__template-lock .components-base-control__field{margin:0}.block-editor-block-lock-modal__actions{margin-top:24px}.block-editor-block-lock-toolbar .components-button.has-icon{min-width:36px!important;padding-left:0!important}.block-editor-block-lock-toolbar .components-button.has-icon:focus:before{right:8px!important}.block-editor-block-breadcrumb{list-style:none;margin:0;padding:0}.block-editor-block-breadcrumb li{display:inline-flex;margin:0}.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{fill:currentColor;margin-left:-4px;margin-right:-4px;transform:scaleX(1)}.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{display:none}.block-editor-block-breadcrumb__button.components-button{height:24px;line-height:24px;padding:0;position:relative}.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){box-shadow:none;text-decoration:underline}.block-editor-block-breadcrumb__button.components-button:focus{box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus:before{border-radius:2px;bottom:1px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:1px;position:absolute;right:1px;top:1px}.block-editor-block-breadcrumb__current{cursor:default}.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{color:#1e1e1e;font-size:inherit;padding:0 8px}.block-editor-block-card{align-items:flex-start;display:flex}.block-editor-block-card__content{flex-grow:1;margin-bottom:4px}.block-editor-block-card__title{font-weight:500}.block-editor-block-card__title.block-editor-block-card__title{line-height:24px;margin:0 0 4px}.block-editor-block-card__description{font-size:13px}.block-editor-block-card .block-editor-block-icon{flex:0 0 24px;height:24px;margin-left:0;margin-right:12px;width:24px}.block-editor-block-card.is-synced .block-editor-block-icon{color:var(--wp-block-synced-color)}.block-editor-block-compare{height:auto}.block-editor-block-compare__wrapper{display:flex;padding-bottom:16px}.block-editor-block-compare__wrapper>div{display:flex;flex-direction:column;justify-content:space-between;max-width:600px;min-width:200px;padding:0 16px 0 0;width:50%}.block-editor-block-compare__wrapper>div button{float:right}.block-editor-block-compare__wrapper .block-editor-block-compare__converted{border-left:1px solid #ddd;padding-left:15px;padding-right:0}.block-editor-block-compare__wrapper .block-editor-block-compare__html{border-bottom:1px solid #ddd;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:12px;line-height:1.7;padding-bottom:15px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span{background-color:#e6ffed;padding-bottom:3px;padding-top:3px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{background-color:#acf2bd}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{background-color:#cc1818}.block-editor-block-compare__wrapper .block-editor-block-compare__preview{padding:16px 0 0}.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{font-size:12px;margin-top:0}.block-editor-block-compare__wrapper .block-editor-block-compare__action{margin-top:16px}.block-editor-block-compare__wrapper .block-editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.block-editor-block-draggable-chip-wrapper{left:0;position:absolute;top:-24px}.block-editor-block-draggable-chip{background-color:#1e1e1e;border-radius:2px;box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;cursor:grabbing;display:inline-flex;height:48px;padding:0 13px;-webkit-user-select:none;user-select:none}.block-editor-block-draggable-chip svg{fill:currentColor}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{justify-content:flex-start;margin:auto}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{margin-right:6px}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{margin-right:0}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{min-height:18px;min-width:18px}.block-editor-block-draggable-chip .components-flex__item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.block-editor-block-mover__move-button-container{border:none;display:flex;padding:0}@media (min-width:600px){.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{flex-direction:column}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{height:24px;min-width:0!important;width:100%}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{height:calc(100% - 4px)}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{flex-shrink:0;top:5px}.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{bottom:5px;flex-shrink:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{width:48px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{left:5px}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{right:5px}.block-editor-block-mover__drag-handle{min-width:0!important;overflow:hidden;padding-left:0!important;padding-right:0!important;width:24px}}.components-button.block-editor-block-mover-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:32px;left:8px;position:absolute;right:8px;z-index:-1}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-mover-button:before{animation-delay:0s;animation-duration:1ms}}.components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{box-shadow:none;outline:none}.components-button.block-editor-block-mover-button:focus-visible:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-block-navigation__container{min-width:280px}.block-editor-block-navigation__label{color:#757575;font-size:11px;font-weight:500;margin:0 0 12px;text-transform:uppercase}.block-editor-block-parent-selector{background:#fff;border-radius:2px}.block-editor-block-parent-selector .block-editor-block-parent-selector__button{border:1px solid #1e1e1e;border-radius:2px;height:48px;width:48px}.block-editor-block-patterns-list__list-item{cursor:pointer;margin-bottom:24px;position:relative}.block-editor-block-patterns-list__list-item.is-placeholder{min-height:100px}.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-block-patterns-list__item{height:100%}.block-editor-block-patterns-list__item .block-editor-block-preview__container{align-items:center;border-radius:4px;display:flex;overflow:hidden}.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{font-size:12px;padding-top:8px;text-align:center}.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{color:var(--wp-admin-theme-color)}.components-popover.block-editor-block-popover{margin:0!important;pointer-events:none;position:absolute;z-index:31}.components-popover.block-editor-block-popover .components-popover__content{margin:0!important;min-width:auto;overflow-y:visible;width:max-content}.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{pointer-events:all}.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{pointer-events:none}.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{pointer-events:all}.components-popover.block-editor-block-popover__drop-zone *{pointer-events:none}.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{background-color:var(--wp-admin-theme-color);border-radius:2px;inset:0;position:absolute}.block-editor-block-preview__container{overflow:hidden;position:relative;width:100%}.block-editor-block-preview__container .block-editor-block-preview__content{left:0;margin:0;min-height:auto;overflow:visible;text-align:initial;top:0;transform-origin:top left}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{display:none}.block-editor-block-preview__container:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{padding:0}.block-editor-block-styles+.default-style-picker__default-switcher{margin-top:16px}.block-editor-block-styles__preview-panel{display:none;left:auto;position:absolute;right:16px;z-index:90}@media (min-width:782px){.block-editor-block-styles__preview-panel{display:block}}.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{left:auto;position:static;right:auto;top:auto}.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{margin:0}.block-editor-block-styles__preview-panel .block-editor-block-icon{display:none}.block-editor-block-styles__variants{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.block-editor-block-styles__variants .block-editor-block-styles__item{box-shadow:inset 0 0 0 1px #ccc;color:#2f2f2f;display:inline-block;width:calc(50% - 4px)}.block-editor-block-styles__variants .block-editor-block-styles__item:focus,.block-editor-block-styles__variants .block-editor-block-styles__item:hover{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover{background-color:#2f2f2f;box-shadow:none}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{color:#fff}.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-styles__variants .block-editor-block-styles__item-text{text-align:start;text-align-last:center;white-space:normal;word-break:break-all}.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{box-sizing:border-box!important}.block-editor-block-switcher{position:relative}.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{min-width:36px}.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{position:relative}.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{display:block;height:48px;margin:0}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{margin:auto}.block-editor-block-switcher__toggle-text{margin-left:8px}.show-icon-labels .block-editor-block-switcher__toggle-text{display:none}.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{font-size:14px}.components-button.block-editor-block-switcher__no-switcher-icon{display:flex}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin-left:auto;margin-right:auto;min-width:24px!important}.components-button.block-editor-block-switcher__no-switcher-icon:disabled{opacity:1}.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:#1e1e1e}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{align-items:center;display:flex;height:100%;margin:0 auto;min-width:100%;position:relative}.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{bottom:8px;left:8px;right:8px;top:8px}.components-popover.block-editor-block-switcher__popover .components-popover__content{min-width:300px}.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{left:calc(100% + 16px);position:absolute;top:-12px}.block-editor-block-switcher__preview__popover{display:none}.block-editor-block-switcher__preview__popover.components-popover{margin-top:11px}@media (min-width:782px){.block-editor-block-switcher__preview__popover{display:block}}.block-editor-block-switcher__preview__popover .components-popover__content{background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:none;outline:none}.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{height:auto;margin:16px;max-height:468px;overflow:hidden;width:300px}.block-editor-block-switcher__preview-title{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;text-transform:uppercase}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{min-width:36px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{height:48px;width:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{padding:12px}.block-editor-block-switcher__preview-patterns-container{padding-bottom:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{margin-top:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{cursor:pointer}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{border:1px solid transparent;border-radius:2px;height:100%;position:relative;transition:all .05s ease-in-out}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #1e1e1e}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{cursor:pointer;font-size:12px;padding:4px;text-align:center}.block-editor-block-types-list>[role=presentation]{display:flex;flex-wrap:wrap;overflow:hidden}.block-editor-block-pattern-setup{align-items:flex-start;border-radius:2px;display:flex;flex-direction:column;justify-content:center;width:100%}.block-editor-block-pattern-setup.view-mode-grid{padding-top:4px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{justify-content:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:2;column-gap:24px;display:block;padding:0 32px;width:100%}@media (min-width:1440px){.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{column-count:3}}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{cursor:pointer}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{color:var(--wp-admin-theme-color)}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{break-inside:avoid-column;margin-bottom:24px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{cursor:pointer;font-size:12px;padding-top:8px;text-align:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{border:1px solid #ddd;border-radius:2px;min-height:100px}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{align-items:center;align-self:flex-end;background-color:#fff;border-top:1px solid #ddd;bottom:0;box-sizing:border-box;color:#1e1e1e;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin:0;padding:16px;position:absolute;text-align:left;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{display:flex;width:calc(50% - 36px)}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{justify-content:flex-end}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{height:100%;list-style:none;margin:0;overflow:hidden;padding:0;position:relative;transform-style:preserve-3d}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{background-color:#fff;height:100%;margin:auto;padding:0;position:absolute;top:0;transition:transform .5s,z-index .5s;width:100%;z-index:100}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{opacity:1;position:relative;z-index:102}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{transform:translateX(-100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{transform:translateX(100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{display:none}.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{width:100%}.block-editor-block-variation-transforms{padding:0 16px 16px 52px;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle{border:1px solid #757575;border-radius:2px;justify-content:left;min-height:30px;padding:6px 12px;position:relative;text-align:left;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{padding-right:24px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color)}.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{height:100%;padding:0;position:absolute;right:0;top:0}.block-editor-block-variation-transforms__popover .components-popover__content{min-width:230px}.components-border-radius-control{margin-bottom:12px}.components-border-radius-control legend{margin-bottom:8px}.components-border-radius-control .components-border-radius-control__wrapper{align-items:flex-start;display:flex;justify-content:space-between}.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{flex-shrink:0;margin-bottom:0;margin-right:16px;width:calc(50% - 8px)}.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{flex:1;margin-right:12px}.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{align-items:center;display:flex;height:40px}.components-border-radius-control .components-border-radius-control__wrapper>span{flex:0 0 auto}.components-border-radius-control .components-border-radius-control__input-controls-wrapper{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-right:12px}.components-border-radius-control .component-border-radius-control__linked-button{display:flex;justify-content:center;margin-top:8px}.components-border-radius-control .component-border-radius-control__linked-button svg{margin-right:0}.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{margin-bottom:12px}.block-editor-color-gradient-control__fieldset{min-width:0}.block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel{padding:16px}.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){display:block}@media screen and (min-width:782px){.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{display:grid;grid-template-columns:repeat(6,28px);justify-content:space-between}}.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{margin-bottom:inherit}.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{padding:16px;width:260px}.block-editor-panel-color-gradient-settings__color-indicator{background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.block-editor-tools-panel-color-gradient-settings__item{border-bottom:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);max-width:100%;padding:0}.block-editor-tools-panel-color-gradient-settings__item.first{border-top:1px solid rgba(0,0,0,.1);border-top-left-radius:2px;border-top-right-radius:2px;margin-top:24px}.block-editor-tools-panel-color-gradient-settings__item.last{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{border-radius:inherit}.block-editor-tools-panel-color-gradient-settings__dropdown{display:block;padding:0}.block-editor-tools-panel-color-gradient-settings__dropdown>button{height:auto;padding-bottom:10px;padding-top:10px;text-align:left}.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{background:#f0f0f0;color:var(--wp-admin-theme-color)}.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-panel-color-gradient-settings__dropdown{width:100%}.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{flex-shrink:0}.block-editor-contrast-checker>.components-notice{margin:0}.block-editor-date-format-picker{margin-bottom:16px}.block-editor-date-format-picker__default-format-toggle-control__hint{color:#757575;display:block}.block-editor-date-format-picker__custom-format-select-control__custom-option{border-top:1px solid #ddd}.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{grid-template-columns:auto 30px}.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{grid-row:2;text-align:left}.block-editor-duotone-control__popover>.components-popover__content{padding:16px;width:280px}.block-editor-duotone-control__popover .components-menu-group__label{padding:0}.block-editor-duotone-control__popover .components-circular-option-picker__swatches{display:grid;gap:12px;grid-template-columns:repeat(6,28px);justify-content:space-between}.block-editor-duotone-control__description{font-size:12px;margin:16px 0}.block-editor-duotone-control__unset-indicator{background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0)}.components-font-appearance-control ul li{color:#1e1e1e;text-transform:capitalize}.block-editor-height-control{border:0;margin:0;padding:0}.block-editor-image-size-control{margin-bottom:1em}.block-editor-image-size-control .block-editor-image-size-control__row{display:flex;justify-content:space-between}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-bottom:.5em}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{line-height:1.25}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-right:5px}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{margin-left:5px}.block-editor-block-types-list__list-item{display:block;margin:0;padding:0;width:33.33%}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{color:var(--wp-block-synced-color)}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{color:var(--wp-block-synced-color)!important;filter:brightness(.95)}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{color:var(--wp-block-synced-color)!important}.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{background:var(--wp-block-synced-color)}.components-button.block-editor-block-types-list__item{align-items:stretch;background:transparent;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:auto;justify-content:center;padding:8px;position:relative;transition:all .05s ease-in-out;width:100%;word-break:break-word}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-types-list__item{transition-delay:0s;transition-duration:0s}}.components-button.block-editor-block-types-list__item:disabled{cursor:default;opacity:.6}.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{color:var(--wp-admin-theme-color)!important;filter:brightness(.95)}.components-button.block-editor-block-types-list__item:not(:disabled):hover svg{color:var(--wp-admin-theme-color)!important}.components-button.block-editor-block-types-list__item:not(:disabled):hover:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.04;pointer-events:none;position:absolute;right:0;top:0}.components-button.block-editor-block-types-list__item:not(:disabled):focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.block-editor-block-types-list__item:not(:disabled).is-active{background:#1e1e1e;color:#fff;outline:2px solid transparent;outline-offset:-2px}.block-editor-block-types-list__item-icon{border-radius:2px;color:#1e1e1e;padding:12px 20px;transition:all .05s ease-in-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__item-icon .block-editor-block-icon{margin-left:auto;margin-right:auto}.block-editor-block-types-list__item-icon svg{transition:all .15s ease-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon svg{transition-delay:0s;transition-duration:0s}}.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{cursor:grab}.block-editor-block-types-list__item-title{font-size:12px;padding:4px 2px 8px}.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon:before{content:attr(aria-label)}.block-editor-inspector-popover-header{margin-bottom:16px}[class].block-editor-inspector-popover-header__action{height:24px}[class].block-editor-inspector-popover-header__action.has-icon{min-width:24px;padding:0}[class].block-editor-inspector-popover-header__action:not(.has-icon){text-decoration:underline}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}@keyframes loadingpulse{0%{opacity:1}50%{opacity:0}to{opacity:1}}.block-editor-link-control{min-width:360px;position:relative}.components-popover__content .block-editor-link-control{max-width:360px;min-width:auto;width:90vw}.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{position:relative}.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{flex:1}.block-editor-link-control__field{margin:16px}.block-editor-link-control__field>.components-base-control__field{align-items:center;display:flex}.block-editor-link-control__field .components-base-control__label{margin-bottom:0;margin-right:16px;min-width:29px}.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{border:1px solid #ddd;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0;padding:11px 16px;position:relative;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{font-size:13px;line-height:normal}}.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control__search-error{margin:-8px 16px 16px}.block-editor-link-control__search-actions{display:flex;flex-direction:row-reverse;gap:8px;justify-content:flex-start}.components-button .block-editor-link-control__search-submit .has-icon{margin:-1px}.block-editor-link-control__search-results-wrapper{margin-top:-15px;position:relative}.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{content:"";display:block;left:-1px;pointer-events:none;position:absolute;right:16px;z-index:100}.block-editor-link-control__search-results-wrapper:before{bottom:auto;height:8px;top:0}.block-editor-link-control__search-results-wrapper:after{bottom:0;height:16px;top:auto}.block-editor-link-control__search-results-label{display:block;font-weight:600;padding:16px 32px 0}.block-editor-link-control__search-results{margin:0;max-height:200px;overflow-y:auto;padding:8px 16px}.block-editor-link-control__search-results.is-loading{opacity:.2}.block-editor-link-control__search-item{align-items:flex-start;background:#fff;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:13px;height:auto;padding:12px 16px;position:relative;text-align:left;width:100%}.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{background-color:#f0f0f0}.block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type,.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.block-editor-link-control__search-item.is-selected{background:#f0f0f0}.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item.is-current{background:transparent;border:0;cursor:default;flex-direction:column;padding:16px;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-header{align-items:flex-start;display:block;flex-direction:row;margin-right:8px;overflow-wrap:break-word;white-space:pre-wrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{word-break:break-all}.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{display:flex;flex:1}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{align-items:center}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{display:flex;flex-shrink:0;justify-content:center;margin-right:8px;max-height:24px;position:relative;top:.2em;width:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{width:16px}.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{max-height:32px;top:0;width:32px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{overflow:hidden;text-overflow:ellipsis}.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{margin-top:0;position:absolute;right:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-title{display:block;font-weight:500;margin-bottom:.2em;position:relative}.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{background-color:initial;color:inherit;font-weight:700}.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{font-weight:400}.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg{display:none}.block-editor-link-control__search-item .block-editor-link-control__search-item-info{color:#757575;display:block;font-size:.9em;line-height:1.3}.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice{font-size:1.1em;font-style:italic}.block-editor-link-control__search-item .block-editor-link-control__search-item-type{background-color:#f0f0f0;border-radius:2px;display:block;font-size:.9em;margin-left:auto;padding:3px 6px;white-space:nowrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-description{margin:0;padding-top:12px}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{display:flex;flex-direction:column;height:28px;justify-content:space-around;margin-top:12px;padding-top:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{background-color:#f0f0f0;border-radius:3px;content:"";display:block;height:.7em;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{font-size:.9em}.block-editor-link-control__search-item .block-editor-link-control__search-item-image{background-color:#f0f0f0;border-radius:2px;display:flex;height:140px;justify-content:center;margin-top:12px;max-height:140px;overflow:hidden;width:100%}.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{background-color:#f0f0f0;border-radius:3px}.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{display:block;height:140px;max-height:140px;max-width:100%}.block-editor-link-control__search-item-top{display:flex;flex-direction:row;width:100%}.block-editor-link-control__search-item-bottom{transition:opacity 1.5s;width:100%}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{animation:loadingpulse 1s linear infinite;animation-delay:.5s}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{opacity:0}.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;border-radius:100%;bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.block-editor-link-control__loading{align-items:center;display:flex;margin:16px}.block-editor-link-control__loading .components-spinner{margin-top:0}.components-button+.block-editor-link-control__search-create{overflow:visible;padding:12px 16px}.components-button+.block-editor-link-control__search-create:before{content:"";display:block;left:0;position:absolute;top:-10px;width:100%}.block-editor-link-control__search-create{align-items:center}.block-editor-link-control__search-create .block-editor-link-control__search-item-title{margin-bottom:0}.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{top:0}.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{padding:10px}.block-editor-link-control__drawer{align-items:center;border-top:1px solid #ddd;display:flex;justify-content:space-between;margin:0;padding:16px}.block-editor-link-control__unlink{padding-left:16px;padding-right:16px}.block-editor-link-control__settings{flex:1;margin:0}.block-editor-link-control__settings :last-child{margin-bottom:0}.is-alternate .block-editor-link-control__settings{border-top:1px solid #1e1e1e}.block-editor-link-control__setting{margin-bottom:16px}.block-editor-link-control__setting :last-child{margin-bottom:0}.block-editor-link-control .block-editor-link-control__search-input .components-spinner{display:block}.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{bottom:auto;left:auto;position:absolute;right:16px;top:calc(50% - 8px)}.block-editor-link-control__search-item-action{flex-shrink:0;margin-left:auto}.block-editor-list-view-tree{border-collapse:collapse;margin:0;padding:0;width:100%}.components-modal__content .block-editor-list-view-tree{margin:-12px -6px 0;width:calc(100% + 12px)}.block-editor-list-view-leaf{position:relative}.block-editor-list-view-leaf.is-selected td{background:var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected.is-synced td{background:var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{color:var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{color:#fff}.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{background:none;color:#1e1e1e}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-list-view-leaf.is-dragging{display:none}.block-editor-list-view-leaf.is-first-selected td:first-child{border-top-left-radius:2px}.block-editor-list-view-leaf.is-first-selected td:last-child{border-top-right-radius:2px}.block-editor-list-view-leaf.is-last-selected td:first-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf.is-last-selected td:last-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){background:rgba(var(--wp-admin-theme-color--rgb),.04)}.block-editor-list-view-leaf.is-synced-branch.is-branch-selected{background:rgba(var(--wp-block-synced-color--rgb),.04)}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{border-top-left-radius:2px}.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{border-top-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child{border-top-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child{border-top-right-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child{border-bottom-left-radius:2px}.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child{border-bottom-right-radius:2px}.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{border-radius:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents{align-items:center;border-radius:2px;display:flex;height:auto;padding:6px 4px 6px 0;position:relative;text-align:left;white-space:nowrap;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{border-top:4px solid var(--wp-admin-theme-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:-2px;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear}.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{padding-left:0;padding-right:0}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus{box-shadow:none}.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{border-radius:inherit;bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";left:0;pointer-events:none;position:absolute;right:-29px;top:0;z-index:2}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{box-shadow:none}.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{right:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);z-index:1}.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{box-shadow:none}.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-block-icon{flex:0 0 24px;margin-right:8px}.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{padding-bottom:0;padding-top:0}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{line-height:0;vertical-align:middle;width:36px}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{opacity:0;will-change:opacity}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;opacity:1}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{animation-delay:0s;animation-duration:1ms}}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{min-width:24px;padding:0;width:24px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{padding-right:4px}.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{height:24px}.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{align-items:center;display:flex;flex-direction:column;height:100%}.block-editor-list-view-leaf .block-editor-block-mover-button{height:24px;position:relative;width:36px}.block-editor-list-view-leaf .block-editor-block-mover-button svg{height:24px;position:relative}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{align-items:flex-end;margin-top:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{bottom:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{align-items:flex-start;margin-bottom:-6px}.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{top:-4px}.block-editor-list-view-leaf .block-editor-block-mover-button:before{height:16px;left:0;min-width:100%;right:0}.block-editor-list-view-leaf .block-editor-inserter__toggle{background:#1e1e1e;color:#fff;height:24px;margin:6px 6px 6px 1px;min-width:24px}.block-editor-list-view-leaf .block-editor-inserter__toggle:active{color:#fff}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper{min-width:120px}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{flex:1;position:relative}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{position:absolute;transform:translateY(-50%);width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{max-width:min(110px,40%);position:relative;width:100%}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.1);border-radius:2px;box-sizing:border-box;max-width:100%;padding:2px 6px;position:absolute;right:0;transform:translateY(-50%)}.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{background:rgba(0,0,0,.3)}.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{line-height:0}.block-editor-list-view-appender__description,.block-editor-list-view-block-select-button__description{display:none}.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{display:flex}.block-editor-list-view__expander{height:24px;margin-left:4px;width:24px}.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{margin-left:220px}.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{margin-right:4px}.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{margin-left:0}.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{margin-left:24px}.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{margin-left:52px}.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{margin-left:80px}.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{margin-left:108px}.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{margin-left:136px}.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{margin-left:164px}.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{margin-left:192px}.block-editor-list-view-leaf .block-editor-list-view__expander{visibility:hidden}.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transform:rotate(90deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transform:rotate(0deg);transition:transform .2s ease;visibility:visible}@media (prefers-reduced-motion:reduce){.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg{transition-delay:0s;transition-duration:0s}}.block-editor-list-view-drop-indicator{pointer-events:none}.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{background:var(--wp-admin-theme-color);height:1px}.block-editor-list-view-placeholder{height:36px;margin:0;padding:0}.modal-open .block-editor-media-replace-flow__options{display:none}.block-editor-media-replace-flow__indicator{margin-left:4px}.block-editor-media-flow__url-input{border-top:1px solid #1e1e1e;margin-left:-8px;margin-right:-8px;margin-top:8px;padding:16px}.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{display:block;margin-bottom:8px;top:16px}.block-editor-media-flow__url-input .block-editor-link-control{width:220px}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{margin:0;padding:0}.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{margin-bottom:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{max-width:180px;white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info{white-space:nowrap}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{padding:0;width:auto}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{margin:0;width:100%}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{right:4px;top:0}.block-editor-media-flow__error{max-width:255px;padding:0 20px 20px}.block-editor-media-flow__error .components-with-notices-ui{max-width:255px}.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{word-wrap:break-word;overflow:hidden}.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{position:absolute;right:10px}.block-editor-multi-selection-inspector__card{align-items:flex-start;display:flex;padding:16px}.block-editor-multi-selection-inspector__card-content{flex-grow:1}.block-editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.block-editor-multi-selection-inspector__card-description{font-size:13px}.block-editor-multi-selection-inspector__card .block-editor-block-icon{height:24px;margin-left:-2px;margin-right:10px;padding:0 3px;width:36px}.block-editor-responsive-block-control{border-bottom:1px solid #ccc;margin-bottom:28px;padding-bottom:14px}.block-editor-responsive-block-control:last-child{border-bottom:0;padding-bottom:0}.block-editor-responsive-block-control__title{margin:0 0 .6em -3px}.block-editor-responsive-block-control__label{font-weight:600;margin-bottom:.6em;margin-left:-3px}.block-editor-responsive-block-control__inner{margin-left:-1px}.block-editor-responsive-block-control__toggle{margin-left:1px}.block-editor-responsive-block-control .components-base-control__help{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.components-popover.block-editor-rich-text__inline-format-toolbar{z-index:99998}.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{box-shadow:none;margin-bottom:8px;min-width:auto;outline:none;width:auto}.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{border-radius:2px}.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{min-height:48px;min-width:48px;padding-left:12px;padding-right:12px}.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{justify-content:center}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{width:auto}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{content:attr(aria-label)}.block-editor-skip-to-selected-block{position:absolute;top:-9999em}.block-editor-skip-to-selected-block:focus{background:#f1f1f1;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:var(--wp-admin-theme-color);display:block;font-size:14px;font-weight:600;height:auto;line-height:normal;outline:none;padding:15px 23px 14px;text-decoration:none;width:auto;z-index:100000}.block-editor-text-decoration-control{border:0;margin:0;padding:0}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{display:flex;padding:4px 0}.block-editor-text-decoration-control .components-button.has-icon{height:32px;margin-right:4px;min-width:32px;padding:0}.block-editor-text-transform-control{border:0;margin:0;padding:0}.block-editor-text-transform-control .block-editor-text-transform-control__buttons{display:flex;padding:4px 0}.block-editor-text-transform-control .components-button.has-icon{height:32px;margin-right:4px;min-width:32px;padding:0}.block-editor-tool-selector__help{border-top:1px solid #ddd;color:#757575;margin:8px -8px -8px;min-width:280px;padding:16px}.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{flex-grow:1;padding:1px;position:relative}.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{border:none;border-radius:0;font-size:16px;margin-left:0;margin-right:0;padding:8px 8px 8px 12px;width:100%}@media (min-width:600px){.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{font-size:13px;width:300px}}.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{display:none}.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{width:100%}.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{margin:0;position:absolute;right:8px;top:calc(50% - 8px)}.block-editor-url-input__input[type=text]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.block-editor-url-input__input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-url-input__input[type=text]{font-size:13px;line-height:normal}}.block-editor-url-input__input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-url-input__input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.block-editor-url-input__input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__suggestions{max-height:200px;overflow-y:auto;padding:4px 0;transition:all .15s ease-in-out;width:302px}@media (prefers-reduced-motion:reduce){.block-editor-url-input__suggestions{transition-delay:0s;transition-duration:0s}}.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:none}@media (min-width:600px){.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:grid}}.block-editor-url-input__suggestion{background:#fff;border:none;box-shadow:none;color:#757575;cursor:pointer;display:block;font-size:13px;height:auto;min-height:36px;text-align:left;width:100%}.block-editor-url-input__suggestion:hover{background:#ddd}.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{background:var(--wp-admin-theme-color-darker-20);color:#fff;outline:none}.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{position:inherit}.block-editor-url-input__button .block-editor-url-input__back{margin-right:4px;overflow:visible}.block-editor-url-input__button .block-editor-url-input__back:after{background:#ddd;content:"";display:block;height:24px;position:absolute;right:-1px;width:1px}.block-editor-url-input__button-modal{background:#fff;border:1px solid #ddd;box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1)}.block-editor-url-input__button-modal-line{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0}.block-editor-url-input__button-modal-line .components-button{flex-shrink:0;height:36px;width:36px}.block-editor-url-popover__additional-controls{border-top:1px solid #ddd}.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{box-shadow:none}.block-editor-url-popover__additional-controls div[role=menu]>.components-button{padding-left:12px}.block-editor-url-popover__row{display:flex}.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){flex-grow:1}.block-editor-url-popover .components-button.has-icon{padding:3px}.block-editor-url-popover .components-button.has-icon>svg{border-radius:2px;height:30px;padding:5px;width:30px}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{box-shadow:none}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-url-popover__settings-toggle{border-left:1px solid #ddd;border-radius:0;flex-shrink:0;margin-left:1px}.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{transform:rotate(180deg)}.block-editor-url-popover__settings{border-top:1px solid #ddd;display:block;padding:16px}.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{display:flex}.block-editor-url-popover__link-viewer-url{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-url-popover__link-viewer-url.has-invalid-link{color:#cc1818}.html-anchor-control .components-external-link{display:block;margin-top:8px}.border-block-support-panel .single-column{grid-column:span 1}.color-block-support-panel .block-editor-contrast-checker{grid-column:span 2;margin-top:16px;order:9999}.color-block-support-panel .block-editor-contrast-checker .components-notice__content{margin-right:0}.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{row-gap:0}.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{margin-top:0}.dimensions-block-support-panel .single-column{grid-column:span 1}.block-editor-hooks__layout-controls{display:flex;margin-bottom:8px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{display:flex;margin-right:24px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{margin:auto 0 4px 8px}.block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{margin-bottom:0}.block-editor-hooks__layout-controls-reset{display:flex;justify-content:flex-end;margin-bottom:24px}.block-editor-hooks__layout-controls-helptext{color:#757575;font-size:12px;margin-bottom:16px}.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{margin-bottom:12px}.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{margin-bottom:8px}.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{margin-bottom:16px}.block-editor__padding-visualizer{border-color:var(--wp-admin-theme-color);border-style:solid;bottom:0;box-sizing:border-box;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{display:none}.block-editor-hooks__position-selection__select-control__option.has-hint{grid-template-columns:auto 30px;line-height:1.4;margin-bottom:0}.block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{grid-row:2;text-align:left}.typography-block-support-panel .single-column{grid-column:span 1}.block-editor-block-toolbar{display:flex;flex-grow:1;overflow-x:auto;overflow-y:hidden;position:relative;transition:border-color .1s linear,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.block-editor-block-toolbar{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.block-editor-block-toolbar{overflow:inherit}}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{background:none;border:0;border-right:1px solid #ddd;line-height:0;margin-bottom:-1px;margin-top:-1px}.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:var(--wp-block-synced-color)}.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{border-right:none}.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-left:56px}.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-left:0}.block-editor-block-parent-selector{left:-57px;position:absolute;top:-1px}.show-icon-labels .block-editor-block-parent-selector{left:auto;margin-bottom:-1px;margin-left:-1px;margin-top:-1px;position:relative;top:auto}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{margin:0!important;width:24px!important}.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{margin-left:-6px!important}.block-editor-block-toolbar__block-controls .components-toolbar-group{padding:0}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{display:flex;flex-wrap:nowrap}.block-editor-block-toolbar__slot{display:inline-block;line-height:0}@supports (position:sticky){.block-editor-block-toolbar__slot{display:inline-flex}}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{width:auto}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{content:attr(aria-label);font-size:12px}.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{padding-left:6px;padding-right:6px}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{height:0!important;width:0!important}.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{width:0}.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{width:auto}.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{border-left:1px solid #1e1e1e;margin-left:6px;margin-right:-6px;white-space:nowrap}.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{border-left-color:#e0e0e0}.show-icon-labels .block-editor-block-mover-button{padding-left:8px!important;padding-right:8px!important}.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{padding-left:12px!important;padding-right:12px!important}.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container{border-width:0}@media (min-width:600px){.show-icon-labels .is-up-button.is-up-button.is-up-button{border-radius:0;margin-right:0;order:1}.show-icon-labels .block-editor-block-mover__move-button-container{border-left:1px solid #1e1e1e}.show-icon-labels .block-editor-block-mover__move-button-container:before{background:#1e1e1e;content:"";display:block;height:1px;order:2}.show-icon-labels .is-down-button.is-down-button.is-down-button{order:3}.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container:before{background:#ddd}}.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{width:auto}.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{flex-shrink:1}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{margin-left:6px}.block-editor-inserter{background:none;border:none;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:0;padding:0}@media (min-width:782px){.block-editor-inserter{position:relative}}.block-editor-inserter__main-area{display:flex;flex-direction:column;gap:16px;height:100%;position:relative}.block-editor-inserter__main-area.show-as-tabs{gap:0}@media (min-width:782px){.block-editor-inserter__main-area{width:350px}}.block-editor-inserter__popover.is-quick .components-popover__content{border:none;outline:none}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{border-left:1px solid #ccc;border-right:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{border-top:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{border-bottom:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{border:1px solid #1e1e1e}.block-editor-inserter__popover .block-editor-inserter__menu{margin:-12px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{top:60px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{height:auto;overflow:visible}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{display:none}.block-editor-inserter__toggle.components-button{align-items:center;border:none;cursor:pointer;display:inline-flex;outline:none;padding:0;transition:color .2s ease}@media (prefers-reduced-motion:reduce){.block-editor-inserter__toggle.components-button{transition-delay:0s;transition-duration:0s}}.block-editor-inserter__menu{height:100%;overflow:visible;position:relative}.block-editor-inserter__inline-elements{margin-top:-1px}.block-editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover.block-editor-inserter__popover{z-index:99999}.block-editor-inserter__search{padding:16px 16px 0}.block-editor-inserter__search .components-search-control__icon{right:20px}.block-editor-inserter__tabs{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.block-editor-inserter__tabs .components-tab-panel__tabs{border-bottom:1px solid #ddd}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{flex-grow:1;margin-bottom:-1px}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable]{flex-grow:inherit;padding-left:16px;padding-right:16px}.block-editor-inserter__tabs .components-tab-panel__tab-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.block-editor-inserter__no-tab-container{flex-grow:1;overflow-y:auto}.block-editor-inserter__panel-header{align-items:center;display:inline-flex;padding:16px 16px 0}.block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{color:#757575;font-size:11px;font-weight:500;margin:0 12px 0 0;text-transform:uppercase}.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{height:36px;line-height:36px}.block-editor-inserter__panel-dropdown select{border:none}.block-editor-inserter__reusable-blocks-panel{position:relative;text-align:right}.block-editor-inserter__manage-reusable-blocks-container{margin:auto 16px 16px}.block-editor-inserter__manage-reusable-blocks{justify-content:center;width:100%}.block-editor-inserter__no-results{padding:32px;text-align:center}.block-editor-inserter__no-results-icon{fill:#949494}.block-editor-inserter__child-blocks{padding:0 16px}.block-editor-inserter__parent-block-header{align-items:center;display:flex}.block-editor-inserter__parent-block-header h2{font-size:13px}.block-editor-inserter__parent-block-header .block-editor-block-icon{margin-right:8px}.block-editor-inserter__preview-container{background:#fff;border:1px solid #ddd;border-radius:2px;display:none;left:calc(100% + 16px);max-height:calc(100% - 32px);overflow-y:hidden;position:absolute;top:16px;width:300px}@media (min-width:782px){.block-editor-inserter__preview-container{display:block}}.block-editor-inserter__preview-container .block-editor-block-card{padding:16px}.block-editor-inserter__preview-container .block-editor-block-card__title{font-size:13px}.block-editor-inserter__patterns-explore-button.components-button{justify-content:center;margin-top:16px;padding:16px;width:100%}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category{color:var(--wp-admin-theme-color);position:relative}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item{filter:brightness(.95)}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg{fill:var(--wp-admin-theme-color)}.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.04;position:absolute;right:0;top:0}.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__block-patterns-tabs-container nav{height:100%}.block-editor-inserter__block-patterns-tabs{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px}.block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child{margin-top:auto}.block-editor-inserter__patterns-category-dialog{background:#f0f0f0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;height:100%;left:0;overflow-y:auto;padding:32px 24px;position:absolute;scrollbar-gutter:stable both-edges;top:0;width:100%}@media (min-width:782px){.block-editor-inserter__patterns-category-dialog{display:block;left:100%;width:300px}}.block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list{margin-top:24px}.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container{box-shadow:0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container:hover{box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__patterns-category-panel{padding:0 16px}@media (min-width:782px){.block-editor-inserter__patterns-category-panel{padding:0}}.block-editor-inserter__preview-content{align-items:center;background:#f0f0f0;display:grid;flex-grow:1;min-height:144px}.block-editor-inserter__preview-content-missing{align-items:center;background:#f0f0f0;color:#757575;display:flex;flex:1;justify-content:center;min-height:144px}.block-editor-inserter__tips{border-top:1px solid #ddd;flex-shrink:0;padding:16px;position:relative}.block-editor-inserter__quick-inserter{max-width:100%;width:100%}@media (min-width:782px){.block-editor-inserter__quick-inserter{width:350px}}.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{float:left;height:0;padding:0}.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container{min-height:100px}.block-editor-inserter__quick-inserter-separator{border-top:1px solid #ddd}.block-editor-inserter__popover.is-quick>.components-popover__content{padding:0}.block-editor-inserter__quick-inserter-expand.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:block;height:44px;width:100%}.block-editor-inserter__quick-inserter-expand.components-button:hover{color:#fff}.block-editor-inserter__quick-inserter-expand.components-button:active{color:#ccc}.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);box-shadow:none}.block-editor-block-patterns-explorer__sidebar{bottom:0;left:0;overflow-x:visible;overflow-y:scroll;padding:24px 32px 32px;position:absolute;top:76px;width:280px}.block-editor-block-patterns-explorer__sidebar__categories-list__item{display:block;height:48px;text-align:left;width:100%}.block-editor-block-patterns-explorer__search{margin-bottom:32px}.block-editor-block-patterns-explorer__search-results-count{padding-bottom:32px}.block-editor-block-patterns-explorer__list{margin-left:280px;padding:24px 0 32px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-gap:32px;display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width:1080px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.block-editor-block-patterns-explorer .block-editor-block-patterns-list{grid-template-columns:repeat(3,1fr)}}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{min-height:240px}.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container{height:inherit;max-height:800px;min-height:100px}.block-editor-inserter__patterns-category-panel-title{font-size:16.25px}.block-editor-inserter__media-tabs-container,.block-editor-inserter__media-tabs-container nav{height:100%}.block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button{justify-content:center;margin-top:16px;padding:16px;width:100%}.block-editor-inserter__media-tabs{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px}.block-editor-inserter__media-tabs div[role=listitem]:last-child{margin-top:auto}.block-editor-inserter__media-tabs__media-category.is-selected{color:var(--wp-admin-theme-color);position:relative}.block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item{filter:brightness(.95)}.block-editor-inserter__media-tabs__media-category.is-selected svg{fill:var(--wp-admin-theme-color)}.block-editor-inserter__media-tabs__media-category.is-selected:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;opacity:.04;position:absolute;right:0;top:0}.block-editor-inserter__media-dialog{background:#f0f0f0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;height:100%;left:0;overflow-y:auto;padding:16px 24px;position:absolute;scrollbar-gutter:stable both-edges;top:0;width:100%}@media (min-width:782px){.block-editor-inserter__media-dialog{display:block;left:100%;width:300px}}.block-editor-inserter__media-dialog .block-editor-block-preview__container{box-shadow:0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__media-dialog .block-editor-block-preview__container:hover{box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__media-panel{display:flex;flex-direction:column;min-height:100%;padding:0 16px}@media (min-width:782px){.block-editor-inserter__media-panel{padding:0}}.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{align-items:center;display:flex;flex:1;height:100%;justify-content:center}.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control input[type=search].components-search-control__input{background:#fff}.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control button.components-button{min-width:auto;padding-left:2px;padding-right:2px}.block-editor-inserter__media-list{margin-top:16px}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item{cursor:pointer;margin-bottom:24px;position:relative}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder{min-height:100px}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview{box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07)}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{display:block}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{position:absolute;right:8px;top:8px}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{background:#fff;border-radius:2px;display:none}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{display:block}.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{box-shadow:inset 0 0 0 2px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-inserter__media-list .block-editor-inserter__media-list__item{height:100%}.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{align-items:center;border-radius:2px;display:flex;overflow:hidden}.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{margin:0 auto;max-width:100%}.block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview{box-shadow:inset 0 0 0 2px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{min-width:auto}.block-editor-inserter__mobile-tab-navigation{height:100%;padding:16px}.block-editor-inserter__mobile-tab-navigation>*{height:100%}.block-editor-post-preview__dropdown{padding:0}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{padding-left:40px}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{padding-left:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{padding-bottom:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{margin-bottom:0}.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{padding:8px}@media (min-width:600px){.edit-post-header__settings .editor-post-preview,.edit-site-header-edit-mode__actions .editor-post-preview{display:none}.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{opacity:0}.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{opacity:1}}.tools-panel-item-spacing{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:16px auto}.component-spacing-sizes-control{box-sizing:border-box;display:contents;padding-bottom:12px;width:100%}.component-spacing-sizes-control legend{align-self:center;grid-column:1/1;grid-row:1/1;padding:0}.component-spacing-sizes-control .components-base-control__label{height:16px;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__side-labels{grid-column:1/1;height:16px;justify-content:left;margin-top:16px}.component-spacing-sizes-control .components-spacing-sizes-control__side-label{grid-column:1/1;justify-self:left;margin-bottom:0}.component-spacing-sizes-control.is-unlinked .components-range-control.components-spacing-sizes-control__range-control,.component-spacing-sizes-control.is-unlinked .components-spacing-sizes-control__custom-value-input{margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all,.component-spacing-sizes-control .components-spacing-sizes-control__hint-single{color:#757575;margin-bottom:0}.component-spacing-sizes-control .components-spacing-sizes-control__hint-all{align-self:center;grid-column:2/2;grid-row:1/1;justify-self:left;margin-left:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-all{grid-column:2/2;grid-row:1/1;justify-self:end;margin-top:-4px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button~.components-spacing-sizes-control__custom-toggle-all{margin-right:4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-toggle-single{grid-column:3/3;justify-self:end;margin-top:12px}.component-spacing-sizes-control .component-spacing-sizes-control__linked-button{grid-column:3/3;grid-row:1/1;justify-self:end;line-height:0;margin-top:-4px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-range{grid-column:span 2;margin-left:16px;margin-top:8px}.component-spacing-sizes-control .components-spacing-sizes-control__custom-value-input{grid-column:1;margin-top:8px;width:124px}.component-spacing-sizes-control .components-range-control{align-items:center;display:flex;height:40px}.component-spacing-sizes-control .components-range-control>.components-base-control__field{flex:1}.component-spacing-sizes-control .components-spacing-sizes-control__range-control{grid-column:span 3;margin-top:8px}.component-spacing-sizes-control .components-range-control__mark{background-color:#fff;height:4px;width:3px;z-index:1}.component-spacing-sizes-control .components-range-control__marks{margin-top:17px}.component-spacing-sizes-control .components-range-control__marks :first-child{display:none}.component-spacing-sizes-control [class*=ThumbWrapper-thumbColor]{z-index:3}.component-spacing-sizes-control .components-spacing-sizes-control__custom-select-control{grid-column:span 3;margin-top:8px}.offcanvas-editor-appender .block-editor-inserter__toggle{background-color:#1e1e1e;border-radius:2px;color:#fff;height:24px;margin:8px 0 0 24px;min-width:24px;padding:0}.offcanvas-editor-appender .block-editor-inserter__toggle:focus,.offcanvas-editor-appender .block-editor-inserter__toggle:hover{background:var(--wp-admin-theme-color);color:#fff}.offcanvas-editor-appender__description{display:none}.offcanvas-editor-list-view-tree-wrapper{max-width:100%;overflow-x:auto}.offcanvas-editor-list-view-leaf{display:block;max-width:248px}.offcanvas-editor-list-view-is-empty{margin-left:16px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common-rtl.css b/wp-includes/css/dist/block-library/common-rtl.css index 2137e76364..6832068fb9 100644 --- a/wp-includes/css/dist/block-library/common-rtl.css +++ b/wp-includes/css/dist/block-library/common-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -182,4 +184,14 @@ html :where(img[class*=wp-image-]){ } figure{ margin:0 0 1em; +} + +html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height, 0px); +} + +@media screen and (max-width:600px){ + html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:0px; + } } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common-rtl.min.css b/wp-includes/css/dist/block-library/common-rtl.min.css index 582c7592b5..686c8bfb0c 100644 --- a/wp-includes/css/dist/block-library/common-rtl.min.css +++ b/wp-includes/css/dist/block-library/common-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-left-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-right-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-left-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-right-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-left-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-right-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-left-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-right-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common.css b/wp-includes/css/dist/block-library/common.css index e4e8192f64..387bca3564 100644 --- a/wp-includes/css/dist/block-library/common.css +++ b/wp-includes/css/dist/block-library/common.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -182,4 +184,14 @@ html :where(img[class*=wp-image-]){ } figure{ margin:0 0 1em; +} + +html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height, 0px); +} + +@media screen and (max-width:600px){ + html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:0px; + } } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common.min.css b/wp-includes/css/dist/block-library/common.min.css index 15b6f9a4cb..a62d6874ad 100644 --- a/wp-includes/css/dist/block-library/common.min.css +++ b/wp-includes/css/dist/block-library/common.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor-rtl.css b/wp-includes/css/dist/block-library/editor-rtl.css index abad1e3d30..cfc767f69c 100644 --- a/wp-includes/css/dist/block-library/editor-rtl.css +++ b/wp-includes/css/dist/block-library/editor-rtl.css @@ -37,6 +37,16 @@ ul.wp-block-archives{ display:none; } +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; +} + .wp-block[data-align=center]>.wp-block-button{ margin-left:auto; margin-right:auto; @@ -154,6 +164,9 @@ html :where(.wp-block-column){ margin-bottom:0; margin-top:0; } +.wp-block-comments__legacy-placeholder,.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ float:right; } @@ -388,6 +401,10 @@ html :where(.wp-block-column){ margin-top:24px; } +.wp-block-cover:after{ + min-height:auto; +} + .wp-block-embed{ clear:both; margin-left:0; @@ -867,7 +884,7 @@ figure.wp-block-gallery .components-spinner{ } } .block-library-gallery-item__inline-menu:hover{ - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); } @media (min-width:600px){ .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ @@ -941,10 +958,64 @@ figure.wp-block-gallery .components-spinner{ min-height:46px; pointer-events:none; } +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ pointer-events:all; } +.wp-block-group__placeholder .wp-block-group-placeholder__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:center; + list-style:none; + margin:0; + padding:0; + width:100%; +} +.wp-block-group__placeholder .components-placeholder__instructions{ + margin-bottom:18px; + text-align:center; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{ + fill:#ccc !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{ + fill:var(--wp-admin-theme-color) !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{ + align-items:center; + display:flex; + flex-direction:column; + margin:0 12px 12px; + width:auto; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{ + height:32px; + padding:0; + width:44px; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{ + box-shadow:none; +} +.wp-block-group__placeholder .components-placeholder{ + min-height:auto; + padding:24px; +} +.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{ + margin:12px; +} + .block-library-html__edit .block-library-html__preview-overlay{ height:100%; position:absolute; @@ -988,6 +1059,9 @@ figure.wp-block-gallery .components-spinner{ .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ display:none; } +.wp-block-image.wp-block-image.is-selected .components-placeholder:before{ + opacity:0; +} .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ transition:none; } @@ -1013,7 +1087,7 @@ figure.wp-block-image:not(.wp-block){ } .wp-block-image .components-resizable-box__container{ - display:inline-block; + display:table; } .wp-block-image .components-resizable-box__container img{ display:block; @@ -1085,15 +1159,6 @@ figure.wp-block-image:not(.wp-block){ min-width:260px; overflow:visible !important; } -.wp-block-image__zoom .components-range-control{ - flex:1; -} -.wp-block-image__zoom .components-base-control__field{ - align-items:flex-start; - display:flex; - flex-direction:column; - margin-bottom:0; -} .wp-block-image__aspect-ratio{ align-items:center; @@ -1217,12 +1282,6 @@ figure.wp-block-image:not(.wp-block){ .wp-block-navigation-item__label{ display:inline; } -.wp-block-navigation__container.is-parent-of-selected-block{ - opacity:1; - overflow:visible; - visibility:visible; -} - .wp-block-navigation-item,.wp-block-navigation__container{ background-color:inherit; } @@ -1369,10 +1428,6 @@ figure.wp-block-image:not(.wp-block){ color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner{ - margin-top:0; -} - .wp-block-navigation-placeholder__preview{ align-items:center; background:transparent; @@ -1398,6 +1453,17 @@ figure.wp-block-image:not(.wp-block){ right:0; top:0; } +.wp-block-navigation-placeholder__preview:before:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-navigation-placeholder__preview>svg{ fill:currentColor; } @@ -1559,6 +1625,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:0; } +.components-heading.wp-block-navigation-off-canvas-editor__title{ + margin:0; +} + +.wp-block-navigation-off-canvas-editor__header{ + margin-bottom:8px; +} + .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ margin-top:16px; } @@ -1575,6 +1649,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:8px 12px; } +.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{ + margin-top:0; +} + @keyframes fadeouthalf{ 0%{ opacity:1; @@ -1589,6 +1667,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.components-button.is-link.wp-block-navigation-manage-menus-button{ + margin-bottom:16px; +} + .wp-block-navigation__overlay-menu-preview{ align-items:center; background-color:#f0f0f0; @@ -1619,11 +1701,29 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.wp-block-navigation__navigation-selector-button__icon{ + flex:0 0 auto; +} + +.wp-block-navigation__navigation-selector-button__label{ + flex:0 1 auto; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + .wp-block-navigation__navigation-selector-button--createnew{ border:1px solid; margin-bottom:16px; width:100%; } + +.wp-block-navigation__responsive-container-open.components-button{ + opacity:1; +} +.wp-block-navigation .block-list-appender{ + position:relative; +} .wp-block-navigation .has-child{ cursor:pointer; } @@ -1784,6 +1884,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op flex:inherit; } +.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{ + display:block; +} + .wp-block-pages-list__item__link{ pointer-events:none; } @@ -1844,10 +1948,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op display:inline; } -.wp-block-rss__placeholder-form{ - align-items:stretch; - display:flex; -} .wp-block-rss__placeholder-form>*{ margin-bottom:8px; } @@ -1856,17 +1956,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op margin-bottom:0; } } - -.wp-block-rss__placeholder-input{ - align-items:stretch; - display:flex; - flex-grow:1; -} -.wp-block-rss__placeholder-input .components-base-control__field{ - align-items:stretch; - display:flex; - flex-grow:1; - margin:0 0 0 8px; +.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{ + flex:1; + min-width:80%; } .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ @@ -1900,7 +1992,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op } .blocks-shortcode__textarea{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -1971,6 +2063,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op .wp-block-site-logo.wp-block-site-logo .components-placeholder{ align-items:center; border-radius:inherit; + display:flex; height:100%; justify-content:center; min-height:48px; @@ -2004,6 +2097,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:1em 0; } +.editor-styles-wrapper .wp-block-site-title a{ + color:inherit; +} + .wp-block-social-links .wp-social-link{ line-height:0; } @@ -2172,14 +2269,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op border-style:double; box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption{ - color:#555; - font-size:13px; - text-align:center; -} -.is-dark-theme .wp-block-table figcaption{ - color:hsla(0,0%,100%,.65); -} .wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ border:1px solid; } @@ -2210,9 +2299,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op .blocks-table__placeholder-input input{ height:36px; } -.blocks-table__placeholder-input .components-base-control__field{ - margin-bottom:0; -} .block-editor-template-part__selection-modal{ z-index:1000001; @@ -2239,13 +2325,43 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:16px 0; position:sticky; top:0; - z-index:1; + z-index:2; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; } .wp-block-text-columns .block-editor-rich-text__editable:focus{ outline:1px solid #ddd; } +.wp-block-video.wp-block-video.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{ + opacity:0; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder:before{ + opacity:0; +} +.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{ + transition:none; +} + .wp-block[data-align=center]>.wp-block-video{ text-align:center; } @@ -2276,39 +2392,18 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op } .block-library-video-tracks-editor__track-list-track{ - align-items:baseline; - display:flex; padding-right:12px; - place-content:space-between; -} - -.block-library-video-tracks-editor__single-track-editor-label-language{ - display:flex; - margin-top:12px; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ - width:50%; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ - margin-left:16px; } .block-library-video-tracks-editor__single-track-editor-kind-select{ max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container{ - display:flex; - margin-top:32px; - place-content:space-between; -} - .block-library-video-tracks-editor__single-track-editor-edit-track-label{ color:#757575; display:block; font-size:11px; font-weight:500; - margin-bottom:12px; margin-top:4px; text-transform:uppercase; } @@ -2326,19 +2421,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ - margin-bottom:4px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ - margin-bottom:12px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ - margin-right:0; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ - margin-bottom:4px; -} - .editor-styles-wrapper ul.wp-block-post-template{ list-style:none; margin-right:0; @@ -2350,7 +2432,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op } .wp-block-query__create-new-link{ - padding:0 56px 16px 16px; + padding:0 52px 16px 16px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list{ @@ -2365,32 +2447,29 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content{ - margin-bottom:60px; - padding:0; -} -.block-editor-query-pattern__selection-modal .components-modal__content:before{ - margin-bottom:0; -} - @media (min-width:600px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ height:calc(100% - 120px); width:calc(100% - 32px); } } @media (min-width:782px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ width:750px; } } @media (min-width:960px){ - .block-editor-query-pattern__selection-modal{ - height:80%; - max-height:none; - width:80%; + .block-library-query-pattern__selection-modal .components-modal__frame{ + height:70%; } } +.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:2; +} .block-library-query-toolspanel__filters .components-form-token-field__help{ margin-bottom:0; diff --git a/wp-includes/css/dist/block-library/editor-rtl.min.css b/wp-includes/css/dist/block-library/editor-rtl.min.css index 058dca91e1..d258ef5493 100644 --- a/wp-includes/css/dist/block-library/editor-rtl.min.css +++ b/wp-includes/css/dist/block-library/editor-rtl.min.css @@ -1 +1 @@ -ul.wp-block-archives{padding-right:2.5em}.wp-block-audio{margin-left:0;margin-right:0;position:relative}.wp-block-audio.is-transient audio{opacity:.3}.wp-block-audio .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.wp-block-avatar__image img{width:100%}.wp-block-avatar.aligncenter .components-resizable-box__container{margin:0 auto}.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.wp-block[data-align=center]>.wp-block-button{margin-left:auto;margin-right:auto;text-align:center}.wp-block[data-align=right]>.wp-block-button{text-align:right}.wp-block-button{cursor:text;position:relative}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}.wp-block-button__inline-link{color:#757575;height:0;max-width:290px;overflow:hidden}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{margin:0}.wp-block-buttons>.block-list-appender{align-items:center;display:inline-flex}.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{justify-content:flex-start}.wp-block-buttons>.wp-block-button:focus{box-shadow:none}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{margin-left:auto;margin-right:auto;margin-top:0;width:100%}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{margin-bottom:0}.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block[data-align=center]>.wp-block-buttons{align-items:center;justify-content:center}.wp-block[data-align=right]>.wp-block-buttons{justify-content:flex-end}.wp-block-categories ul{padding-right:2.5em}.wp-block-categories ul ul{margin-top:6px}.wp-block-code code{background:none}.wp-block-columns :where(.wp-block){margin-left:0;margin-right:0;max-width:none}html :where(.wp-block-column){margin-bottom:0;margin-top:0}.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:right}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:left}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none}.wp-block-comment-author-avatar__placeholder{stroke:currentColor;stroke-dasharray:3;border:1px dashed;height:100%;width:100%}.wp-block[data-align=center]>.wp-block-comments-pagination{justify-content:center}.editor-styles-wrapper .wp-block-comments-pagination{max-width:100%}.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{margin:0}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em;margin-top:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination-numbers a{text-decoration:underline}.wp-block-comments-pagination-numbers .page-numbers{margin-left:2px}.wp-block-comments-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-comments-title.has-background{padding:inherit}.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{margin:0;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:right}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-right:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}.wp-block-embed{clear:both;margin-left:0;margin-right:0}.wp-block-embed.is-loading{display:flex;justify-content:center}.wp-block-embed .components-placeholder__error{word-break:break-word}.wp-block-embed .components-placeholder__learn-more{margin-top:1em}.block-library-embed__interactive-overlay{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{max-width:360px;width:100%}.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{min-width:280px}.wp-block-file{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0}.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{height:auto}.wp-block-file .components-resizable-box__container{margin-bottom:1em}.wp-block-file .wp-block-file__preview{height:100%;margin-bottom:1em;width:100%}.wp-block-file .wp-block-file__preview-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file a{min-width:1em}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-right:.75em}.wp-block-freeform.block-library-rich-text__tinymce{height:auto}.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{line-height:1.8}.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{margin-right:0;padding-right:2.5em}.wp-block-freeform.block-library-rich-text__tinymce blockquote{border-right:4px solid #000;box-shadow:inset 0 0 0 0 #ddd;margin:0;padding-right:1em}.wp-block-freeform.block-library-rich-text__tinymce pre{color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;white-space:pre-wrap}.wp-block-freeform.block-library-rich-text__tinymce>:first-child{margin-top:0}.wp-block-freeform.block-library-rich-text__tinymce>:last-child{margin-bottom:0}.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce a{color:var(--wp-admin-theme-color)}.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{background:#e5f5fa;border-radius:2px;box-shadow:0 0 0 1px #e5f5fa;margin:0 -2px;padding:0 2px}.wp-block-freeform.block-library-rich-text__tinymce code{background:#f0f0f0;border-radius:2px;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;padding:2px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#ddd}.wp-block-freeform.block-library-rich-text__tinymce .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-freeform.block-library-rich-text__tinymce .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:1900px 20px;cursor:default;display:block;height:20px;margin:15px auto;outline:0;width:96%}.wp-block-freeform.block-library-rich-text__tinymce img::selection{background-color:initial}.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{-ms-user-select:element}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{margin:0;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{display:block}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{-webkit-user-drag:none}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{margin:0;padding-top:.5em}.wp-block-freeform.block-library-rich-text__tinymce .wpview{border:1px solid transparent;clear:both;margin-bottom:16px;position:relative;width:99.99%}.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{background:transparent;display:block;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{display:none}.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{border:1px dashed #ddd;padding:10px}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{word-wrap:break-word;border:1px solid #ddd;margin:0;padding:1em 0}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{margin:0;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{border-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{display:block;font-size:32px;height:32px;margin:0 auto;width:32px}.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{clear:both;content:"";display:table}.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce .gallery a{cursor:default}.wp-block-freeform.block-library-rich-text__tinymce .gallery{line-height:1;margin:auto -6px;overflow-x:hidden;padding:6px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{box-sizing:border-box;float:right;margin:0;padding:6px;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{margin:0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{font-size:13px;margin:4px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{width:100%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{width:50%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{width:33.3333333333%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{width:25%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{width:20%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{width:16.6666666667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.2857142857%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{width:12.5%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{width:11.1111111111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{border:none;height:auto;max-width:100%;padding:0}div[data-type="core/freeform"]:before{border:1px solid #ddd;outline:1px solid transparent;transition:border-color .1s linear,box-shadow .1s linear}@media (prefers-reduced-motion:reduce){div[data-type="core/freeform"]:before{transition-delay:0s;transition-duration:0s}}div[data-type="core/freeform"].is-selected:before{border-color:#1e1e1e}div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{clear:both;content:"";display:table}.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{color:#1e1e1e}.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{margin-left:0;margin-right:8px}.mce-toolbar-grp .mce-btn i{font-style:normal}.block-library-classic__toolbar{border:1px solid #ddd;border-bottom:none;border-radius:2px;display:none;margin:0 0 8px;padding:0;position:sticky;top:0;width:auto;z-index:31}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{border-color:#1e1e1e;display:block}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{background:#f5f5f5;border-bottom:1px solid #e2e4e7;display:block}.block-library-classic__toolbar:empty:before{color:#555d66;content:attr(data-placeholder);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:37px;padding:14px}.block-library-classic__toolbar div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{height:auto!important;width:100%!important}.block-library-classic__toolbar .mce-container-body.mce-abs-layout{overflow:visible}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{position:static}.block-library-classic__toolbar .mce-toolbar-grp>div{padding:1px 3px}.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar,figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{left:5px;position:absolute;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.gallery-settings-buttons .components-button:first-child{margin-left:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 4px 0 8px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 2px 6px rgba(0,0,0,.05)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{right:-2px}.block-library-gallery-item__inline-menu.is-right{left:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all}.block-library-html__edit .block-library-html__preview-overlay{height:100%;position:absolute;right:0;top:0;width:100%}.block-library-html__edit .block-editor-plain-text{background:#fff!important;border:1px solid #1e1e1e!important;border-radius:2px!important;box-shadow:none!important;color:#1e1e1e!important;font-family:Menlo,Consolas,monaco,monospace!important;font-size:16px!important;max-height:250px;padding:12px!important}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px!important}}.block-library-html__edit .block-editor-plain-text:focus{border-color:var(--wp-admin-theme-color)!important;box-shadow:0 0 0 1px var(--wp-admin-theme-color)!important;outline:2px solid transparent!important}.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__zoom .components-range-control{flex:1}.wp-block-image__zoom .components-base-control__field{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}.wp-block-latest-posts{padding-right:2.5em}.wp-block-latest-posts.is-grid{padding-right:0}.wp-block-latest-posts>li{overflow:hidden}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px}.editor-latest-posts-image-alignment-control .components-base-control__label{display:block}.editor-latest-posts-image-alignment-control .components-toolbar{border-radius:2px}.wp-block-media-text__media{position:relative}.wp-block-media-text__media.is-transient img{opacity:.3}.wp-block-media-text__media .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}.block-editor-block-list__block[data-type="core/more"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-more{display:block;text-align:center;white-space:nowrap}.wp-block-more input[type=text]{background:#fff;border:none;border-radius:4px;box-shadow:none;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;margin:0;max-width:100%;padding:6px 8px;position:relative;text-align:center;text-transform:uppercase;white-space:nowrap}.wp-block-more input[type=text]:focus{box-shadow:none}.wp-block-more:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation__container.is-parent-of-selected-block{opacity:1;overflow:visible;visibility:visible}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:0;margin-right:auto;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:left;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder .components-spinner{margin-top:0}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:right;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-left:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-right:4px;padding:0 0 0 6px}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-left:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-left:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{right:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{right:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{left:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{right:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px 16px 16px auto}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(-45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(-135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:100% 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto}.wp-block-navigation-submenu{display:block}.wp-block-navigation-submenu .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;position:absolute;right:-1px;top:100%;visibility:visible!important;width:auto!important}@media (min-width:782px){.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:-1px}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;left:100%;position:absolute;width:.5em}}.block-editor-block-list__block[data-type="core/nextpage"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{background:#fff;border-radius:4px;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;padding:6px 8px;position:relative;text-transform:uppercase}.wp-block-nextpage:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-right:0}.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{min-height:auto!important}.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:1}.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{opacity:0}.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{display:inline-block}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:32px}.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{font-style:normal;text-transform:none}.wp-block-pullquote .wp-block-pullquote__citation{color:inherit}.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{align-items:stretch;display:flex}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-rss__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 0 0 8px}.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__button{align-items:center;border-radius:initial;display:flex;height:auto}.wp-block-search__components-button-group{margin-top:10px}.block-editor-block-list__block[data-type="core/separator"]{padding-bottom:.1px;padding-top:.1px}.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{background:none!important;border:none}[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit}.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0}.wp-block-social-links .wp-social-link{line-height:0}.wp-block-social-links .wp-social-link button{color:currentColor;font-size:inherit;height:auto;line-height:0;opacity:1;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links.is-style-logos-only .wp-social-link button{padding:0}.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-right:8px}.wp-block-social-links.wp-block-social-links{background:none}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;list-style:none;opacity:.8}.wp-block-social-links__social-placeholder>.wp-social-link{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;visibility:hidden;width:0!important}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{border-radius:50%;content:"";display:block;height:1em;width:1em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;list-style:none;margin-bottom:auto;margin-top:auto;min-height:24px;order:2;padding-left:8px}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-delay:0s;transition-duration:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;height:100%;min-height:8px;min-width:8px;position:absolute;width:100%;z-index:1}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:rgba(0,0,0,.1)}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:hsla(0,0%,100%,.15)}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container:not(.is-resizing){height:100%!important;width:100%!important}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{margin-bottom:0}.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-left:8px;width:112px}.blocks-table__placeholder-input input{height:36px}.blocks-table__placeholder-input .components-base-control__field{margin-bottom:0}.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:1}.wp-block-text-columns .block-editor-rich-text__editable:focus{outline:1px solid #ddd}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-left:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{align-items:baseline;display:flex;padding-right:12px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-label-language{display:flex;margin-top:12px}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{width:50%}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{margin-left:16px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-buttons-container{display:flex;margin-top:32px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{margin-bottom:4px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{margin-bottom:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{margin-right:0}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{margin-bottom:4px}.editor-styles-wrapper ul.wp-block-post-template{list-style:none;margin-right:0;padding-right:0}.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 56px 16px 16px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}.block-editor-query-pattern__selection-modal .components-modal__content{margin-bottom:60px;padding:0}.block-editor-query-pattern__selection-modal .components-modal__content:before{margin-bottom:0}@media (min-width:600px){.block-editor-query-pattern__selection-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-query-pattern__selection-modal{width:750px}}@media (min-width:960px){.block-editor-query-pattern__selection-modal{height:80%;max-height:none;width:80%}}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px}.wp-block[data-align=center]>.wp-block-query-pagination{justify-content:center}.editor-styles-wrapper .wp-block-query-pagination{max-width:100%}.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{margin:0}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em;margin-top:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination-numbers a{text-decoration:underline}.wp-block-query-pagination-numbers .page-numbers{margin-left:2px}.wp-block-query-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-post-featured-image .block-editor-media-placeholder{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{align-items:center;justify-content:center;min-height:200px;padding:0}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-right-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{height:100%;min-height:48px;min-width:48px;width:100%}div[data-type="core/post-featured-image"] img{display:block;height:auto;max-width:100%}.wp-block-post-comments-form *{pointer-events:none}.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto}.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}:root .editor-styles-wrapper .has-very-light-gray-background-color{background-color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-background-color{background-color:#313131}:root .editor-styles-wrapper .has-very-light-gray-color{color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-color{color:#313131}:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .editor-styles-wrapper .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .editor-styles-wrapper .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .editor-styles-wrapper .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .editor-styles-wrapper .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .editor-styles-wrapper .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.editor-styles-wrapper{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.editor-styles-wrapper .has-regular-font-size{font-size:16px}.editor-styles-wrapper .has-larger-font-size{font-size:42px}.editor-styles-wrapper .has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.editor-styles-wrapper .has-huge-font-size{font-size:var(--wp--preset--font-size--huge)} \ No newline at end of file +ul.wp-block-archives{padding-right:2.5em}.wp-block-audio{margin-left:0;margin-right:0;position:relative}.wp-block-audio.is-transient audio{opacity:.3}.wp-block-audio .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.wp-block-avatar__image img{width:100%}.wp-block-avatar.aligncenter .components-resizable-box__container{margin:0 auto}.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.wp-block[data-align=center]>.wp-block-button{margin-left:auto;margin-right:auto;text-align:center}.wp-block[data-align=right]>.wp-block-button{text-align:right}.wp-block-button{cursor:text;position:relative}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}.wp-block-button__inline-link{color:#757575;height:0;max-width:290px;overflow:hidden}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{margin:0}.wp-block-buttons>.block-list-appender{align-items:center;display:inline-flex}.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{justify-content:flex-start}.wp-block-buttons>.wp-block-button:focus{box-shadow:none}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{margin-left:auto;margin-right:auto;margin-top:0;width:100%}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{margin-bottom:0}.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block[data-align=center]>.wp-block-buttons{align-items:center;justify-content:center}.wp-block[data-align=right]>.wp-block-buttons{justify-content:flex-end}.wp-block-categories ul{padding-right:2.5em}.wp-block-categories ul ul{margin-top:6px}.wp-block-code code{background:none}.wp-block-columns :where(.wp-block){margin-left:0;margin-right:0;max-width:none}html :where(.wp-block-column){margin-bottom:0;margin-top:0}.wp-block-comments__legacy-placeholder,.wp-block-post-comments{box-sizing:border-box}.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:right}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:left}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none}.wp-block-comment-author-avatar__placeholder{stroke:currentColor;stroke-dasharray:3;border:1px dashed;height:100%;width:100%}.wp-block[data-align=center]>.wp-block-comments-pagination{justify-content:center}.editor-styles-wrapper .wp-block-comments-pagination{max-width:100%}.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{margin:0}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em;margin-top:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination-numbers a{text-decoration:underline}.wp-block-comments-pagination-numbers .page-numbers{margin-left:2px}.wp-block-comments-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-comments-title.has-background{padding:inherit}.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{margin:0;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:right}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-right:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}.wp-block-cover:after{min-height:auto}.wp-block-embed{clear:both;margin-left:0;margin-right:0}.wp-block-embed.is-loading{display:flex;justify-content:center}.wp-block-embed .components-placeholder__error{word-break:break-word}.wp-block-embed .components-placeholder__learn-more{margin-top:1em}.block-library-embed__interactive-overlay{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{max-width:360px;width:100%}.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{min-width:280px}.wp-block-file{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0}.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{height:auto}.wp-block-file .components-resizable-box__container{margin-bottom:1em}.wp-block-file .wp-block-file__preview{height:100%;margin-bottom:1em;width:100%}.wp-block-file .wp-block-file__preview-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file a{min-width:1em}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-right:.75em}.wp-block-freeform.block-library-rich-text__tinymce{height:auto}.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{line-height:1.8}.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{margin-right:0;padding-right:2.5em}.wp-block-freeform.block-library-rich-text__tinymce blockquote{border-right:4px solid #000;box-shadow:inset 0 0 0 0 #ddd;margin:0;padding-right:1em}.wp-block-freeform.block-library-rich-text__tinymce pre{color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;white-space:pre-wrap}.wp-block-freeform.block-library-rich-text__tinymce>:first-child{margin-top:0}.wp-block-freeform.block-library-rich-text__tinymce>:last-child{margin-bottom:0}.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce a{color:var(--wp-admin-theme-color)}.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{background:#e5f5fa;border-radius:2px;box-shadow:0 0 0 1px #e5f5fa;margin:0 -2px;padding:0 2px}.wp-block-freeform.block-library-rich-text__tinymce code{background:#f0f0f0;border-radius:2px;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;padding:2px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#ddd}.wp-block-freeform.block-library-rich-text__tinymce .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-freeform.block-library-rich-text__tinymce .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:1900px 20px;cursor:default;display:block;height:20px;margin:15px auto;outline:0;width:96%}.wp-block-freeform.block-library-rich-text__tinymce img::selection{background-color:initial}.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{-ms-user-select:element}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{margin:0;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{display:block}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{-webkit-user-drag:none}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{margin:0;padding-top:.5em}.wp-block-freeform.block-library-rich-text__tinymce .wpview{border:1px solid transparent;clear:both;margin-bottom:16px;position:relative;width:99.99%}.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{background:transparent;display:block;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{display:none}.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{border:1px dashed #ddd;padding:10px}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{word-wrap:break-word;border:1px solid #ddd;margin:0;padding:1em 0}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{margin:0;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{border-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{display:block;font-size:32px;height:32px;margin:0 auto;width:32px}.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{clear:both;content:"";display:table}.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce .gallery a{cursor:default}.wp-block-freeform.block-library-rich-text__tinymce .gallery{line-height:1;margin:auto -6px;overflow-x:hidden;padding:6px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{box-sizing:border-box;float:right;margin:0;padding:6px;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{margin:0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{font-size:13px;margin:4px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{width:100%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{width:50%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{width:33.3333333333%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{width:25%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{width:20%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{width:16.6666666667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.2857142857%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{width:12.5%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{width:11.1111111111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{border:none;height:auto;max-width:100%;padding:0}div[data-type="core/freeform"]:before{border:1px solid #ddd;outline:1px solid transparent;transition:border-color .1s linear,box-shadow .1s linear}@media (prefers-reduced-motion:reduce){div[data-type="core/freeform"]:before{transition-delay:0s;transition-duration:0s}}div[data-type="core/freeform"].is-selected:before{border-color:#1e1e1e}div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{clear:both;content:"";display:table}.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{color:#1e1e1e}.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{margin-left:0;margin-right:8px}.mce-toolbar-grp .mce-btn i{font-style:normal}.block-library-classic__toolbar{border:1px solid #ddd;border-bottom:none;border-radius:2px;display:none;margin:0 0 8px;padding:0;position:sticky;top:0;width:auto;z-index:31}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{border-color:#1e1e1e;display:block}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{background:#f5f5f5;border-bottom:1px solid #e2e4e7;display:block}.block-library-classic__toolbar:empty:before{color:#555d66;content:attr(data-placeholder);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:37px;padding:14px}.block-library-classic__toolbar div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{height:auto!important;width:100%!important}.block-library-classic__toolbar .mce-container-body.mce-abs-layout{overflow:visible}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{position:static}.block-library-classic__toolbar .mce-toolbar-grp>div{padding:1px 3px}.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar,figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{left:5px;position:absolute;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.gallery-settings-buttons .components-button:first-child{margin-left:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 4px 0 8px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{right:-2px}.block-library-gallery-item__inline-menu.is-right{left:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all}.wp-block-group__placeholder .wp-block-group-placeholder__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.wp-block-group__placeholder .components-placeholder__instructions{margin-bottom:18px;text-align:center}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{fill:#ccc!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{fill:var(--wp-admin-theme-color)!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{align-items:center;display:flex;flex-direction:column;margin:0 12px 12px;width:auto}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{height:32px;padding:0;width:44px}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{box-shadow:none}.wp-block-group__placeholder .components-placeholder{min-height:auto;padding:24px}.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{margin:12px}.block-library-html__edit .block-library-html__preview-overlay{height:100%;position:absolute;right:0;top:0;width:100%}.block-library-html__edit .block-editor-plain-text{background:#fff!important;border:1px solid #1e1e1e!important;border-radius:2px!important;box-shadow:none!important;color:#1e1e1e!important;font-family:Menlo,Consolas,monaco,monospace!important;font-size:16px!important;max-height:250px;padding:12px!important}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px!important}}.block-library-html__edit .block-editor-plain-text:focus{border-color:var(--wp-admin-theme-color)!important;box-shadow:0 0 0 1px var(--wp-admin-theme-color)!important;outline:2px solid transparent!important}.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}.wp-block-latest-posts{padding-right:2.5em}.wp-block-latest-posts.is-grid{padding-right:0}.wp-block-latest-posts>li{overflow:hidden}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px}.editor-latest-posts-image-alignment-control .components-base-control__label{display:block}.editor-latest-posts-image-alignment-control .components-toolbar{border-radius:2px}.wp-block-media-text__media{position:relative}.wp-block-media-text__media.is-transient img{opacity:.3}.wp-block-media-text__media .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}.block-editor-block-list__block[data-type="core/more"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-more{display:block;text-align:center;white-space:nowrap}.wp-block-more input[type=text]{background:#fff;border:none;border-radius:4px;box-shadow:none;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;margin:0;max-width:100%;padding:6px 8px;position:relative;text-align:center;text-transform:uppercase;white-space:nowrap}.wp-block-more input[type=text]:focus{box-shadow:none}.wp-block-more:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:0;margin-right:auto;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:left;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview:before:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:right;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-left:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-right:4px;padding:0 0 0 6px}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-left:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-left:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{right:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{right:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{left:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{right:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.components-heading.wp-block-navigation-off-canvas-editor__title{margin:0}.wp-block-navigation-off-canvas-editor__header{margin-bottom:8px}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{margin-top:0}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.components-button.is-link.wp-block-navigation-manage-menus-button{margin-bottom:16px}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button__icon{flex:0 0 auto}.wp-block-navigation__navigation-selector-button__label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%}.wp-block-navigation__responsive-container-open.components-button{opacity:1}.wp-block-navigation .block-list-appender{position:relative}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px 16px 16px auto}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(-45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(-135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:100% 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto}.wp-block-navigation-submenu{display:block}.wp-block-navigation-submenu .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;position:absolute;right:-1px;top:100%;visibility:visible!important;width:auto!important}@media (min-width:782px){.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:-1px}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;left:100%;position:absolute;width:.5em}}.block-editor-block-list__block[data-type="core/nextpage"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{background:#fff;border-radius:4px;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;padding:6px 8px;position:relative;text-transform:uppercase}.wp-block-nextpage:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{display:block}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-right:0}.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{min-height:auto!important}.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:1}.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{opacity:0}.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{display:inline-block}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:32px}.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{font-style:normal;text-transform:none}.wp-block-pullquote .wp-block-pullquote__citation{color:inherit}.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{flex:1;min-width:80%}.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__button{align-items:center;border-radius:initial;display:flex;height:auto}.wp-block-search__components-button-group{margin-top:10px}.block-editor-block-list__block[data-type="core/separator"]{padding-bottom:.1px;padding-top:.1px}.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{background:none!important;border:none}[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit}.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0}.editor-styles-wrapper .wp-block-site-title a{color:inherit}.wp-block-social-links .wp-social-link{line-height:0}.wp-block-social-links .wp-social-link button{color:currentColor;font-size:inherit;height:auto;line-height:0;opacity:1;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links.is-style-logos-only .wp-social-link button{padding:0}.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-right:8px}.wp-block-social-links.wp-block-social-links{background:none}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;list-style:none;opacity:.8}.wp-block-social-links__social-placeholder>.wp-social-link{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;visibility:hidden;width:0!important}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{border-radius:50%;content:"";display:block;height:1em;width:1em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;list-style:none;margin-bottom:auto;margin-top:auto;min-height:24px;order:2;padding-left:8px}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-delay:0s;transition-duration:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;height:100%;min-height:8px;min-width:8px;position:absolute;width:100%;z-index:1}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:rgba(0,0,0,.1)}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:hsla(0,0%,100%,.15)}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container:not(.is-resizing){height:100%!important;width:100%!important}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{margin-bottom:0}.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-left:8px;width:112px}.blocks-table__placeholder-input input{height:36px}.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.wp-block-text-columns .block-editor-rich-text__editable:focus{outline:1px solid #ddd}.wp-block-video.wp-block-video.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e}.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{opacity:0}.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-video.wp-block-video.is-selected .components-placeholder:before{opacity:0}.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{transition:none}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-left:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{padding-right:12px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.editor-styles-wrapper ul.wp-block-post-template{list-style:none;margin-right:0;padding-right:0}.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 52px 16px 16px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}@media (min-width:600px){.block-library-query-pattern__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-library-query-pattern__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-library-query-pattern__selection-modal .components-modal__frame{height:70%}}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px}.wp-block[data-align=center]>.wp-block-query-pagination{justify-content:center}.editor-styles-wrapper .wp-block-query-pagination{max-width:100%}.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{margin:0}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em;margin-top:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination-numbers a{text-decoration:underline}.wp-block-query-pagination-numbers .page-numbers{margin-left:2px}.wp-block-query-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-post-featured-image .block-editor-media-placeholder{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{align-items:center;justify-content:center;min-height:200px;padding:0}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-right-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{height:100%;min-height:48px;min-width:48px;width:100%}div[data-type="core/post-featured-image"] img{display:block;height:auto;max-width:100%}.wp-block-post-comments-form *{pointer-events:none}.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto}.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}:root .editor-styles-wrapper .has-very-light-gray-background-color{background-color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-background-color{background-color:#313131}:root .editor-styles-wrapper .has-very-light-gray-color{color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-color{color:#313131}:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .editor-styles-wrapper .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .editor-styles-wrapper .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .editor-styles-wrapper .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .editor-styles-wrapper .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .editor-styles-wrapper .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.editor-styles-wrapper{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.editor-styles-wrapper .has-regular-font-size{font-size:16px}.editor-styles-wrapper .has-larger-font-size{font-size:42px}.editor-styles-wrapper .has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.editor-styles-wrapper .has-huge-font-size{font-size:var(--wp--preset--font-size--huge)} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor.css b/wp-includes/css/dist/block-library/editor.css index b580d6d489..e0cc8c49f2 100644 --- a/wp-includes/css/dist/block-library/editor.css +++ b/wp-includes/css/dist/block-library/editor.css @@ -37,6 +37,16 @@ ul.wp-block-archives{ display:none; } +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; +} + .wp-block[data-align=center]>.wp-block-button{ margin-left:auto; margin-right:auto; @@ -154,6 +164,9 @@ html :where(.wp-block-column){ margin-bottom:0; margin-top:0; } +.wp-block-comments__legacy-placeholder,.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ float:left; } @@ -386,6 +399,10 @@ html :where(.wp-block-column){ margin-top:24px; } +.wp-block-cover:after{ + min-height:auto; +} + .wp-block-embed{ clear:both; margin-left:0; @@ -865,7 +882,7 @@ figure.wp-block-gallery .components-spinner{ } } .block-library-gallery-item__inline-menu:hover{ - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); } @media (min-width:600px){ .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ @@ -939,10 +956,64 @@ figure.wp-block-gallery .components-spinner{ min-height:46px; pointer-events:none; } +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ pointer-events:all; } +.wp-block-group__placeholder .wp-block-group-placeholder__variations{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + justify-content:center; + list-style:none; + margin:0; + padding:0; + width:100%; +} +.wp-block-group__placeholder .components-placeholder__instructions{ + margin-bottom:18px; + text-align:center; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{ + fill:#ccc !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{ + fill:var(--wp-admin-theme-color) !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{ + align-items:center; + display:flex; + flex-direction:column; + margin:0 12px 12px; + width:auto; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{ + height:32px; + padding:0; + width:44px; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{ + box-shadow:none; +} +.wp-block-group__placeholder .components-placeholder{ + min-height:auto; + padding:24px; +} +.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{ + margin:12px; +} + .block-library-html__edit .block-library-html__preview-overlay{ height:100%; left:0; @@ -986,6 +1057,9 @@ figure.wp-block-gallery .components-spinner{ .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ display:none; } +.wp-block-image.wp-block-image.is-selected .components-placeholder:before{ + opacity:0; +} .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ transition:none; } @@ -1011,7 +1085,7 @@ figure.wp-block-image:not(.wp-block){ } .wp-block-image .components-resizable-box__container{ - display:inline-block; + display:table; } .wp-block-image .components-resizable-box__container img{ display:block; @@ -1083,15 +1157,6 @@ figure.wp-block-image:not(.wp-block){ min-width:260px; overflow:visible !important; } -.wp-block-image__zoom .components-range-control{ - flex:1; -} -.wp-block-image__zoom .components-base-control__field{ - align-items:flex-start; - display:flex; - flex-direction:column; - margin-bottom:0; -} .wp-block-image__aspect-ratio{ align-items:center; @@ -1215,12 +1280,6 @@ figure.wp-block-image:not(.wp-block){ .wp-block-navigation-item__label{ display:inline; } -.wp-block-navigation__container.is-parent-of-selected-block{ - opacity:1; - overflow:visible; - visibility:visible; -} - .wp-block-navigation-item,.wp-block-navigation__container{ background-color:inherit; } @@ -1367,10 +1426,6 @@ figure.wp-block-image:not(.wp-block){ color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner{ - margin-top:0; -} - .wp-block-navigation-placeholder__preview{ align-items:center; background:transparent; @@ -1396,6 +1451,17 @@ figure.wp-block-image:not(.wp-block){ right:0; top:0; } +.wp-block-navigation-placeholder__preview:before:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} .wp-block-navigation-placeholder__preview>svg{ fill:currentColor; } @@ -1557,6 +1623,14 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:0; } +.components-heading.wp-block-navigation-off-canvas-editor__title{ + margin:0; +} + +.wp-block-navigation-off-canvas-editor__header{ + margin-bottom:8px; +} + .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ margin-top:16px; } @@ -1573,6 +1647,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:8px 12px; } +.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{ + margin-top:0; +} + @keyframes fadeouthalf{ 0%{ opacity:1; @@ -1587,6 +1665,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.components-button.is-link.wp-block-navigation-manage-menus-button{ + margin-bottom:16px; +} + .wp-block-navigation__overlay-menu-preview{ align-items:center; background-color:#f0f0f0; @@ -1617,11 +1699,29 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op width:100%; } +.wp-block-navigation__navigation-selector-button__icon{ + flex:0 0 auto; +} + +.wp-block-navigation__navigation-selector-button__label{ + flex:0 1 auto; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + .wp-block-navigation__navigation-selector-button--createnew{ border:1px solid; margin-bottom:16px; width:100%; } + +.wp-block-navigation__responsive-container-open.components-button{ + opacity:1; +} +.wp-block-navigation .block-list-appender{ + position:relative; +} .wp-block-navigation .has-child{ cursor:pointer; } @@ -1782,6 +1882,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op flex:inherit; } +.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{ + display:block; +} + .wp-block-pages-list__item__link{ pointer-events:none; } @@ -1842,10 +1946,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op display:inline; } -.wp-block-rss__placeholder-form{ - align-items:stretch; - display:flex; -} .wp-block-rss__placeholder-form>*{ margin-bottom:8px; } @@ -1854,17 +1954,9 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op margin-bottom:0; } } - -.wp-block-rss__placeholder-input{ - align-items:stretch; - display:flex; - flex-grow:1; -} -.wp-block-rss__placeholder-input .components-base-control__field{ - align-items:stretch; - display:flex; - flex-grow:1; - margin:0 8px 0 0; +.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{ + flex:1; + min-width:80%; } .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ @@ -1898,7 +1990,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op } .blocks-shortcode__textarea{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -1969,6 +2061,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op .wp-block-site-logo.wp-block-site-logo .components-placeholder{ align-items:center; border-radius:inherit; + display:flex; height:100%; justify-content:center; min-height:48px; @@ -2002,6 +2095,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:1em 0; } +.editor-styles-wrapper .wp-block-site-title a{ + color:inherit; +} + .wp-block-social-links .wp-social-link{ line-height:0; } @@ -2170,14 +2267,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op border-style:double; box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); } -.wp-block-table figcaption{ - color:#555; - font-size:13px; - text-align:center; -} -.is-dark-theme .wp-block-table figcaption{ - color:hsla(0,0%,100%,.65); -} .wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ border:1px solid; } @@ -2208,9 +2297,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op .blocks-table__placeholder-input input{ height:36px; } -.blocks-table__placeholder-input .components-base-control__field{ - margin-bottom:0; -} .block-editor-template-part__selection-modal{ z-index:1000001; @@ -2237,13 +2323,43 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:16px 0; position:sticky; top:0; - z-index:1; + z-index:2; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; } .wp-block-text-columns .block-editor-rich-text__editable:focus{ outline:1px solid #ddd; } +.wp-block-video.wp-block-video.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{ + opacity:0; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder:before{ + opacity:0; +} +.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{ + transition:none; +} + .wp-block[data-align=center]>.wp-block-video{ text-align:center; } @@ -2274,39 +2390,18 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op } .block-library-video-tracks-editor__track-list-track{ - align-items:baseline; - display:flex; padding-left:12px; - place-content:space-between; -} - -.block-library-video-tracks-editor__single-track-editor-label-language{ - display:flex; - margin-top:12px; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{ - width:50%; -} -.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{ - margin-right:16px; } .block-library-video-tracks-editor__single-track-editor-kind-select{ max-width:240px; } -.block-library-video-tracks-editor__single-track-editor-buttons-container{ - display:flex; - margin-top:32px; - place-content:space-between; -} - .block-library-video-tracks-editor__single-track-editor-edit-track-label{ color:#757575; display:block; font-size:11px; font-weight:500; - margin-bottom:12px; margin-top:4px; text-transform:uppercase; } @@ -2324,19 +2419,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:12px; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{ - margin-bottom:4px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{ - margin-bottom:12px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{ - margin-left:0; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{ - margin-bottom:4px; -} - .editor-styles-wrapper ul.wp-block-post-template{ list-style:none; margin-left:0; @@ -2348,7 +2430,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op } .wp-block-query__create-new-link{ - padding:0 16px 16px 56px; + padding:0 16px 16px 52px; } .block-library-query__pattern-selection-content .block-editor-block-patterns-list{ @@ -2363,32 +2445,29 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content{ - margin-bottom:60px; - padding:0; -} -.block-editor-query-pattern__selection-modal .components-modal__content:before{ - margin-bottom:0; -} - @media (min-width:600px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ height:calc(100% - 120px); width:calc(100% - 32px); } } @media (min-width:782px){ - .block-editor-query-pattern__selection-modal{ + .block-library-query-pattern__selection-modal .components-modal__frame{ width:750px; } } @media (min-width:960px){ - .block-editor-query-pattern__selection-modal{ - height:80%; - max-height:none; - width:80%; + .block-library-query-pattern__selection-modal .components-modal__frame{ + height:70%; } } +.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:2; +} .block-library-query-toolspanel__filters .components-form-token-field__help{ margin-bottom:0; diff --git a/wp-includes/css/dist/block-library/editor.min.css b/wp-includes/css/dist/block-library/editor.min.css index aeff548788..65dd6d8994 100644 --- a/wp-includes/css/dist/block-library/editor.min.css +++ b/wp-includes/css/dist/block-library/editor.min.css @@ -1,2 +1,2 @@ -ul.wp-block-archives{padding-left:2.5em}.wp-block-audio{margin-left:0;margin-right:0;position:relative}.wp-block-audio.is-transient audio{opacity:.3}.wp-block-audio .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.wp-block-avatar__image img{width:100%}.wp-block-avatar.aligncenter .components-resizable-box__container{margin:0 auto}.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.wp-block[data-align=center]>.wp-block-button{margin-left:auto;margin-right:auto;text-align:center}.wp-block[data-align=right]>.wp-block-button{ - /*!rtl:ignore*/text-align:right}.wp-block-button{cursor:text;position:relative}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}.wp-block-button__inline-link{color:#757575;height:0;max-width:290px;overflow:hidden}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{margin:0}.wp-block-buttons>.block-list-appender{align-items:center;display:inline-flex}.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{justify-content:flex-start}.wp-block-buttons>.wp-block-button:focus{box-shadow:none}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{margin-left:auto;margin-right:auto;margin-top:0;width:100%}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{margin-bottom:0}.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block[data-align=center]>.wp-block-buttons{align-items:center;justify-content:center}.wp-block[data-align=right]>.wp-block-buttons{justify-content:flex-end}.wp-block-categories ul{padding-left:2.5em}.wp-block-categories ul ul{margin-top:6px}.wp-block-code code{background:none}.wp-block-columns :where(.wp-block){margin-left:0;margin-right:0;max-width:none}html :where(.wp-block-column){margin-bottom:0;margin-top:0}.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:left}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:right}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none}.wp-block-comment-author-avatar__placeholder{stroke:currentColor;stroke-dasharray:3;border:1px dashed;height:100%;width:100%}.wp-block[data-align=center]>.wp-block-comments-pagination{justify-content:center}.editor-styles-wrapper .wp-block-comments-pagination{max-width:100%}.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{margin:0}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin:.5em .5em .5em 0}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination-numbers a{text-decoration:underline}.wp-block-comments-pagination-numbers .page-numbers{margin-right:2px}.wp-block-comments-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-comments-title.has-background{padding:inherit}.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:left}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-left:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}.wp-block-embed{clear:both;margin-left:0;margin-right:0}.wp-block-embed.is-loading{display:flex;justify-content:center}.wp-block-embed .components-placeholder__error{word-break:break-word}.wp-block-embed .components-placeholder__learn-more{margin-top:1em}.block-library-embed__interactive-overlay{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{max-width:360px;width:100%}.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{min-width:280px}.wp-block-file{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0}.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{height:auto}.wp-block-file .components-resizable-box__container{margin-bottom:1em}.wp-block-file .wp-block-file__preview{height:100%;margin-bottom:1em;width:100%}.wp-block-file .wp-block-file__preview-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file a{min-width:1em}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-left:.75em}.wp-block-freeform.block-library-rich-text__tinymce{height:auto}.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{line-height:1.8}.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{margin-left:0;padding-left:2.5em}.wp-block-freeform.block-library-rich-text__tinymce blockquote{border-left:4px solid #000;box-shadow:inset 0 0 0 0 #ddd;margin:0;padding-left:1em}.wp-block-freeform.block-library-rich-text__tinymce pre{color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;white-space:pre-wrap}.wp-block-freeform.block-library-rich-text__tinymce>:first-child{margin-top:0}.wp-block-freeform.block-library-rich-text__tinymce>:last-child{margin-bottom:0}.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce a{color:var(--wp-admin-theme-color)}.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{background:#e5f5fa;border-radius:2px;box-shadow:0 0 0 1px #e5f5fa;margin:0 -2px;padding:0 2px}.wp-block-freeform.block-library-rich-text__tinymce code{background:#f0f0f0;border-radius:2px;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;padding:2px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#ddd}.wp-block-freeform.block-library-rich-text__tinymce .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-freeform.block-library-rich-text__tinymce .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:1900px 20px;cursor:default;display:block;height:20px;margin:15px auto;outline:0;width:96%}.wp-block-freeform.block-library-rich-text__tinymce img::selection{background-color:initial}.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{-ms-user-select:element}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{margin:0;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{display:block}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{-webkit-user-drag:none}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{margin:0;padding-top:.5em}.wp-block-freeform.block-library-rich-text__tinymce .wpview{border:1px solid transparent;clear:both;margin-bottom:16px;position:relative;width:99.99%}.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{background:transparent;display:block;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{display:none}.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{border:1px dashed #ddd;padding:10px}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{word-wrap:break-word;border:1px solid #ddd;margin:0;padding:1em 0}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{margin:0;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{border-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{display:block;font-size:32px;height:32px;margin:0 auto;width:32px}.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{clear:both;content:"";display:table}.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce .gallery a{cursor:default}.wp-block-freeform.block-library-rich-text__tinymce .gallery{line-height:1;margin:auto -6px;overflow-x:hidden;padding:6px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{box-sizing:border-box;float:left;margin:0;padding:6px;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{margin:0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{font-size:13px;margin:4px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{width:100%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{width:50%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{width:33.3333333333%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{width:25%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{width:20%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{width:16.6666666667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.2857142857%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{width:12.5%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{width:11.1111111111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{border:none;height:auto;max-width:100%;padding:0}div[data-type="core/freeform"]:before{border:1px solid #ddd;outline:1px solid transparent;transition:border-color .1s linear,box-shadow .1s linear}@media (prefers-reduced-motion:reduce){div[data-type="core/freeform"]:before{transition-delay:0s;transition-duration:0s}}div[data-type="core/freeform"].is-selected:before{border-color:#1e1e1e}div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{clear:both;content:"";display:table}.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{color:#1e1e1e}.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{margin-left:8px;margin-right:0}.mce-toolbar-grp .mce-btn i{font-style:normal}.block-library-classic__toolbar{border:1px solid #ddd;border-bottom:none;border-radius:2px;display:none;margin:0 0 8px;padding:0;position:sticky;top:0;width:auto;z-index:31}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{border-color:#1e1e1e;display:block}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{background:#f5f5f5;border-bottom:1px solid #e2e4e7;display:block}.block-library-classic__toolbar:empty:before{color:#555d66;content:attr(data-placeholder);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:37px;padding:14px}.block-library-classic__toolbar div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{height:auto!important;width:100%!important}.block-library-classic__toolbar .mce-container-body.mce-abs-layout{overflow:visible}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{position:static}.block-library-classic__toolbar .mce-toolbar-grp>div{padding:1px 3px}.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar,figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{position:absolute;right:5px;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.gallery-settings-buttons .components-button:first-child{margin-right:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 8px 0 4px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 2px 6px rgba(0,0,0,.05)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{left:-2px}.block-library-gallery-item__inline-menu.is-right{right:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all}.block-library-html__edit .block-library-html__preview-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.block-library-html__edit .block-editor-plain-text{background:#fff!important;border:1px solid #1e1e1e!important;border-radius:2px!important;box-shadow:none!important;color:#1e1e1e!important;font-family:Menlo,Consolas,monaco,monospace!important;font-size:16px!important;max-height:250px;padding:12px!important}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px!important}}.block-library-html__edit .block-editor-plain-text:focus{border-color:var(--wp-admin-theme-color)!important;box-shadow:0 0 0 1px var(--wp-admin-theme-color)!important;outline:2px solid transparent!important}.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__zoom .components-range-control{flex:1}.wp-block-image__zoom .components-base-control__field{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:0}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}.wp-block-latest-posts{padding-left:2.5em}.wp-block-latest-posts.is-grid{padding-left:0}.wp-block-latest-posts>li{overflow:hidden}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px}.editor-latest-posts-image-alignment-control .components-base-control__label{display:block}.editor-latest-posts-image-alignment-control .components-toolbar{border-radius:2px}.wp-block-media-text__media{position:relative}.wp-block-media-text__media.is-transient img{opacity:.3}.wp-block-media-text__media .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}.block-editor-block-list__block[data-type="core/more"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-more{display:block;text-align:center;white-space:nowrap}.wp-block-more input[type=text]{background:#fff;border:none;border-radius:4px;box-shadow:none;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;margin:0;max-width:100%;padding:6px 8px;position:relative;text-align:center;text-transform:uppercase;white-space:nowrap}.wp-block-more input[type=text]:focus{box-shadow:none}.wp-block-more:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation__container.is-parent-of-selected-block{opacity:1;overflow:visible;visibility:visible}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:auto;margin-right:0;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:right;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder .components-spinner{margin-top:0}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:left;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-right:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-left:4px;padding:0 6px 0 0}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-right:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-right:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{left:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{left:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{right:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{left:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px auto 16px 16px}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto}.wp-block-navigation-submenu{display:block}.wp-block-navigation-submenu .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{height:auto!important;left:-1px;min-width:200px!important;opacity:1!important;position:absolute;top:100%;visibility:visible!important;width:auto!important}@media (min-width:782px){.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}}.block-editor-block-list__block[data-type="core/nextpage"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{background:#fff;border-radius:4px;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;padding:6px 8px;position:relative;text-transform:uppercase}.wp-block-nextpage:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-left:0}.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{min-height:auto!important}.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:1}.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{opacity:0}.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{display:inline-block}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:32px}.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{font-style:normal;text-transform:none}.wp-block-pullquote .wp-block-pullquote__citation{color:inherit}.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{align-items:stretch;display:flex}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-input{align-items:stretch;display:flex;flex-grow:1}.wp-block-rss__placeholder-input .components-base-control__field{align-items:stretch;display:flex;flex-grow:1;margin:0 8px 0 0}.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__button{align-items:center;border-radius:initial;display:flex;height:auto}.wp-block-search__components-button-group{margin-top:10px}.block-editor-block-list__block[data-type="core/separator"]{padding-bottom:.1px;padding-top:.1px}.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{background:none!important;border:none}[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit}.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0}.wp-block-social-links .wp-social-link{line-height:0}.wp-block-social-links .wp-social-link button{color:currentColor;font-size:inherit;height:auto;line-height:0;opacity:1;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links.is-style-logos-only .wp-social-link button{padding:0}.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-left:8px}.wp-block-social-links.wp-block-social-links{background:none}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;list-style:none;opacity:.8}.wp-block-social-links__social-placeholder>.wp-social-link{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;visibility:hidden;width:0!important}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{border-radius:50%;content:"";display:block;height:1em;width:1em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;list-style:none;margin-bottom:auto;margin-top:auto;min-height:24px;order:2;padding-right:8px}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-delay:0s;transition-duration:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;height:100%;min-height:8px;min-width:8px;position:absolute;width:100%;z-index:1}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:rgba(0,0,0,.1)}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:hsla(0,0%,100%,.15)}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container:not(.is-resizing){height:100%!important;width:100%!important}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{margin-bottom:0}.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-right:8px;width:112px}.blocks-table__placeholder-input input{height:36px}.blocks-table__placeholder-input .components-base-control__field{margin-bottom:0}.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:1}.wp-block-text-columns .block-editor-rich-text__editable:focus{outline:1px solid #ddd}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-right:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{align-items:baseline;display:flex;padding-left:12px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-label-language{display:flex;margin-top:12px}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{width:50%}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{margin-right:16px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-buttons-container{display:flex;margin-top:32px;place-content:space-between}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{margin-bottom:4px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{margin-bottom:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{margin-left:0}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{margin-bottom:4px}.editor-styles-wrapper ul.wp-block-post-template{list-style:none;margin-left:0;padding-left:0}.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 16px 16px 56px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}.block-editor-query-pattern__selection-modal .components-modal__content{margin-bottom:60px;padding:0}.block-editor-query-pattern__selection-modal .components-modal__content:before{margin-bottom:0}@media (min-width:600px){.block-editor-query-pattern__selection-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-query-pattern__selection-modal{width:750px}}@media (min-width:960px){.block-editor-query-pattern__selection-modal{height:80%;max-height:none;width:80%}}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px}.wp-block[data-align=center]>.wp-block-query-pagination{justify-content:center}.editor-styles-wrapper .wp-block-query-pagination{max-width:100%}.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{margin:0}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin:.5em .5em .5em 0}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination-numbers a{text-decoration:underline}.wp-block-query-pagination-numbers .page-numbers{margin-right:2px}.wp-block-query-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-post-featured-image .block-editor-media-placeholder{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{align-items:center;justify-content:center;min-height:200px;padding:0}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-left-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{height:100%;min-height:48px;min-width:48px;width:100%}div[data-type="core/post-featured-image"] img{display:block;height:auto;max-width:100%}.wp-block-post-comments-form *{pointer-events:none}.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto}.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}:root .editor-styles-wrapper .has-very-light-gray-background-color{background-color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-background-color{background-color:#313131}:root .editor-styles-wrapper .has-very-light-gray-color{color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-color{color:#313131}:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .editor-styles-wrapper .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .editor-styles-wrapper .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .editor-styles-wrapper .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .editor-styles-wrapper .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .editor-styles-wrapper .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.editor-styles-wrapper{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.editor-styles-wrapper .has-regular-font-size{font-size:16px}.editor-styles-wrapper .has-larger-font-size{font-size:42px}.editor-styles-wrapper .has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.editor-styles-wrapper .has-huge-font-size{font-size:var(--wp--preset--font-size--huge)} \ No newline at end of file +ul.wp-block-archives{padding-left:2.5em}.wp-block-audio{margin-left:0;margin-right:0;position:relative}.wp-block-audio.is-transient audio{opacity:.3}.wp-block-audio .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.wp-block-avatar__image img{width:100%}.wp-block-avatar.aligncenter .components-resizable-box__container{margin:0 auto}.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.wp-block[data-align=center]>.wp-block-button{margin-left:auto;margin-right:auto;text-align:center}.wp-block[data-align=right]>.wp-block-button{ + /*!rtl:ignore*/text-align:right}.wp-block-button{cursor:text;position:relative}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}.wp-block-button__inline-link{color:#757575;height:0;max-width:290px;overflow:hidden}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{margin:0}.wp-block-buttons>.block-list-appender{align-items:center;display:inline-flex}.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{justify-content:flex-start}.wp-block-buttons>.wp-block-button:focus{box-shadow:none}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{margin-left:auto;margin-right:auto;margin-top:0;width:100%}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{margin-bottom:0}.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block[data-align=center]>.wp-block-buttons{align-items:center;justify-content:center}.wp-block[data-align=right]>.wp-block-buttons{justify-content:flex-end}.wp-block-categories ul{padding-left:2.5em}.wp-block-categories ul ul{margin-top:6px}.wp-block-code code{background:none}.wp-block-columns :where(.wp-block){margin-left:0;margin-right:0;max-width:none}html :where(.wp-block-column){margin-bottom:0;margin-top:0}.wp-block-comments__legacy-placeholder,.wp-block-post-comments{box-sizing:border-box}.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{float:left}.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{float:right}.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.block-library-comments-toolbar__popover .components-popover__content{min-width:230px}.wp-block-comments__legacy-placeholder *{pointer-events:none}.wp-block-comment-author-avatar__placeholder{stroke:currentColor;stroke-dasharray:3;border:1px dashed;height:100%;width:100%}.wp-block[data-align=center]>.wp-block-comments-pagination{justify-content:center}.editor-styles-wrapper .wp-block-comments-pagination{max-width:100%}.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{margin:0}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin:.5em .5em .5em 0}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination-numbers a{text-decoration:underline}.wp-block-comments-pagination-numbers .page-numbers{margin-right:2px}.wp-block-comments-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-comments-title.has-background{padding:inherit}.editor-styles-wrapper .wp-block-cover{box-sizing:border-box}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.is-placeholder .block-library-cover__resize-container{display:none}.wp-block-cover.is-placeholder .components-placeholder.is-large{justify-content:flex-start;min-height:240px;z-index:1}.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{display:block;min-height:240px}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.wp-block-cover .wp-block-cover__inner-container{margin-left:0;margin-right:0;text-align:left}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}.wp-block-cover .wp-block-cover__image--placeholder-image{bottom:0;left:0;position:absolute;right:0;top:0}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-left:auto}.block-library-cover__resize-container{bottom:0;left:0;min-height:50px;position:absolute!important;right:0;top:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone .components-drop-zone__content{opacity:.8!important}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){margin-top:24px}.wp-block-cover:after{min-height:auto}.wp-block-embed{clear:both;margin-left:0;margin-right:0}.wp-block-embed.is-loading{display:flex;justify-content:center}.wp-block-embed .components-placeholder__error{word-break:break-word}.wp-block-embed .components-placeholder__learn-more{margin-top:1em}.block-library-embed__interactive-overlay{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{max-width:360px;width:100%}.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{min-width:280px}.wp-block-file{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0}.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{height:auto}.wp-block-file .components-resizable-box__container{margin-bottom:1em}.wp-block-file .wp-block-file__preview{height:100%;margin-bottom:1em;width:100%}.wp-block-file .wp-block-file__preview-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file a{min-width:1em}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-left:.75em}.wp-block-freeform.block-library-rich-text__tinymce{height:auto}.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{line-height:1.8}.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{margin-left:0;padding-left:2.5em}.wp-block-freeform.block-library-rich-text__tinymce blockquote{border-left:4px solid #000;box-shadow:inset 0 0 0 0 #ddd;margin:0;padding-left:1em}.wp-block-freeform.block-library-rich-text__tinymce pre{color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;white-space:pre-wrap}.wp-block-freeform.block-library-rich-text__tinymce>:first-child{margin-top:0}.wp-block-freeform.block-library-rich-text__tinymce>:last-child{margin-bottom:0}.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce a{color:var(--wp-admin-theme-color)}.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{background:#e5f5fa;border-radius:2px;box-shadow:0 0 0 1px #e5f5fa;margin:0 -2px;padding:0 2px}.wp-block-freeform.block-library-rich-text__tinymce code{background:#f0f0f0;border-radius:2px;color:#1e1e1e;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;padding:2px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#ddd}.wp-block-freeform.block-library-rich-text__tinymce .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-freeform.block-library-rich-text__tinymce .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:1900px 20px;cursor:default;display:block;height:20px;margin:15px auto;outline:0;width:96%}.wp-block-freeform.block-library-rich-text__tinymce img::selection{background-color:initial}.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{-ms-user-select:element}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{margin:0;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{display:block}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{-webkit-user-drag:none}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{margin:0;padding-top:.5em}.wp-block-freeform.block-library-rich-text__tinymce .wpview{border:1px solid transparent;clear:both;margin-bottom:16px;position:relative;width:99.99%}.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{background:transparent;display:block;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{bottom:0;left:0;position:absolute;right:0;top:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{display:none}.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{border:1px dashed #ddd;padding:10px}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{word-wrap:break-word;border:1px solid #ddd;margin:0;padding:1em 0}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{margin:0;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{border-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{display:block;font-size:32px;height:32px;margin:0 auto;width:32px}.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{clear:both;content:"";display:table}.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce .gallery a{cursor:default}.wp-block-freeform.block-library-rich-text__tinymce .gallery{line-height:1;margin:auto -6px;overflow-x:hidden;padding:6px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{box-sizing:border-box;float:left;margin:0;padding:6px;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{margin:0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{font-size:13px;margin:4px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{width:100%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{width:50%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{width:33.3333333333%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{width:25%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{width:20%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{width:16.6666666667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.2857142857%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{width:12.5%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{width:11.1111111111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{border:none;height:auto;max-width:100%;padding:0}div[data-type="core/freeform"]:before{border:1px solid #ddd;outline:1px solid transparent;transition:border-color .1s linear,box-shadow .1s linear}@media (prefers-reduced-motion:reduce){div[data-type="core/freeform"]:before{transition-delay:0s;transition-duration:0s}}div[data-type="core/freeform"].is-selected:before{border-color:#1e1e1e}div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{clear:both;content:"";display:table}.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{color:#1e1e1e}.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{margin-left:8px;margin-right:0}.mce-toolbar-grp .mce-btn i{font-style:normal}.block-library-classic__toolbar{border:1px solid #ddd;border-bottom:none;border-radius:2px;display:none;margin:0 0 8px;padding:0;position:sticky;top:0;width:auto;z-index:31}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{border-color:#1e1e1e;display:block}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{background:#f5f5f5;border-bottom:1px solid #e2e4e7;display:block}.block-library-classic__toolbar:empty:before{color:#555d66;content:attr(data-placeholder);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:37px;padding:14px}.block-library-classic__toolbar div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{height:auto!important;width:100%!important}.block-library-classic__toolbar .mce-container-body.mce-abs-layout{overflow:visible}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{position:static}.block-library-classic__toolbar .mce-toolbar-grp>div{padding:1px 3px}.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar,figure.wp-block-gallery{display:block}figure.wp-block-gallery.has-nested-images .components-drop-zone{display:none;pointer-events:none}figure.wp-block-gallery>.blocks-gallery-caption{flex:0 0 100%}figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{flex-basis:100%}figure.wp-block-gallery .wp-block-image .components-notice.is-error{display:block}figure.wp-block-gallery .wp-block-image .components-notice__content{margin:4px 0}figure.wp-block-gallery .wp-block-image .components-notice__dismiss{position:absolute;right:5px;top:0}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery .block-editor-media-placeholder{margin:0}figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{display:flex}figure.wp-block-gallery .block-editor-media-placeholder figcaption{z-index:2}figure.wp-block-gallery .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.gallery-settings-buttons .components-button:first-child{margin-right:8px}.gallery-image-sizes .components-base-control__label{display:block;margin-bottom:4px}.gallery-image-sizes .gallery-image-sizes__loading{align-items:center;color:#757575;display:flex;font-size:12px}.gallery-image-sizes .components-spinner{margin:0 8px 0 4px}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{bottom:0;box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";left:0;outline:2px solid transparent;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{height:100%;margin:0}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{background:#fff;border:1px solid #1e1e1e;border-radius:2px;display:none;margin:8px;position:absolute;top:-2px;transition:box-shadow .2s ease-out;z-index:20}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-delay:0s;transition-duration:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{height:inherit;padding:0;width:inherit}}.block-library-gallery-item__inline-menu.is-left{left:-2px}.block-library-gallery-item__inline-menu.is-right{right:-2px}.wp-block-gallery ul.blocks-gallery-grid{margin:0;padding:0}@media (min-width:600px){.wp-block-update-gallery-modal{max-width:480px}}.wp-block-update-gallery-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-bottom:18px;margin-top:18px}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{gap:inherit;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{display:inherit;flex:1;flex-direction:inherit;width:100%}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{border:1px dashed;border-radius:2px;content:"";display:flex;flex:1 0 48px;min-height:46px;pointer-events:none}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{pointer-events:all}.wp-block-group__placeholder .wp-block-group-placeholder__variations{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;width:100%}.wp-block-group__placeholder .components-placeholder__instructions{margin-bottom:18px;text-align:center}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{fill:#ccc!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{fill:var(--wp-admin-theme-color)!important}.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{align-items:center;display:flex;flex-direction:column;margin:0 12px 12px;width:auto}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{height:32px;padding:0;width:44px}.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{box-shadow:none}.wp-block-group__placeholder .components-placeholder{min-height:auto;padding:24px}.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{margin:12px}.block-library-html__edit .block-library-html__preview-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.block-library-html__edit .block-editor-plain-text{background:#fff!important;border:1px solid #1e1e1e!important;border-radius:2px!important;box-shadow:none!important;color:#1e1e1e!important;font-family:Menlo,Consolas,monaco,monospace!important;font-size:16px!important;max-height:250px;padding:12px!important}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px!important}}.block-library-html__edit .block-editor-plain-text:focus{border-color:var(--wp-admin-theme-color)!important;box-shadow:0 0 0 1px var(--wp-admin-theme-color)!important;outline:2px solid transparent!important}.wp-block-image.wp-block-image.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;filter:none}.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{opacity:0}.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-image.wp-block-image.is-selected .components-placeholder:before{opacity:0}.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{transition:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wp-block-image .components-resizable-box__container{display:table}.wp-block-image .components-resizable-box__container img{display:block;height:inherit;width:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{left:0;margin:-1px 0;position:absolute;right:0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{height:auto;width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{caption-side:bottom;display:table-caption}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{max-width:100%;overflow:hidden;position:relative;width:100%}.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{border:none}.wp-block-image__crop-icon{align-items:center;display:flex;justify-content:center;min-width:48px;padding:0 8px}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{min-width:260px;overflow:visible!important}.wp-block-image__aspect-ratio{align-items:center;display:flex;height:46px;margin-bottom:-8px}.wp-block-image__aspect-ratio .components-button{padding-left:0;padding-right:0;width:36px}.wp-block-latest-posts{padding-left:2.5em}.wp-block-latest-posts.is-grid{padding-left:0}.wp-block-latest-posts>li{overflow:hidden}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px}.editor-latest-posts-image-alignment-control .components-base-control__label{display:block}.editor-latest-posts-image-alignment-control .components-toolbar{border-radius:2px}.wp-block-media-text__media{position:relative}.wp-block-media-text__media.is-transient img{opacity:.3}.wp-block-media-text__media .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}.block-editor-block-list__block[data-type="core/more"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-more{display:block;text-align:center;white-space:nowrap}.wp-block-more input[type=text]{background:#fff;border:none;border-radius:4px;box-shadow:none;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;margin:0;max-width:100%;padding:6px 8px;position:relative;text-align:center;text-transform:uppercase;white-space:nowrap}.wp-block-more input[type=text]:focus{box-shadow:none}.wp-block-more:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.editor-styles-wrapper .wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{margin:revert}.wp-block-navigation-item__label{display:inline}.wp-block-navigation-item,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{display:flex;flex-direction:column;opacity:1;visibility:visible}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{display:block;position:static;width:100%}.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{background:#1e1e1e;border-radius:2px;color:#fff;margin-left:auto;margin-right:0;padding:0;width:24px}.wp-block-navigation__submenu-container .block-list-appender{display:none}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{align-items:center;border-radius:4px;display:flex;height:30px;margin:0 auto;padding:3px;position:relative}.block-library-colors-selector .block-library-colors-selector__state-selection{border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:22px;line-height:20px;margin-left:auto;margin-right:auto;min-height:22px;min-width:22px;padding:2px;width:22px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:right;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{background-color:#1e1e1e;color:#fff}.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{padding:0}.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{background-color:initial;color:#1e1e1e}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.components-placeholder.wp-block-navigation-placeholder{background:none;box-shadow:none;color:inherit;min-height:0;outline:none;padding:0}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder__preview{align-items:center;background:transparent;color:currentColor;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;min-width:96px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__preview:before{border:1px dashed;border-radius:2px;border-radius:inherit;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview:before:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.wp-block-navigation-placeholder__preview>svg{fill:currentColor}.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{min-height:90px}.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{min-height:132px}.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{align-items:flex-start;flex-direction:row;padding:6px 8px}.wp-block-navigation-placeholder__controls{background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;display:none;float:left;position:relative;width:100%;z-index:1}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{display:none}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{align-items:flex-start;flex-direction:column}.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{height:36px;margin-right:12px}.wp-block-navigation-placeholder__actions__indicator{align-items:center;display:flex;height:36px;justify-content:flex-start;line-height:0;margin-left:4px;padding:0 6px 0 0}.wp-block-navigation-placeholder__actions__indicator svg{fill:currentColor;margin-right:4px}.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{flex-direction:row!important}.wp-block-navigation-placeholder__actions{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;gap:6px;height:100%}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-right:0}.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{background-color:#1e1e1e;border:0;height:100%;margin:auto 0;max-height:16px;min-height:1px;min-width:1px}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed;top:155px}@media (min-width:782px){.wp-block-navigation__responsive-container.is-menu-open{left:36px;top:93px}}@media (min-width:960px){.wp-block-navigation__responsive-container.is-menu-open{left:160px}}@media (min-width:782px){.has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:141px}}.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:141px}.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{right:280px}.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{left:0;top:155px}@media (min-width:782px){.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{top:61px}.is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{top:109px}}.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{top:109px}body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{bottom:0;left:0;right:0;top:0}@media (min-width:600px){.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{color:inherit;height:auto;padding:0}.components-heading.wp-block-navigation-off-canvas-editor__title{margin:0}.wp-block-navigation-off-canvas-editor__header{margin-bottom:8px}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.wp-block-navigation .components-spinner{padding:8px 12px}.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{margin-top:0}@keyframes fadeouthalf{0%{opacity:1}to{opacity:.5}}.wp-block-navigation-delete-menu-button{justify-content:center;margin-bottom:16px;width:100%}.components-button.is-link.wp-block-navigation-manage-menus-button{margin-bottom:16px}.wp-block-navigation__overlay-menu-preview{align-items:center;background-color:#f0f0f0;display:flex;height:64px;justify-content:space-between;margin-bottom:12px;padding:0 24px;width:100%}.wp-block-navigation__overlay-menu-preview.open{background-color:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;outline:1px solid transparent}.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{display:none}.wp-block-navigation__navigation-selector{margin-bottom:16px;width:100%}.wp-block-navigation__navigation-selector-button{border:1px solid;justify-content:space-between;width:100%}.wp-block-navigation__navigation-selector-button__icon{flex:0 0 auto}.wp-block-navigation__navigation-selector-button__label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-block-navigation__navigation-selector-button--createnew{border:1px solid;margin-bottom:16px;width:100%}.wp-block-navigation__responsive-container-open.components-button{opacity:1}.wp-block-navigation .block-list-appender{position:relative}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{height:auto!important;min-width:200px!important;opacity:1!important;overflow:visible!important;visibility:visible!important;width:auto!important}.wp-block-navigation-item .wp-block-navigation-item__content{cursor:text}.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{min-width:20px}.wp-block-navigation-item .block-list-appender{margin:16px auto 16px 16px}.wp-block-navigation-link__invalid-item{color:#000}.wp-block-navigation-link__missing_text-tooltip{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.wp-block-navigation-link__placeholder{background-image:none!important;box-shadow:none!important;position:relative;text-decoration:none!important}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:var(--wp-admin-theme-color);background-image:linear-gradient(45deg,transparent 20%,var(--wp-underline-color) 30%,var(--wp-underline-color) 36%,transparent 46%),linear-gradient(135deg,transparent 54%,var(--wp-underline-color) 64%,var(--wp-underline-color) 70%,transparent 80%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 3px;padding-bottom:.1em}.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{--wp-underline-color:#fff}.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{cursor:pointer}.link-control-transform{border-top:1px solid #ccc;padding:0 16px 8px}.link-control-transform__subheading{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.link-control-transform__items{display:flex;justify-content:space-between}.link-control-transform__item{flex-basis:33%;flex-direction:column;gap:8px;height:auto}.wp-block-navigation-submenu{display:block}.wp-block-navigation-submenu .wp-block-navigation__submenu-container{z-index:28}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{height:auto!important;left:-1px;min-width:200px!important;opacity:1!important;position:absolute;top:100%;visibility:visible!important;width:auto!important}@media (min-width:782px){.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}}.block-editor-block-list__block[data-type="core/nextpage"]{margin-bottom:28px;margin-top:28px;max-width:100%;text-align:center}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{background:#fff;border-radius:4px;color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;height:24px;padding:6px 8px;position:relative;text-transform:uppercase}.wp-block-nextpage:before{border-top:3px dashed #ccc;content:"";left:0;position:absolute;right:0;top:50%}.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{display:block}.wp-block-pages-list__item__link{pointer-events:none}@media (min-width:600px){.wp-block-page-list-modal{max-width:480px}}.wp-block-page-list-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;visibility:visible;width:auto}.wp-block-page-list .components-notice{margin-left:0}.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{min-height:auto!important}.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:1}.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{opacity:0}.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{display:inline-block}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:32px}.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{font-style:normal;text-transform:none}.wp-block-pullquote .wp-block-pullquote__citation{color:inherit}.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{flex:1;min-width:80%}.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__button{align-items:center;border-radius:initial;display:flex;height:auto}.wp-block-search__components-button-group{margin-top:10px}.block-editor-block-list__block[data-type="core/separator"]{padding-bottom:.1px;padding-top:.1px}.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{background:none!important;border:none}[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{display:table;margin-left:auto;margin-right:auto}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;height:auto;max-width:100%}.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{height:120px;width:120px}.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{border-radius:inherit}.wp-block-site-logo.wp-block-site-logo .components-placeholder{align-items:center;border-radius:inherit;display:flex;height:100%;justify-content:center;min-height:48px;min-width:48px;padding:0;width:100%}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{color:inherit}.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{border:1px dashed;padding:1em 0}.editor-styles-wrapper .wp-block-site-title a{color:inherit}.wp-block-social-links .wp-social-link{line-height:0}.wp-block-social-links .wp-social-link button{color:currentColor;font-size:inherit;height:auto;line-height:0;opacity:1;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links.is-style-logos-only .wp-social-link button{padding:0}.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-left:8px}.wp-block-social-links.wp-block-social-links{background:none}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;list-style:none;opacity:.8}.wp-block-social-links__social-placeholder>.wp-social-link{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;visibility:hidden;width:0!important}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{padding:0}.wp-block-social-links__social-placeholder .wp-social-link:before{border-radius:50%;content:"";display:block;height:1em;width:1em}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{cursor:default;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;list-style:none;margin-bottom:auto;margin-top:auto;min-height:24px;order:2;padding-right:8px}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-delay:0s;transition-duration:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;height:100%;min-height:8px;min-width:8px;position:absolute;width:100%;z-index:1}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:rgba(0,0,0,.1)}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:hsla(0,0%,100%,.15)}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container:not(.is-resizing){height:100%!important;width:100%!important}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{margin-bottom:0}.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);border-style:double;box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{border:1px solid}.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-start;display:flex;flex-direction:column}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{align-items:flex-end;flex-direction:row}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{margin-bottom:0;margin-right:8px;width:112px}.blocks-table__placeholder-input input{height:36px}.block-editor-template-part__selection-modal{z-index:1000001}@media (min-width:600px){.block-editor-template-part__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-editor-template-part__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-editor-template-part__selection-modal .components-modal__frame{height:70%}}.block-library-template-part__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color)}.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.wp-block-text-columns .block-editor-rich-text__editable:focus{outline:1px solid #ddd}.wp-block-video.wp-block-video.is-selected .components-placeholder{background-color:#fff;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e}.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{opacity:0}.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{display:none}.wp-block-video.wp-block-video.is-selected .components-placeholder:before{opacity:0}.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{transition:none}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-right:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor__track-list-track{padding-left:12px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-edit-track-label{color:#757575;display:block;font-size:11px;font-weight:500;margin-top:4px;text-transform:uppercase}.block-library-video-tracks-editor>.components-popover__content{padding:0;width:360px}.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.editor-styles-wrapper ul.wp-block-post-template{list-style:none;margin-left:0;padding-left:0}.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 16px 16px 52px}.block-library-query__pattern-selection-content .block-editor-block-patterns-list{grid-gap:8px;display:grid;grid-template-columns:1fr 1fr 1fr}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{margin-bottom:0}.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{max-height:250px}@media (min-width:600px){.block-library-query-pattern__selection-modal .components-modal__frame{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.block-library-query-pattern__selection-modal .components-modal__frame{width:750px}}@media (min-width:960px){.block-library-query-pattern__selection-modal .components-modal__frame{height:70%}}.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{background:#fff;padding:16px 0;position:sticky;top:0;z-index:2}.block-library-query-toolspanel__filters .components-form-token-field__help{margin-bottom:0}.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){margin-bottom:24px}.wp-block[data-align=center]>.wp-block-query-pagination{justify-content:center}.editor-styles-wrapper .wp-block-query-pagination{max-width:100%}.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{margin:0}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin:.5em .5em .5em 0}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination-numbers a{text-decoration:underline}.wp-block-query-pagination-numbers .page-numbers{margin-right:2px}.wp-block-query-pagination-numbers .page-numbers:last-child{margin-right:0}.wp-block-post-featured-image .block-editor-media-placeholder{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{align-items:center;justify-content:center;min-height:200px;padding:0}.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{display:none}.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{align-items:center;background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);border-radius:50%;border-style:solid;color:#fff;display:flex;height:48px;justify-content:center;padding:0;position:relative;width:48px}.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{color:inherit}.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){border-left-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){border-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){border-top-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){border-right-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){border-left-style:solid}.wp-block-post-featured-image[style*=height] .components-placeholder{height:100%;min-height:48px;min-width:48px;width:100%}div[data-type="core/post-featured-image"] img{display:block;height:auto;max-width:100%}.wp-block-post-comments-form *{pointer-events:none}.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto}.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}:root .editor-styles-wrapper .has-very-light-gray-background-color{background-color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-background-color{background-color:#313131}:root .editor-styles-wrapper .has-very-light-gray-color{color:#eee}:root .editor-styles-wrapper .has-very-dark-gray-color{color:#313131}:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .editor-styles-wrapper .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .editor-styles-wrapper .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .editor-styles-wrapper .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .editor-styles-wrapper .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .editor-styles-wrapper .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.editor-styles-wrapper{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.editor-styles-wrapper .has-regular-font-size{font-size:16px}.editor-styles-wrapper .has-larger-font-size{font-size:42px}.editor-styles-wrapper .has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.editor-styles-wrapper .has-huge-font-size{font-size:var(--wp--preset--font-size--huge)} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style-rtl.css b/wp-includes/css/dist/block-library/style-rtl.css index 5f1430ca77..d27eb12195 100644 --- a/wp-includes/css/dist/block-library/style-rtl.css +++ b/wp-includes/css/dist/block-library/style-rtl.css @@ -1,5 +1,9 @@ @charset "UTF-8"; +.wp-block-archives{ + box-sizing:border-box; +} + .wp-block-archives-dropdown label{ display:block; } @@ -151,27 +155,36 @@ .wp-block-button.aligncenter,.wp-block-calendar{ text-align:center; } -.wp-block-calendar tbody td,.wp-block-calendar th{ - border:1px solid #ddd; +.wp-block-calendar td,.wp-block-calendar th{ + border:1px solid; padding:.25em; } -.wp-block-calendar tfoot td{ - border:none; +.wp-block-calendar th{ + font-weight:400; +} +.wp-block-calendar caption{ + background-color:inherit; } .wp-block-calendar table{ border-collapse:collapse; width:100%; } -.wp-block-calendar table th{ - background:#ddd; - font-weight:400; -} -.wp-block-calendar a{ - text-decoration:underline; -} -.wp-block-calendar table caption,.wp-block-calendar table tbody{ +.wp-block-calendar table:where(:not(.has-text-color)){ color:#40464d; } +.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{ + border-color:#ddd; +} +.wp-block-calendar table.has-background th{ + background-color:inherit; +} +.wp-block-calendar table.has-text-color th{ + color:inherit; +} + +:where(.wp-block-calendar table:not(.has-background) th){ + background:#ddd; +} .wp-block-categories{ box-sizing:border-box; @@ -261,6 +274,9 @@ .wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{ width:100%; } +.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-post-comments .alignleft{ float:right; } @@ -388,6 +404,7 @@ } .wp-block-comment-template{ + box-sizing:border-box; list-style:none; margin-bottom:0; max-width:100%; @@ -1081,6 +1098,7 @@ h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-b } ol.wp-block-latest-comments{ + box-sizing:border-box; margin-right:0; } @@ -1124,6 +1142,9 @@ ol.wp-block-latest-comments{ width:2.5em; } +.wp-block-latest-posts{ + box-sizing:border-box; +} .wp-block-latest-posts.alignleft{ margin-right:2em; } @@ -1334,6 +1355,9 @@ ol.has-background,ul.has-background{ .wp-block-navigation .wp-block-navigation-item__content{ display:block; } +.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{ + color:inherit; +} .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ text-decoration:underline; } @@ -1517,7 +1541,7 @@ button.wp-block-navigation-item__content{ padding:.5em 1em; } -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){ padding:.5em 1em; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{ @@ -1620,7 +1644,7 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{ display:none; } -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ border:none; height:auto; min-width:200px; @@ -1701,6 +1725,11 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container-open{ display:flex; } +.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} @media (min-width:600px){ .wp-block-navigation__responsive-container-open:not(.always-shown){ display:none; @@ -1713,6 +1742,11 @@ button.wp-block-navigation-item__content{ top:0; z-index:2; } +.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} .wp-block-navigation__responsive-close{ margin-left:auto; @@ -1791,6 +1825,11 @@ html.has-modal-open{ text-transform:uppercase; } +body.rtl .has-drop-cap:not(:focus):first-letter{ + float:none; + margin-right:.1em; +} + p.has-drop-cap.has-background{ overflow:hidden; } @@ -1828,6 +1867,9 @@ p.has-background{ margin:0; } +.wp-block-post-comments-form{ + box-sizing:border-box; +} .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){ font-weight:inherit; } @@ -1889,6 +1931,21 @@ p.has-background{ box-sizing:border-box; } +.wp-block-post-excerpt{ + margin-bottom:var(--wp--style--block-gap); + margin-top:var(--wp--style--block-gap); +} + +.wp-block-post-excerpt__excerpt{ + margin-bottom:0; + margin-top:0; +} + +.wp-block-post-excerpt__more-text{ + margin-bottom:0; + margin-top:var(--wp--style--block-gap); +} + .wp-block-post-excerpt__more-link{ display:inline-block; } @@ -1956,7 +2013,25 @@ p.has-background{ opacity:1; } -.wp-block-post-terms__separator{ +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{ + display:inline-block; + margin-left:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){ + transform:scaleX(-1);; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{ + display:inline-block; + margin-right:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){ + transform:scaleX(-1);; +} + +.wp-block-post-terms{ + box-sizing:border-box; +} +.wp-block-post-terms .wp-block-post-terms__separator{ white-space:pre-wrap; } @@ -2071,7 +2146,7 @@ p.has-background{ .wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{ margin-inline-start:auto; } .wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ @@ -2283,6 +2358,10 @@ ul.wp-block-rss.is-grid li{ border-radius:9999px; } +.wp-block-site-title a{ + color:inherit; +} + .wp-block-social-links{ background:none; box-sizing:border-box; @@ -2665,6 +2744,9 @@ ul.wp-block-rss.is-grid li{ clear:both; } +.wp-block-tag-cloud{ + box-sizing:border-box; +} .wp-block-tag-cloud.aligncenter{ justify-content:center; text-align:center; @@ -2702,6 +2784,12 @@ ul.wp-block-rss.is-grid li{ border-collapse:collapse; width:100%; } +.wp-block-table thead{ + border-bottom:3px solid; +} +.wp-block-table tfoot{ + border-top:3px solid; +} .wp-block-table td,.wp-block-table th{ border:1px solid; padding:.5em; @@ -2808,11 +2896,14 @@ ul.wp-block-rss.is-grid li{ } pre.wp-block-verse{ - font-family:inherit; overflow:auto; white-space:pre-wrap; } +:where(pre.wp-block-verse){ + font-family:inherit; +} + .wp-block-video{ box-sizing:border-box; } @@ -3002,4 +3093,14 @@ html :where(img[class*=wp-image-]){ } figure{ margin:0 0 1em; +} + +html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height, 0px); +} + +@media screen and (max-width:600px){ + html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:0px; + } } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style-rtl.min.css b/wp-includes/css/dist/block-library/style-rtl.min.css index 5b5a03fe5e..f4c624d7fc 100644 --- a/wp-includes/css/dist/block-library/style-rtl.min.css +++ b/wp-includes/css/dist/block-library/style-rtl.min.css @@ -1 +1 @@ -@charset "UTF-8";.wp-block-archives-dropdown label{display:block}.wp-block-avatar{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{border:1px solid #ddd;padding:.25em}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table th{background:#ddd;font-weight:400}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code{box-sizing:border-box}.wp-block-code code{display:block;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important;margin-bottom:1.75em}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments .alignleft{float:right}.wp-block-post-comments .alignright{float:left}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-right:2rem}.wp-block-comment-template.alignleft{float:right}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:left}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;direction:ltr;display:flex;justify-content:center;min-height:430px;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{content:"";display:block;font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:#fff;direction:rtl;width:100%;z-index:1}.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{color:#000}.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-right:0;text-align:right}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-left:0;text-align:left}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-right:.75em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 0 1em 1em;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-left:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-left:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-left:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-left:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-left:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-left:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-left:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-left:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-left:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-left:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:13px;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;right:0;text-align:center;width:100%}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image img{height:auto;max-width:100%;vertical-align:bottom}.wp-block-image img,.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin-bottom:.5em;margin-left:1em;margin-top:.5em}.wp-block-image .alignright{float:right;margin-bottom:.5em;margin-right:1em;margin-top:.5em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:initial;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-right-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-right-style:solid}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{margin-right:0}.wp-block-latest-comments .wp-block-latest-comments{padding-right:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-right:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-right:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 0 1.25em 1.25em;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-left:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-left:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-left:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-left:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-left:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{box-sizing:border-box;direction:ltr;display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{grid-column:1;grid-row:1;margin:0}.wp-block-media-text .wp-block-media-text__content{direction:rtl;grid-column:2;grid-row:1;padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{grid-column:2;grid-row:1}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-column:1;grid-row:1}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-right:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;opacity:0;overflow:hidden;position:absolute;right:-1px;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:0;margin-right:auto}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;left:100%;position:absolute;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-left:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{right:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:right;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-right:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:0;right:auto}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;right:auto}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-right:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-left,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-right,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{right:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{left:0;position:absolute;top:0;z-index:2}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word;word-break:normal}.wp-block-navigation .wp-block-navigation-item__description{display:none}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:right;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em 0 0 .1em;text-transform:uppercase}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-left:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-post-date{box-sizing:border-box}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:3em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{color:inherit}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:right}.wp-block-pullquote.has-text-align-right blockquote{text-align:left}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote cite{color:inherit}.wp-block-post-template{list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.wp-block-post-template{background:none}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{font-size:1.125em;text-align:left}.wp-block-read-more{display:block;width:-moz-fit-content;width:fit-content}.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{text-decoration:none}ul.wp-block-rss{list-style:none;padding:0}ul.wp-block-rss.wp-block-rss{box-sizing:border-box}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-rss.is-grid li{margin:0 0 1em 1em;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-search__button{margin-right:.625em;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;min-height:1.5em;min-width:1.5em;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:.375em .625em}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3em;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-right:0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 .25em 0 0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border:1px solid;border-left:none;border-right:none}.wp-block-separator.is-style-dots{background:none!important;border:none;height:auto;line-height:1;text-align:center}.wp-block-separator.is-style-dots:before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo.is-style-rounded{border-radius:9999px}.wp-block-social-links{background:none;box-sizing:border-box;margin-right:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{height:1.25em;width:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{stroke:#000;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-left:5px}.wp-block-tag-cloud span{display:inline-block;margin-right:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-left:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-right:0}.wp-block-text-columns .wp-block-column:last-child{margin-left:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{box-sizing:border-box}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-bottom:1em;margin-top:.5em}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-left-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-right-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-left-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-right-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em} \ No newline at end of file +@charset "UTF-8";.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}.wp-block-avatar{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table:where(:not(.has-text-color)){color:#40464d}.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{border-color:#ddd}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code{box-sizing:border-box}.wp-block-code code{display:block;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important;margin-bottom:1.75em}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:right}.wp-block-post-comments .alignright{float:left}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-right:2rem}.wp-block-comment-template.alignleft{float:right}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:left}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;direction:ltr;display:flex;justify-content:center;min-height:430px;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{content:"";display:block;font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:#fff;direction:rtl;width:100%;z-index:1}.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{color:#000}.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-right:0;text-align:right}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-left:0;text-align:left}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-right:.75em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 0 1em 1em;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-left:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-left:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-left:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-left:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-left:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-left:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-left:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-left:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-left:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-left:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:13px;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;right:0;text-align:center;width:100%}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image img{height:auto;max-width:100%;vertical-align:bottom}.wp-block-image img,.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin-bottom:.5em;margin-left:1em;margin-top:.5em}.wp-block-image .alignright{float:right;margin-bottom:.5em;margin-right:1em;margin-top:.5em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:initial;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-right-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-left-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-right-style:solid}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{box-sizing:border-box;margin-right:0}.wp-block-latest-comments .wp-block-latest-comments{padding-right:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-right:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;width:2.5em}.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-right:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 0 1.25em 1.25em;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-left:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-left:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-left:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-left:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-left:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{box-sizing:border-box;direction:ltr;display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{grid-column:1;grid-row:1;margin:0}.wp-block-media-text .wp-block-media-text__content{direction:rtl;grid-column:2;grid-row:1;padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{grid-column:2;grid-row:1}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-column:1;grid-row:1}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-right:0;margin-top:0;padding-right:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-right:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;opacity:0;overflow:hidden;position:absolute;right:-1px;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:0;margin-right:auto}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;left:100%;position:absolute;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-left:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{right:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{right:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:right;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-right:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:0;right:auto}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;right:auto}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-right:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-left,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-right,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{right:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{left:0;position:absolute;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word;word-break:normal}.wp-block-navigation .wp-block-navigation-item__description{display:none}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:right;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em 0 0 .1em;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-right:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-left:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-right:.5em}.wp-block-post-date{box-sizing:border-box}.wp-block-post-excerpt{margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:3em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{color:inherit}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:right}.wp-block-pullquote.has-text-align-right blockquote{text-align:left}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote cite{color:inherit}.wp-block-post-template{list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.wp-block-post-template{background:none}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(-1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{font-size:1.125em;text-align:left}.wp-block-read-more{display:block;width:-moz-fit-content;width:fit-content}.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{text-decoration:none}ul.wp-block-rss{list-style:none;padding:0}ul.wp-block-rss.wp-block-rss{box-sizing:border-box}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-rss.is-grid li{margin:0 0 1em 1em;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-search__button{margin-right:.625em;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;min-height:1.5em;min-width:1.5em;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:.375em .625em}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3em;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-right:0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 .25em 0 0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border:1px solid;border-left:none;border-right:none}.wp-block-separator.is-style-dots{background:none!important;border:none;height:auto;line-height:1;text-align:center}.wp-block-separator.is-style-dots:before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo.is-style-rounded{border-radius:9999px}.wp-block-site-title a{color:inherit}.wp-block-social-links{background:none;box-sizing:border-box;margin-right:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{height:1.25em;width:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{stroke:#000;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-left:5px}.wp-block-tag-cloud span{display:inline-block;margin-right:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-left:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-right:0}.wp-block-text-columns .wp-block-column:last-child{margin-left:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit}.wp-block-video{box-sizing:border-box}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-bottom:1em;margin-top:.5em}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-left-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-right-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-left-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-right-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style.css b/wp-includes/css/dist/block-library/style.css index 2f5f5b1c9a..32019b23b7 100644 --- a/wp-includes/css/dist/block-library/style.css +++ b/wp-includes/css/dist/block-library/style.css @@ -1,5 +1,9 @@ @charset "UTF-8"; +.wp-block-archives{ + box-sizing:border-box; +} + .wp-block-archives-dropdown label{ display:block; } @@ -151,27 +155,36 @@ .wp-block-button.aligncenter,.wp-block-calendar{ text-align:center; } -.wp-block-calendar tbody td,.wp-block-calendar th{ - border:1px solid #ddd; +.wp-block-calendar td,.wp-block-calendar th{ + border:1px solid; padding:.25em; } -.wp-block-calendar tfoot td{ - border:none; +.wp-block-calendar th{ + font-weight:400; +} +.wp-block-calendar caption{ + background-color:inherit; } .wp-block-calendar table{ border-collapse:collapse; width:100%; } -.wp-block-calendar table th{ - background:#ddd; - font-weight:400; -} -.wp-block-calendar a{ - text-decoration:underline; -} -.wp-block-calendar table caption,.wp-block-calendar table tbody{ +.wp-block-calendar table:where(:not(.has-text-color)){ color:#40464d; } +.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{ + border-color:#ddd; +} +.wp-block-calendar table.has-background th{ + background-color:inherit; +} +.wp-block-calendar table.has-text-color th{ + color:inherit; +} + +:where(.wp-block-calendar table:not(.has-background) th){ + background:#ddd; +} .wp-block-categories{ box-sizing:border-box; @@ -261,6 +274,9 @@ .wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{ width:100%; } +.wp-block-post-comments{ + box-sizing:border-box; +} .wp-block-post-comments .alignleft{ float:left; } @@ -388,6 +404,7 @@ } .wp-block-comment-template{ + box-sizing:border-box; list-style:none; margin-bottom:0; max-width:100%; @@ -1077,6 +1094,7 @@ h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-b } ol.wp-block-latest-comments{ + box-sizing:border-box; margin-left:0; } @@ -1120,6 +1138,9 @@ ol.wp-block-latest-comments{ width:2.5em; } +.wp-block-latest-posts{ + box-sizing:border-box; +} .wp-block-latest-posts.alignleft{ margin-right:2em; } @@ -1330,6 +1351,9 @@ ol.has-background,ul.has-background{ .wp-block-navigation .wp-block-navigation-item__content{ display:block; } +.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{ + color:inherit; +} .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{ text-decoration:underline; } @@ -1513,7 +1537,7 @@ button.wp-block-navigation-item__content{ padding:.5em 1em; } -:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){ +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){ padding:.5em 1em; } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{ @@ -1616,7 +1640,7 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{ display:none; } -.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{ border:none; height:auto; min-width:200px; @@ -1697,6 +1721,11 @@ button.wp-block-navigation-item__content{ .wp-block-navigation__responsive-container-open{ display:flex; } +.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} @media (min-width:600px){ .wp-block-navigation__responsive-container-open:not(.always-shown){ display:none; @@ -1709,6 +1738,11 @@ button.wp-block-navigation-item__content{ top:0; z-index:2; } +.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{ + font-family:inherit; + font-size:inherit; + font-weight:inherit; +} .wp-block-navigation__responsive-close{ margin-left:auto; @@ -1787,6 +1821,11 @@ html.has-modal-open{ text-transform:uppercase; } +body.rtl .has-drop-cap:not(:focus):first-letter{ + float:none; + margin-left:.1em; +} + p.has-drop-cap.has-background{ overflow:hidden; } @@ -1824,6 +1863,9 @@ p.has-background{ margin:0; } +.wp-block-post-comments-form{ + box-sizing:border-box; +} .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){ font-weight:inherit; } @@ -1885,6 +1927,21 @@ p.has-background{ box-sizing:border-box; } +.wp-block-post-excerpt{ + margin-bottom:var(--wp--style--block-gap); + margin-top:var(--wp--style--block-gap); +} + +.wp-block-post-excerpt__excerpt{ + margin-bottom:0; + margin-top:0; +} + +.wp-block-post-excerpt__more-text{ + margin-bottom:0; + margin-top:var(--wp--style--block-gap); +} + .wp-block-post-excerpt__more-link{ display:inline-block; } @@ -1952,7 +2009,25 @@ p.has-background{ opacity:1; } -.wp-block-post-terms__separator{ +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{ + display:inline-block; + margin-right:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){ + transform:scaleX(1); +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{ + display:inline-block; + margin-left:1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){ + transform:scaleX(1); +} + +.wp-block-post-terms{ + box-sizing:border-box; +} +.wp-block-post-terms .wp-block-post-terms__separator{ white-space:pre-wrap; } @@ -2067,7 +2142,7 @@ p.has-background{ .wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ margin-right:0; } -.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{ +.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{ margin-inline-start:auto; } .wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{ @@ -2279,6 +2354,10 @@ ul.wp-block-rss.is-grid li{ border-radius:9999px; } +.wp-block-site-title a{ + color:inherit; +} + .wp-block-social-links{ background:none; box-sizing:border-box; @@ -2661,6 +2740,9 @@ ul.wp-block-rss.is-grid li{ clear:both; } +.wp-block-tag-cloud{ + box-sizing:border-box; +} .wp-block-tag-cloud.aligncenter{ justify-content:center; text-align:center; @@ -2698,6 +2780,12 @@ ul.wp-block-rss.is-grid li{ border-collapse:collapse; width:100%; } +.wp-block-table thead{ + border-bottom:3px solid; +} +.wp-block-table tfoot{ + border-top:3px solid; +} .wp-block-table td,.wp-block-table th{ border:1px solid; padding:.5em; @@ -2804,11 +2892,14 @@ ul.wp-block-rss.is-grid li{ } pre.wp-block-verse{ - font-family:inherit; overflow:auto; white-space:pre-wrap; } +:where(pre.wp-block-verse){ + font-family:inherit; +} + .wp-block-video{ box-sizing:border-box; } @@ -2998,4 +3089,14 @@ html :where(img[class*=wp-image-]){ } figure{ margin:0 0 1em; +} + +html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height, 0px); +} + +@media screen and (max-width:600px){ + html :where(.is-position-sticky){ + --wp-admin--admin-bar--position-offset:0px; + } } \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style.min.css b/wp-includes/css/dist/block-library/style.min.css index e982129643..cb930482ce 100644 --- a/wp-includes/css/dist/block-library/style.min.css +++ b/wp-includes/css/dist/block-library/style.min.css @@ -1,4 +1,4 @@ -@charset "UTF-8";.wp-block-archives-dropdown label{display:block}.wp-block-avatar{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{border:1px solid #ddd;padding:.25em}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table th{background:#ddd;font-weight:400}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code{box-sizing:border-box}.wp-block-code code{display:block;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important;margin-bottom:1.75em}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:right}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{content:"";display:block;font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:#fff;width:100%;z-index:1}.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{color:#000}.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-right:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-right:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-right:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-right:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:13px;left:0;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;text-align:center;width:100%}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image img{height:auto;max-width:100%;vertical-align:bottom}.wp-block-image img,.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:initial;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{margin-left:0}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{box-sizing:border-box; +@charset "UTF-8";.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}.wp-block-avatar{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{border:2px solid;padding:.667em 1.333em}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){color:currentColor}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){background-color:initial;background-image:none}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table:where(:not(.has-text-color)){color:#40464d}.wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th{border-color:#ddd}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code{box-sizing:border-box}.wp-block-code code{display:block;font-family:inherit;overflow-wrap:break-word;white-space:pre-wrap}.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important;margin-bottom:1.75em}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:1em;line-height:1.8;margin:1em 0}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{margin-right:0}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.wp-block-comment-template.alignright{float:right}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{content:"";display:block;font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:#fff;width:100%;z-index:1}.wp-block-cover-image.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container{color:#000}.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;padding:.5em 1em}:where(.wp-block-file__button):is(a):active,:where(.wp-block-file__button):is(a):focus,:where(.wp-block-file__button):is(a):hover,:where(.wp-block-file__button):is(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-right:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-right:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-right:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-right:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:13px;left:0;margin-bottom:0;max-height:60%;overflow:auto;padding:0 8px 8px;position:absolute;text-align:center;width:100%}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image img{height:auto;max-width:100%;vertical-align:bottom}.wp-block-image img,.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-bottom:1em;margin-top:.5em}.wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:initial;-webkit-mask-size:contain;mask-size:contain}}.wp-block-image :where(.has-border-color){border-style:solid}.wp-block-image :where([style*=border-top-color]){border-top-style:solid}.wp-block-image :where([style*=border-right-color]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-color]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-color]){border-left-style:solid}.wp-block-image :where([style*=border-width]){border-style:solid}.wp-block-image :where([style*=border-top-width]){border-top-style:solid}.wp-block-image :where([style*=border-right-width]){border-right-style:solid}.wp-block-image :where([style*=border-bottom-width]){border-bottom-style:solid}.wp-block-image :where([style*=border-left-width]){border-left-style:solid}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-posts{box-sizing:border-box}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{box-sizing:border-box; /*!rtl:begin:ignore*/direction:ltr; /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{ /*!rtl:begin:ignore*/grid-column:1;grid-row:1; @@ -8,4 +8,4 @@ /*!rtl:begin:ignore*/grid-column:2;grid-row:1 /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ /*!rtl:begin:ignore*/grid-column:1;grid-row:1 - /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word;word-break:normal}.wp-block-navigation .wp-block-navigation-item__description{display:none}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-date{box-sizing:border-box}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:3em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{color:inherit}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote cite{color:inherit}.wp-block-post-template{list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.wp-block-post-template{background:none}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{font-size:1.125em;text-align:right}.wp-block-read-more{display:block;width:-moz-fit-content;width:fit-content}.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{text-decoration:none}ul.wp-block-rss{list-style:none;padding:0}ul.wp-block-rss.wp-block-rss{box-sizing:border-box}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-search__button{margin-left:.625em;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;min-height:1.5em;min-width:1.5em;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:.375em .625em}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3em;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 0 0 .25em}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border:1px solid;border-left:none;border-right:none}.wp-block-separator.is-style-dots{background:none!important;border:none;height:auto;line-height:1;text-align:center}.wp-block-separator.is-style-dots:before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo.is-style-rounded{border-radius:9999px}.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{height:1.25em;width:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{stroke:#000;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{box-sizing:border-box}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-bottom:1em;margin-top:.5em}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em} \ No newline at end of file + /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center;position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0;padding-left:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{display:none}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation:where(:not([class*=has-text-decoration])) a{text-decoration:none}.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{stroke:currentColor;display:inline-block;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.is-vertical{--navigation-layout-direction:column;--navigation-layout-justify:initial;--navigation-layout-align:flex-start}.wp-block-navigation.no-wrap{--navigation-layout-wrap:nowrap}.wp-block-navigation.items-justified-center{--navigation-layout-justification-setting:center;--navigation-layout-justify:center}.wp-block-navigation.items-justified-center.is-vertical{--navigation-layout-align:center}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation.items-justified-right.is-vertical{--navigation-layout-align:flex-end}.wp-block-navigation.items-justified-space-between{--navigation-layout-justification-setting:space-between;--navigation-layout-justify:space-between}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;transition:opacity .1s linear;visibility:hidden;width:0;z-index:2}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:transparent;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{left:0;top:100%}@media (min-width:782px){.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:0}}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid rgba(0,0,0,.15);color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container .wp-block-navigation-link a{color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:inherit;display:flex;flex-direction:column;overflow:auto;padding:var(--wp--style--root--padding-top,2rem) var(--wp--style--root--padding-right,2rem) var(--wp--style--root--padding-bottom,2rem) var(--wp--style--root--padding-left,2rem);z-index:100000}@media (prefers-reduced-motion:reduce){.wp-block-navigation__responsive-container.is-menu-open{animation-delay:0s;animation-duration:1ms}}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{gap:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{padding-top:var(--wp--style--block-gap,2em)}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:transparent!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:transparent;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%);width:100%}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word;word-break:normal}.wp-block-navigation .wp-block-navigation-item__description{display:none}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-comments-form{box-sizing:border-box}.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title){font-weight:inherit}.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title){font-family:inherit}.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title){font-size:inherit}.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title){line-height:inherit}.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title){font-style:inherit}.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title){letter-spacing:inherit}.wp-block-post-comments-form input[type=submit]{box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form input:not([type=submit]),.wp-block-post-comments-form textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form textarea{padding:calc(.667em + 2px)}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments-form .comment-form-author label,.wp-block-post-comments-form .comment-form-email label,.wp-block-post-comments-form .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-date{box-sizing:border-box}.wp-block-post-excerpt{margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block}.wp-block-post-featured-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-title{box-sizing:border-box;word-break:break-word}.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:3em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{color:inherit}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote cite{color:inherit}.wp-block-post-template{list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.wp-block-post-template{background:none}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.is-flex-container li{margin:0;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{margin-bottom:.5em;margin-right:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:not(.is-style-plain),.wp-block-quote.is-style-large:not(.is-style-plain){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:not(.is-style-plain) p,.wp-block-quote.is-style-large:not(.is-style-plain) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:not(.is-style-plain) cite,.wp-block-quote.is-large:not(.is-style-plain) footer,.wp-block-quote.is-style-large:not(.is-style-plain) cite,.wp-block-quote.is-style-large:not(.is-style-plain) footer{font-size:1.125em;text-align:right}.wp-block-read-more{display:block;width:-moz-fit-content;width:fit-content}.wp-block-read-more:not([style*=text-decoration]),.wp-block-read-more:not([style*=text-decoration]):active,.wp-block-read-more:not([style*=text-decoration]):focus{text-decoration:none}ul.wp-block-rss{list-style:none;padding:0}ul.wp-block-rss.wp-block-rss{box-sizing:border-box}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;list-style:none;padding:0}ul.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){ul.wp-block-rss.columns-2 li{width:calc(50% - 1em)}ul.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}ul.wp-block-rss.columns-4 li{width:calc(25% - 1em)}ul.wp-block-rss.columns-5 li{width:calc(20% - 1em)}ul.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-search__button{margin-left:.625em;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;min-height:1.5em;min-width:1.5em;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:.375em .625em}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search__input{border:1px solid #949494;flex-grow:1;margin-left:0;margin-right:0;min-width:3em;padding:8px;text-decoration:unset!important}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border:1px solid #949494;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 0 0 .25em}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border:1px solid;border-left:none;border-right:none}.wp-block-separator.is-style-dots{background:none!important;border:none;height:auto;line-height:1;text-align:center}.wp-block-separator.is-style-dots:before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.wp-block-site-logo a,.wp-block-site-logo img{border-radius:inherit}.wp-block-site-logo.aligncenter{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo.is-style-rounded{border-radius:9999px}.wp-block-site-title a{color:inherit}.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block;height:auto;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-delay:0s;transition-duration:0s}}.wp-block-social-link a{align-items:center;display:flex;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited{fill:currentColor;color:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#ff4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{stroke:#000;background-color:#fefc00;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none}.wp-block-social-links.is-style-logos-only .wp-social-link a{padding:0}.wp-block-social-links.is-style-logos-only .wp-social-link svg{height:1.25em;width:1.25em}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#ff4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{stroke:#000;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp{color:#25d366}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;text-decoration:none}.wp-block-tag-cloud.is-style-outline{display:flex;flex-wrap:wrap;gap:1ch}.wp-block-tag-cloud.is-style-outline a{border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit}.wp-block-video{box-sizing:border-box}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-bottom:1em;margin-top:.5em}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme-rtl.css b/wp-includes/css/dist/block-library/theme-rtl.css index 67c03eba47..58a9ce3355 100644 --- a/wp-includes/css/dist/block-library/theme-rtl.css +++ b/wp-includes/css/dist/block-library/theme-rtl.css @@ -129,13 +129,7 @@ } .wp-block-table{ - margin:"0 0" 1em 0; -} -.wp-block-table thead{ - border-bottom:3px solid; -} -.wp-block-table tfoot{ - border-top:3px solid; + margin:0 0 1em; } .wp-block-table td,.wp-block-table th{ word-break:normal; diff --git a/wp-includes/css/dist/block-library/theme-rtl.min.css b/wp-includes/css/dist/block-library/theme-rtl.min.css index 41094a2b31..6fb585113e 100644 --- a/wp-includes/css/dist/block-library/theme-rtl.min.css +++ b/wp-includes/css/dist/block-library/theme-rtl.min.css @@ -1 +1 @@ -.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:.25em solid;border-right:none;padding-left:1em;padding-right:0}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:"0 0" 1em 0}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} \ No newline at end of file +.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:.25em solid;border-right:none;padding-left:1em;padding-right:0}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme.css b/wp-includes/css/dist/block-library/theme.css index 70e72da133..4d0e3b3a87 100644 --- a/wp-includes/css/dist/block-library/theme.css +++ b/wp-includes/css/dist/block-library/theme.css @@ -129,13 +129,7 @@ } .wp-block-table{ - margin:"0 0 1em 0"; -} -.wp-block-table thead{ - border-bottom:3px solid; -} -.wp-block-table tfoot{ - border-top:3px solid; + margin:0 0 1em; } .wp-block-table td,.wp-block-table th{ word-break:normal; diff --git a/wp-includes/css/dist/block-library/theme.min.css b/wp-includes/css/dist/block-library/theme.min.css index 6dbd5ab6fe..52abad7cc7 100644 --- a/wp-includes/css/dist/block-library/theme.min.css +++ b/wp-includes/css/dist/block-library/theme.min.css @@ -1 +1 @@ -.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:"0 0 1em 0"}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} \ No newline at end of file +.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{margin-bottom:0;margin-top:0;padding:1.25em 2.375em} \ No newline at end of file diff --git a/wp-includes/css/dist/components/style-rtl.css b/wp-includes/css/dist/components/style-rtl.css index 29fe737e9b..ca2c4fb5c8 100644 --- a/wp-includes/css/dist/components/style-rtl.css +++ b/wp-includes/css/dist/components/style-rtl.css @@ -7,6 +7,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -95,7 +97,7 @@ width:100%; } .components-autocomplete__result.components-button.is-selected{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button-group{ @@ -131,7 +133,7 @@ border:0; border-radius:2px; box-sizing:border-box; - color:#1e1e1e; + color:var(--wp-components-color-foreground, #1e1e1e); cursor:pointer; display:inline-flex; font-family:inherit; @@ -150,62 +152,62 @@ } } .components-button:hover,.components-button[aria-expanded=true]{ - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button[aria-disabled=true]:hover{ color:initial; } .components-button:focus:not(:disabled){ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:3px solid transparent; } .components-button.is-primary{ - background:var(--wp-admin-theme-color); - color:#fff; + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + color:var(--wp-components-color-accent-inverted, #fff); outline:1px solid transparent; text-decoration:none; text-shadow:none; white-space:nowrap; } .components-button.is-primary:hover:not(:disabled){ - background:var(--wp-admin-theme-color-darker-10); - color:#fff; + background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); + color:var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:active:not(:disabled){ - background:var(--wp-admin-theme-color-darker-20); - border-color:var(--wp-admin-theme-color-darker-20); - color:#fff; + background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)); + border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)); + color:var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:focus:not(:disabled){ - box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{ - background:var(--wp-admin-theme-color); - border-color:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); color:hsla(0,0%,100%,.4); opacity:1; outline:none; } .components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{ - box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{ - background-image:linear-gradient(45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); + background-image:linear-gradient(45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 70%); background-size:100px 100%; - border-color:var(--wp-admin-theme-color); - color:#fff; + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + color:var(--wp-components-color-accent-inverted, #fff); } .components-button.is-secondary,.components-button.is-tertiary{ outline:1px solid transparent; } .components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){ - background:#ddd; + background:var(--wp-components-color-gray-300, #ddd); box-shadow:none; - color:var(--wp-admin-theme-color-darker-10); + color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); } .components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){ - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); - color:var(--wp-admin-theme-color-darker-10); + box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); + color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); } .components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{ background:#eaeaea; @@ -216,12 +218,12 @@ transform:none; } .components-button.is-secondary{ - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:1px solid transparent; } .components-button.is-secondary,.components-button.is-tertiary{ background:transparent; - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); white-space:nowrap; } .components-button.is-tertiary{ @@ -235,46 +237,29 @@ p+.components-button.is-tertiary{ margin-right:-6px; } .components-button.is-destructive{ + --wp-components-color-accent:#cc1818; + --wp-components-color-accent-darker-10:#9e1313; + --wp-components-color-accent-darker-20:#710d0d; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){ box-shadow:inset 0 0 0 1px #cc1818; color:#cc1818; } -.components-button.is-destructive:hover:not(:disabled){ - box-shadow:inset 0 0 0 1px #710d0d; +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){ color:#710d0d; } -.components-button.is-destructive:focus:not(:disabled){ - color:var(--wp-admin-theme-color); +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818; } -.components-button.is-destructive:active:not(:disabled){ +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){ background:#ccc; } -.components-button.is-destructive.is-primary{ - background:#cc1818; - box-shadow:inset 0 0 0 1px #cc1818; - color:#fff; -} -.components-button.is-destructive.is-primary:hover:not(:disabled){ - background:#710d0d; - box-shadow:inset 0 0 0 1px #710d0d; - color:#fff; -} -.components-button.is-destructive.is-tertiary{ - box-shadow:none; -} -.components-button.is-destructive.is-tertiary:hover:not(:disabled){ - box-shadow:inset 0 0 0 1px #cc1818; - color:#cc1818; -} -.components-button.is-destructive.is-tertiary:focus:not(:disabled){ - box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; - color:#cc1818; -} .components-button.is-link{ background:none; border:0; border-radius:0; box-shadow:none; - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); height:auto; margin:0; outline:none; @@ -294,18 +279,8 @@ p+.components-button.is-tertiary{ .components-button.is-link:focus{ border-radius:2px; } -.components-button.is-link.is-destructive{ - color:#cc1818; -} -.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){ - background:none; - color:#710d0d; -} -.components-button.is-link.is-destructive:focus:not(:disabled){ - color:var(--wp-admin-theme-color); -} .components-button:not([aria-disabled=true]):active{ - color:inherit; + color:var(--wp-components-color-foreground, #1e1e1e); } .components-button:disabled,.components-button[aria-disabled=true]{ cursor:default; @@ -340,7 +315,8 @@ p+.components-button.is-tertiary{ margin-right:2px; } .components-button.has-icon.has-text{ - justify-content:left; + justify-content:start; + padding-left:12px; } .components-button.has-icon.has-text svg{ margin-left:8px; @@ -349,16 +325,16 @@ p+.components-button.is-tertiary{ margin-left:10px; } .components-button.is-pressed{ - background:#1e1e1e; - color:#fff; + background:var(--wp-components-color-foreground, #1e1e1e); + color:var(--wp-components-color-foreground-inverted, #fff); } .components-button.is-pressed:focus:not(:disabled){ - box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:2px solid transparent; } .components-button.is-pressed:hover:not(:disabled){ - background:#1e1e1e; - color:#fff; + background:var(--wp-components-color-foreground, #1e1e1e); + color:var(--wp-components-color-foreground-inverted, #fff); } .components-button svg{ fill:currentColor; @@ -375,7 +351,7 @@ p+.components-button.is-tertiary{ @keyframes components-button__busy-animation{ 0%{ - background-position:200px 0; + background-position:right 200px top 0; } } .components-checkbox-control__input[type=checkbox]{ @@ -425,6 +401,9 @@ p+.components-button.is-tertiary{ .components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{ color:rgba(30,30,30,.62); } +.components-checkbox-control__input[type=checkbox]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); +} .components-checkbox-control__input[type=checkbox]:checked{ background:var(--wp-admin-theme-color); border-color:var(--wp-admin-theme-color); @@ -475,12 +454,12 @@ p+.components-button.is-tertiary{ } } .components-checkbox-control__input[type=checkbox]:focus{ - box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:2px solid transparent; } .components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{ - background:var(--wp-admin-theme-color); - border-color:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{ opacity:0; @@ -546,6 +525,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete transition:transform .1s ease; vertical-align:top; width:28px; + will-change:transform; } @media (prefers-reduced-motion:reduce){ .components-circular-option-picker__option-wrapper{ @@ -694,7 +674,7 @@ input.components-combobox-control__input[type=text]:focus{ .components-combobox-control__suggestions-container{ align-items:flex-start; - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; display:flex; @@ -765,8 +745,8 @@ input.components-combobox-control__input[type=text]:focus{ .components-color-palette__custom-color{ background:none; background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); - background-position:0 0, 25px 25px; - background-size:50px 50px; + background-position:0 0, 24px 24px; + background-size:48px 48px; border:none; border-radius:2px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); @@ -781,7 +761,7 @@ input.components-combobox-control__input[type=text]:focus{ width:100%; } .components-color-palette__custom-color:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline-width:2px; } @@ -886,6 +866,11 @@ input.components-combobox-control__input[type=text]:focus{ text-align:right; } +.components-custom-select-control__hint{ + color:#949494; + margin-right:10px; +} + .components-custom-select-control__menu{ background-color:#fff; border:1px solid #1e1e1e; @@ -922,7 +907,7 @@ input.components-combobox-control__input[type=text]:focus{ background:#ddd; } .components-custom-select-control__item .components-custom-select-control__item-hint{ - color:#757575; + color:#949494; padding-left:4px; text-align:left; } @@ -988,7 +973,7 @@ body.is-dragging-components-draggable{ .components-drop-zone__content{ align-items:center; - background-color:var(--wp-admin-theme-color); + background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); bottom:0; color:#fff; display:flex; @@ -1110,97 +1095,6 @@ body.is-dragging-components-draggable{ color:transparent; } -.components-font-size-picker__header__hint{ - color:#757575; - margin-right:4px; -} -.components-font-size-picker__header .components-base-control__label{ - margin-bottom:0; -} -.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text){ - min-width:24px; - padding:0; -} - -.components-font-size-picker__controls{ - align-items:center; - margin-top:8px; - max-width:248px; -} -.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom){ - margin-bottom:24px; -} -.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{ - font-weight:300; - margin-bottom:8px !important; - padding-bottom:0 !important; -} -.components-font-size-picker__controls .components-font-size-picker__number{ - border:1px solid #757575; - border-radius:2px; - box-shadow:0 0 0 transparent; - display:inline-block; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:16px; - font-weight:500; - height:30px; - line-height:normal; - margin:8px 0 0 8px; - padding:6px 8px; - transition:box-shadow .1s linear; - width:54px; -} -@media (prefers-reduced-motion:reduce){ - .components-font-size-picker__controls .components-font-size-picker__number{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:600px){ - .components-font-size-picker__controls .components-font-size-picker__number{ - font-size:13px; - line-height:normal; - } -} -.components-font-size-picker__controls .components-font-size-picker__number:focus{ - border-color:var(--wp-admin-theme-color); - box-shadow:0 0 0 1px var(--wp-admin-theme-color); - outline:2px solid transparent; -} -.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{ - color:rgba(30,30,30,.62); -} -.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{ - color:rgba(30,30,30,.62); - opacity:1; -} -.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{ - color:rgba(30,30,30,.62); -} -.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{ - cursor:default; - opacity:.3; - pointer-events:none; -} -.components-font-size-picker__controls .components-font-size-picker__number-container{ - display:flex; - flex-direction:column; -} -.components-font-size-picker__controls .components-color-palette__clear{ - height:30px; -} - -.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{ - height:30px; - width:30px; -} - -.components-font-size-picker{ - border:0; - margin:0; - padding:0; -} - .components-form-toggle{ display:inline-block; position:relative; @@ -1243,11 +1137,11 @@ body.is-dragging-components-draggable{ } } .components-form-toggle.is-checked .components-form-toggle__track{ - background-color:var(--wp-admin-theme-color); + background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); border:9px solid transparent; } .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{ - box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:2px solid transparent; outline-offset:2px; } @@ -1280,7 +1174,7 @@ body.is-dragging-components-draggable{ } .components-form-token-field__input-container{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; cursor:text; @@ -1384,7 +1278,7 @@ body.is-dragging-components-draggable{ } .components-form-token-field__token.is-borderless .components-form-token-field__token-text{ background:transparent; - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{ background:transparent; @@ -1447,7 +1341,7 @@ body.is-dragging-components-draggable{ } .components-form-token-field__suggestions-list{ - border-top:1px solid #757575; + border-top:1px solid var(--wp-components-color-gray-600, #949494); flex:1 0 100%; list-style:none; margin:0; @@ -1473,7 +1367,7 @@ body.is-dragging-components-draggable{ padding:4px 8px; } .components-form-token-field__suggestion.is-selected{ - background:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); color:#fff; } @@ -1595,25 +1489,17 @@ body.is-dragging-components-draggable{ .is-focusing-regions [role=region]:focus:after{ bottom:0; - box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color); content:""; left:0; - outline:4px solid transparent; pointer-events:none; position:absolute; right:0; top:0; + z-index:1000000; } -@supports (outline-offset:1px){ - .is-focusing-regions [role=region]:focus:after{ - content:none; - } - .is-focusing-regions [role=region]:focus{ - outline-color:var(--wp-admin-theme-color); - outline-offset:-4px; - outline-style:solid; - outline-width:4px; - } +.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{ + outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + outline-offset:-4px; } .components-menu-group+.components-menu-group{ @@ -1642,6 +1528,7 @@ body.is-dragging-components-draggable{ width:100%; } .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{ + box-sizing:initial; padding-left:48px; } .components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{ @@ -1667,7 +1554,7 @@ body.is-dragging-components-draggable{ } .components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{ background:none; - color:var(--wp-admin-theme-color-darker-10); + color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); opacity:.3; } @@ -1735,7 +1622,7 @@ body.is-dragging-components-draggable{ .components-modal__frame{ background:#fff; border-radius:2px; - box-shadow:0 10px 10px rgba(0,0,0,.25); + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); display:flex; margin:0; overflow:hidden; @@ -1817,7 +1704,7 @@ body.is-dragging-components-draggable{ display:flex; flex-direction:row; flex-grow:1; - justify-content:left; + justify-content:right; } .components-modal__header-icon-container{ @@ -1843,7 +1730,7 @@ body.is-dragging-components-draggable{ .components-notice{ align-items:center; background-color:#fff; - border-right:4px solid var(--wp-admin-theme-color); + border-right:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); display:flex; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px; @@ -2005,7 +1892,7 @@ body.is-dragging-components-draggable{ } .components-panel__body-toggle.components-button:focus{ border-radius:0; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-panel__body-toggle.components-button .components-panel__arrow{ fill:currentColor; @@ -2104,7 +1991,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ fill:currentColor; - margin-left:1ch; + margin-left:12px; } @media (forced-colors:active){ .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ @@ -2141,7 +2028,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-placeholder__input[type=url]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; flex:1 1 auto; @@ -2225,8 +2112,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-placeholder.has-illustration{ -webkit-backdrop-filter:blur(100px); backdrop-filter:blur(100px); - background-color:hsla(0,0%,100%,.1); - border:1px dashed; + backface-visibility:hidden; + background-color:initial; border-radius:2px; box-shadow:none; color:inherit; @@ -2244,6 +2131,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ opacity:0; + pointer-events:none; transition:opacity .1s linear; } @media (prefers-reduced-motion:reduce){ @@ -2254,6 +2142,18 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{ opacity:1; + pointer-events:auto; +} +.components-placeholder.has-illustration:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; } .components-placeholder__preview{ @@ -2263,9 +2163,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-placeholder__illustration{ stroke:currentColor; - stroke-dasharray:3; box-sizing:initial; height:100%; + opacity:.25; position:absolute; right:50%; top:50%; @@ -2274,6 +2174,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-popover{ + will-change:transform; z-index:1000000; } .components-popover.is-expanded{ @@ -2288,24 +2189,28 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-popover__content{ background:#fff; border-radius:2px; - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 0 0 1px #ccc,0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); box-sizing:border-box; - outline:1px solid #ccc; width:min-content; } .is-alternate .components-popover__content{ + box-shadow:0 0 0 1px #1e1e1e; +} +.is-unstyled .components-popover__content{ + background:none; + border-radius:0; box-shadow:none; - outline:1px solid #1e1e1e; } .components-popover.is-expanded .components-popover__content{ - border:none; - border-top:1px solid #1e1e1e; + box-shadow:0 -1px 0 0 #ccc; height:calc(100% - 48px); - outline:none; overflow-y:visible; position:static; width:auto; } +.components-popover.is-expanded.is-alternate .components-popover__content{ + box-shadow:0 -1px 0 #1e1e1e; +} .components-popover__header{ align-items:center; @@ -2466,7 +2371,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-resizable-box__handle:after{ background:#fff; border-radius:50%; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); content:""; cursor:inherit; display:block; @@ -2479,7 +2384,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-resizable-box__side-handle:before{ - background:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); border-radius:2px; content:""; cursor:inherit; @@ -2491,6 +2396,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right top:calc(50% - 1px); transition:transform .1s ease-in; width:3px; + will-change:transform; } @media (prefers-reduced-motion:reduce){ .components-resizable-box__side-handle:before{ @@ -2625,6 +2531,8 @@ body.lockscroll,html.lockscroll{ font-size:16px; height:48px; line-height:normal; + margin-left:0; + margin-right:0; padding:16px 16px 16px 48px; transition:box-shadow .1s linear; width:100%; @@ -2663,7 +2571,7 @@ body.lockscroll,html.lockscroll{ } .components-search-control input[type=search].components-search-control__input:focus{ background:#fff; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-search-control input[type=search].components-search-control__input::placeholder{ color:#757575; @@ -2730,7 +2638,7 @@ body.lockscroll,html.lockscroll{ } } .components-snackbar:focus{ - box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-snackbar.components-snackbar-explicit-dismiss{ cursor:default; @@ -2766,7 +2674,7 @@ body.lockscroll,html.lockscroll{ outline:1px dotted #fff; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-snackbar__content{ @@ -2803,47 +2711,66 @@ body.lockscroll,html.lockscroll{ border:none; border-radius:0; box-shadow:none; - box-sizing:border-box; cursor:pointer; font-weight:500; height:48px; margin-right:0; padding:3px 16px; - transition:box-shadow .1s linear; -} -.components-tab-panel__tabs-item:after{ - speak:none; - content:attr(data-label); - display:block; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-tab-panel__tabs-item:focus:not(:disabled){ - box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.components-tab-panel__tabs-item.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); position:relative; } -.components-tab-panel__tabs-item.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; +.components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-tab-panel__tabs-item:after{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-tab-panel__tabs-item:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +@media (prefers-reduced-motion:reduce){ + .components-tab-panel__tabs-item:after{ + transition-delay:0s; + transition-duration:0s; + } } -.components-tab-panel__tabs-item.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-tab-panel__tabs-item.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-tab-panel__tabs-item:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-tab-panel__tabs-item:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-tab-panel__tabs-item:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + outline:2px solid transparent; } .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -2912,7 +2839,7 @@ body.lockscroll,html.lockscroll{ position:relative; z-index:1; } -.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{ +.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){ box-shadow:none; outline:none; } @@ -3071,11 +2998,11 @@ div.components-toolbar>div+div.has-left-divider:before{ } .components-tooltip .components-popover__content{ - background:#1e1e1e; + background:var(--wp-components-color-foreground, #1e1e1e); border-radius:2px; border-width:0; box-shadow:none; - color:#fff; + color:var(--wp-components-color-foreground-inverted, #fff); font-size:12px; line-height:1.4; outline:none; diff --git a/wp-includes/css/dist/components/style-rtl.min.css b/wp-includes/css/dist/components/style-rtl.min.css index e6cd1a5b4b..766695a9ef 100644 --- a/wp-includes/css/dist/components/style-rtl.min.css +++ b/wp-includes/css/dist/components/style-rtl.min.css @@ -1 +1 @@ -@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-animate__appear{animation:components-animate__appear-animation .1s cubic-bezier(0,0,.2,1) 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__appear{animation-delay:0s;animation-duration:1ms}}.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{transform-origin:top right}.components-animate__appear.is-from-top.is-from-right{transform-origin:top left}.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{transform-origin:bottom right}.components-animate__appear.is-from-bottom.is-from-right{transform-origin:bottom left}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.components-animate__slide-in{animation:components-animate__slide-in-animation .1s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__slide-in{animation-delay:0s;animation-duration:1ms}}.components-animate__slide-in.is-from-left{transform:translateX(-100%)}.components-animate__slide-in.is-from-right{transform:translateX(100%)}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}.components-animate__loading{animation:components-animate__loading 1.6s ease-in-out infinite}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.components-autocomplete__popover .components-popover__content{min-width:220px;padding:16px}.components-autocomplete__result.components-button{display:flex;height:auto;min-height:36px;text-align:right;width:100%}.components-autocomplete__result.components-button.is-selected{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button-group{display:inline-block}.components-button-group .components-button{border-radius:0;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:inline-flex}.components-button-group .components-button+.components-button{margin-right:-1px}.components-button-group .components-button:first-child{border-radius:0 2px 2px 0}.components-button-group .components-button:last-child{border-radius:2px 0 0 2px}.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-primary{box-shadow:inset 0 0 0 1px #1e1e1e}.components-button{align-items:center;-webkit-appearance:none;background:none;border:0;border-radius:2px;box-sizing:border-box;color:#1e1e1e;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:400;height:36px;margin:0;padding:6px 12px;text-decoration:none;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-button{transition-delay:0s;transition-duration:0s}}.components-button:hover,.components-button[aria-expanded=true]{color:var(--wp-admin-theme-color)}.components-button[aria-disabled=true]:hover{color:initial}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.components-button.is-primary{background:var(--wp-admin-theme-color);color:#fff;outline:1px solid transparent;text-decoration:none;text-shadow:none;white-space:nowrap}.components-button.is-primary:hover:not(:disabled){background:var(--wp-admin-theme-color-darker-10);color:#fff}.components-button.is-primary:active:not(:disabled){background:var(--wp-admin-theme-color-darker-20);border-color:var(--wp-admin-theme-color-darker-20);color:#fff}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);color:hsla(0,0%,100%,.4);opacity:1;outline:none}.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,var(--wp-admin-theme-color) 33%,var(--wp-admin-theme-color-darker-20) 33%,var(--wp-admin-theme-color-darker-20) 70%,var(--wp-admin-theme-color) 70%);background-size:100px 100%;border-color:var(--wp-admin-theme-color);color:#fff}.components-button.is-secondary,.components-button.is-tertiary{outline:1px solid transparent}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){background:#ddd;box-shadow:none;color:var(--wp-admin-theme-color-darker-10)}.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);color:var(--wp-admin-theme-color-darker-10)}.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{background:#eaeaea;box-shadow:none;color:#828282;opacity:1;outline:none;transform:none}.components-button.is-secondary{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);outline:1px solid transparent}.components-button.is-secondary,.components-button.is-tertiary{background:transparent;color:var(--wp-admin-theme-color);white-space:nowrap}.components-button.is-tertiary{padding:6px}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}p+.components-button.is-tertiary{margin-right:-6px}.components-button.is-destructive{box-shadow:inset 0 0 0 1px #cc1818;color:#cc1818}.components-button.is-destructive:hover:not(:disabled){box-shadow:inset 0 0 0 1px #710d0d;color:#710d0d}.components-button.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button.is-destructive:active:not(:disabled){background:#ccc}.components-button.is-destructive.is-primary{background:#cc1818;box-shadow:inset 0 0 0 1px #cc1818;color:#fff}.components-button.is-destructive.is-primary:hover:not(:disabled){background:#710d0d;box-shadow:inset 0 0 0 1px #710d0d;color:#fff}.components-button.is-destructive.is-tertiary{box-shadow:none}.components-button.is-destructive.is-tertiary:hover:not(:disabled){box-shadow:inset 0 0 0 1px #cc1818;color:#cc1818}.components-button.is-destructive.is-tertiary:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #cc1818;color:#cc1818}.components-button.is-link{background:none;border:0;border-radius:0;box-shadow:none;color:var(--wp-admin-theme-color);height:auto;margin:0;outline:none;padding:0;text-align:right;text-decoration:underline;transition-duration:.05s;transition-property:border,background,color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.components-button.is-link{transition-delay:0s;transition-duration:0s}}.components-button.is-link:focus{border-radius:2px}.components-button.is-link.is-destructive{color:#cc1818}.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){background:none;color:#710d0d}.components-button.is-link.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button:not([aria-disabled=true]):active{color:inherit}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{animation:components-button__busy-animation 2.5s linear infinite;background-image:linear-gradient(45deg,#fafafa 33%,#e0e0e0 0,#e0e0e0 70%,#fafafa 0);background-size:100px 100%;opacity:1}.components-button.is-small{font-size:11px;height:24px;line-height:22px;padding:0 8px}.components-button.is-small.has-icon:not(.has-text){min-width:24px;padding:0;width:24px}.components-button.has-icon{justify-content:center;min-width:36px;padding:6px}.components-button.has-icon .dashicon{display:inline-block;flex:0 0 auto;margin-left:2px;margin-right:2px}.components-button.has-icon.has-text{justify-content:left}.components-button.has-icon.has-text svg{margin-left:8px}.components-button.has-icon.has-text .dashicon{margin-left:10px}.components-button.is-pressed{background:#1e1e1e;color:#fff}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.components-button.is-pressed:hover:not(:disabled){background:#1e1e1e;color:#fff}.components-button svg{fill:currentColor;outline:none}@media (forced-colors:active){.components-button svg{fill:CanvasText}}.components-button .components-visually-hidden{height:auto}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-checkbox-control__input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:0 0 0 transparent;clear:none;color:#1e1e1e;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;line-height:0;margin:0 0 0 4px;outline:0;padding:6px 8px;padding:0!important;text-align:center;transition:box-shadow .1s linear;transition:none;transition:border-color .1s ease-in-out;vertical-align:top;width:24px}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{font-size:13px;line-height:normal}}.components-checkbox-control__input[type=checkbox]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{color:#fff;margin:-3px -5px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-4px -5px 0 0}}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline-block;float:right;font:normal 30px/1 dashicons;vertical-align:middle;width:16px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{float:none;font-size:21px}}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.components-checkbox-control__input[type=checkbox]{transition-delay:0s;transition-duration:0s}}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before{content:none}.components-checkbox-control__input-container{display:inline-block;height:24px;margin-left:12px;position:relative;vertical-align:middle;width:24px}@media (min-width:600px){.components-checkbox-control__input-container{height:20px;width:20px}}svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{fill:#fff;cursor:pointer;height:24px;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:24px}@media (min-width:600px){svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{right:-2px;top:-2px}}.components-circular-option-picker{display:inline-block;min-width:188px;width:100%}.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{display:flex;justify-content:flex-end;margin-top:12px}.components-circular-option-picker .components-circular-option-picker__swatches{display:flex;flex-wrap:wrap;gap:12px}.components-circular-option-picker__option-wrapper{display:inline-block;height:28px;transform:scale(1);transition:transform .1s ease;vertical-align:top;width:28px}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option-wrapper{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option-wrapper:hover{transform:scale(1.2)}.components-circular-option-picker__option-wrapper>div{height:100%;width:100%}.components-circular-option-picker__option-wrapper:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");border-radius:50%;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.components-circular-option-picker__option{background:transparent;border:none;border-radius:50%;box-shadow:inset 0 0 0 14px;cursor:pointer;display:inline-block;height:100%;transition:box-shadow .1s ease;vertical-align:top;width:100%}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option:hover{box-shadow:inset 0 0 0 14px!important}.components-circular-option-picker__option.is-pressed{box-shadow:inset 0 0 0 4px;overflow:visible;position:relative;z-index:1}.components-circular-option-picker__option.is-pressed+svg{border-radius:50%;pointer-events:none;position:absolute;right:2px;top:2px;z-index:2}.components-circular-option-picker__option:after{border:1px solid transparent;border-radius:50%;bottom:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:inherit;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.components-circular-option-picker__option:focus:after{border:2px solid #757575;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;content:"";height:32px;position:absolute;right:-2px;top:-2px;width:32px}.components-circular-option-picker__option.components-button:focus{background-color:initial;box-shadow:inset 0 0 0 14px;outline:none}.components-circular-option-picker__button-action .components-circular-option-picker__option{background:#fff;color:#fff}.components-circular-option-picker__dropdown-link-action{margin-left:16px}.components-circular-option-picker__dropdown-link-action .components-button{line-height:22px}.components-palette-edit__popover-gradient-picker{padding:8px;width:280px}.components-dropdown-menu__menu .components-palette-edit__menu-button{width:100%}.component-color-indicator{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);display:inline-block;height:20px;padding:0;width:20px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{border:none;box-shadow:none;font-family:inherit;font-size:16px;line-height:inherit;margin:0;min-height:auto;padding:2px;width:100%}@media (min-width:600px){input.components-combobox-control__input[type=text]{font-size:13px}}input.components-combobox-control__input[type=text]:focus{box-shadow:none;outline:none}.components-combobox-control__suggestions-container{align-items:flex-start;border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-combobox-control__suggestions-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-combobox-control__suggestions-container{font-size:13px;line-height:normal}}.components-combobox-control__suggestions-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__suggestions-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-combobox-control__suggestions-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__reset.components-button{display:flex;height:16px;min-width:16px;padding:0}.components-color-list-picker,.components-color-list-picker__swatch-button{width:100%}.components-color-list-picker__color-picker{margin:8px 0}.components-color-list-picker__swatch-button{padding:6px}.components-color-list-picker__swatch-color{margin:2px}.components-color-palette__custom-color{background:none;background-image:repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0);background-position:0 0,25px 25px;background-size:50px 50px;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:border-box;color:#fff;cursor:pointer;font-family:inherit;height:64px;outline:1px solid transparent;padding:12px;position:relative;width:100%}.components-color-palette__custom-color:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline-width:2px}.components-color-palette__custom-color-name{text-align:right}.components-color-palette__custom-color-value{margin-right:16px;text-transform:uppercase}.components-custom-gradient-picker:not(.is-next-has-no-margin){margin-bottom:24px;margin-top:12px}.components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:.4}.components-custom-gradient-picker__gradient-bar{border-radius:2px;height:48px;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{margin-left:auto;margin-right:auto;position:relative;width:calc(100% - 48px)}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{display:flex;height:16px;position:absolute;top:16px;width:16px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{background:#fff;border-radius:50%;color:#1e1e1e;height:inherit;min-width:16px;padding:2px;position:relative;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{height:100%;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 2px 0 rgba(0,0,0,.25);height:inherit;outline:2px solid transparent;padding:0;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff,0 0 2px 0 rgba(0,0,0,.25);outline:1.5px solid transparent}.components-custom-gradient-picker__remove-control-point-wrapper{padding-bottom:8px}.components-custom-gradient-picker__inserter{direction:ltr}.components-custom-gradient-picker__liner-gradient-indicator{display:inline-block;flex:0 auto;height:20px;width:20px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{border:none}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{margin-right:1px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{background:#fff;border:1px solid #949494;border-radius:2px}.components-custom-select-control{font-size:13px;position:relative}.components-custom-select-control__button{outline:0;position:relative;text-align:right}.components-custom-select-control__menu{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:400px;min-width:100%;outline:none;overflow:auto;padding:0;position:absolute;transition:none;z-index:1000000}.components-custom-select-control__menu[aria-hidden=true]{display:none}.components-custom-select-control__item{align-items:center;cursor:default;display:grid;grid-template-columns:auto auto;line-height:28px;list-style-type:none;padding:8px 16px}.components-custom-select-control__item:not(.is-next-36px-default-size){padding:8px}.components-custom-select-control__item.has-hint{grid-template-columns:auto auto 30px}.components-custom-select-control__item.is-highlighted{background:#ddd}.components-custom-select-control__item .components-custom-select-control__item-hint{color:#757575;padding-left:4px;text-align:left}.components-custom-select-control__item .components-custom-select-control__item-icon{margin-right:auto}.components-custom-select-control__item:last-child{margin-bottom:0}.block-editor-dimension-control .components-base-control__field{align-items:center;display:flex}.block-editor-dimension-control .components-base-control__label{align-items:center;display:flex;margin-bottom:0;margin-left:1em}.block-editor-dimension-control .components-base-control__label .dashicon{margin-left:.5em}.block-editor-dimension-control.is-manual .components-base-control__label{width:10em}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}.components-draggable__invisible-drag-image{height:50px;position:fixed;right:-1000px;width:50px}.components-draggable__clone{background:transparent;padding:0;pointer-events:none;position:fixed;z-index:1000000000}.components-drop-zone{border-radius:2px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:40}.components-drop-zone.is-active{opacity:1;visibility:visible}.components-drop-zone__content{align-items:center;background-color:var(--wp-admin-theme-color);bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:50}.components-drop-zone__content-icon,.components-drop-zone__content-text{display:block}.components-drop-zone__content-icon{fill:currentColor;line-height:0;margin:0 auto;pointer-events:none}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-dropdown{display:inline-block}.components-dropdown__content .components-popover__content{padding:8px}.components-dropdown__content [role=menuitem]{white-space:nowrap}.components-dropdown-menu__menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{cursor:pointer;outline:none;padding:6px;white-space:nowrap;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{margin-top:6px;overflow:visible;position:relative}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{background-color:#ddd;box-sizing:initial;content:"";display:block;height:1px;left:0;position:absolute;right:0;top:-3px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{background:#1e1e1e;border-radius:1px;box-shadow:0 0 0 1px #1e1e1e;color:#fff}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{border-radius:2px;height:24px;width:24px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{width:auto}.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{height:auto;min-height:36px;padding-left:8px;padding-right:8px;text-align:right}.components-dropdown-menu__menu .components-menu-group{margin:0 -8px;padding:8px}.components-dropdown-menu__menu .components-menu-group:first-child{margin-top:-8px}.components-dropdown-menu__menu .components-menu-group:last-child{margin-bottom:-8px}.components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-top:1px solid #ccc;margin-top:0;padding:8px}.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-color:#1e1e1e}.components-duotone-picker__color-indicator:before{background:transparent}.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);color:transparent}.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{color:transparent}.components-font-size-picker__header__hint{color:#757575;margin-right:4px}.components-font-size-picker__header .components-base-control__label{margin-bottom:0}.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text){min-width:24px;padding:0}.components-font-size-picker__controls{align-items:center;margin-top:8px;max-width:248px}.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom){margin-bottom:24px}.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{font-weight:300;margin-bottom:8px!important;padding-bottom:0!important}.components-font-size-picker__controls .components-font-size-picker__number{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;height:30px;line-height:normal;margin:8px 0 0 8px;padding:6px 8px;transition:box-shadow .1s linear;width:54px}@media (prefers-reduced-motion:reduce){.components-font-size-picker__controls .components-font-size-picker__number{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-font-size-picker__controls .components-font-size-picker__number{font-size:13px;line-height:normal}}.components-font-size-picker__controls .components-font-size-picker__number:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{cursor:default;opacity:.3;pointer-events:none}.components-font-size-picker__controls .components-font-size-picker__number-container{display:flex;flex-direction:column}.components-font-size-picker__controls .components-color-palette__clear{height:30px}.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{height:30px;width:30px}.components-font-size-picker{border:0;margin:0;padding:0}.components-form-toggle{display:inline-block;position:relative}.components-form-toggle .components-form-toggle__track{background-color:#fff;border:1px solid #1e1e1e;border-radius:9px;box-sizing:border-box;content:"";display:inline-block;height:18px;transition:background .2s ease;vertical-align:top;width:36px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__track{transition-delay:0s;transition-duration:0s}}.components-form-toggle .components-form-toggle__thumb{background-color:#1e1e1e;border:5px solid #1e1e1e;border-radius:50%;box-sizing:border-box;display:block;height:12px;position:absolute;right:3px;top:3px;transition:transform .1s ease;width:12px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__thumb{transition-delay:0s;transition-duration:0s}}.components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-admin-theme-color);border:9px solid transparent}.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:2px}.components-form-toggle.is-checked .components-form-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(-18px)}.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{opacity:.3}.components-form-toggle input.components-form-toggle__input[type=checkbox]{border:none;height:100%;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:1}.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{content:""}.components-form-token-field__input-container{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-form-token-field__input-container{font-size:13px;line-height:normal}}.components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-family:inherit;font-size:16px;margin-right:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media (min-width:600px){.components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;max-width:100%}.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.components-form-token-field__token.is-borderless{padding:0 0 0 24px;position:relative}.components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;left:0;padding:0;position:absolute;top:1px}.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:0 4px 4px 0;color:#cc1818;padding:0 6px 0 4px}.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media (prefers-reduced-motion:reduce){.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.components-form-token-field__token-text{border-radius:0 2px 2px 0;overflow:hidden;padding:0 8px 0 0;text-overflow:ellipsis;white-space:nowrap}.components-form-token-field__remove-token.components-button{border-radius:2px 0 0 2px;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.components-form-token-field__suggestions-list{border-top:1px solid #757575;flex:1 0 100%;list-style:none;margin:0;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media (prefers-reduced-motion:reduce){.components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}@media (min-width:600px){.components-guide{width:600px}}.components-guide .components-modal__content{border-radius:2px;margin-top:0;padding:0}.components-guide .components-modal__content:before{content:none}.components-guide .components-modal__header{border-bottom:none;height:60px;padding:0;position:sticky}.components-guide .components-modal__header .components-button{align-self:flex-start;margin:8px 0 0 8px;position:static}.components-guide .components-modal__header .components-button:hover svg{fill:#fff}.components-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-60px;min-height:100%}.components-guide__page{display:flex;flex-direction:column;justify-content:center;position:relative}@media (min-width:600px){.components-guide__page{min-height:300px}}.components-guide__footer{align-content:center;display:flex;height:30px;justify-content:center;margin:0 0 24px;padding:0 32px;position:relative;width:100%}.components-guide__page-control{margin:0;text-align:center}.components-guide__page-control li{display:inline-block;margin:0}.components-guide__page-control .components-button{height:30px;margin:-6px 0;min-width:20px}.components-modal__frame.components-guide{border:none;height:80vh;max-height:575px;min-width:312px}@media (max-width:600px){.components-modal__frame.components-guide{margin:auto;max-width:calc(100vw - 32px)}}.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{height:30px;position:absolute}.components-button.components-guide__back-button,.components-button.components-guide__forward-button{font-size:13px;padding:4px 2px}.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{margin:0}.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{text-decoration:underline}.components-button.components-guide__back-button{right:32px}.components-button.components-guide__forward-button{color:#1386bf;font-weight:700;left:32px}.components-button.components-guide__finish-button{left:32px}[role=region]{position:relative}.is-focusing-regions [role=region]:focus:after{bottom:0;box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color);content:"";left:0;outline:4px solid transparent;pointer-events:none;position:absolute;right:0;top:0}@supports (outline-offset:1px){.is-focusing-regions [role=region]:focus:after{content:none}.is-focusing-regions [role=region]:focus{outline-color:var(--wp-admin-theme-color);outline-offset:-4px;outline-style:solid;outline-width:4px}}.components-menu-group+.components-menu-group{border-top:1px solid #1e1e1e;margin-top:8px;padding-top:8px}.components-menu-group+.components-menu-group.has-hidden-separator{border-top:none;margin-top:0;padding-top:0}.components-menu-group__label{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;padding:0 8px;text-transform:uppercase;white-space:nowrap}.components-menu-item__button,.components-menu-item__button.components-button{width:100%}.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{padding-left:48px}.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{display:inline-block;flex:0 0 auto}.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{margin-left:-2px;margin-right:24px}.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{margin-right:8px}.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{margin-left:8px;margin-right:-2px}.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{justify-content:center}.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{margin-left:0}.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{background:none;color:var(--wp-admin-theme-color-darker-10);opacity:.3}.components-menu-item__info-wrapper{display:flex;flex-direction:column;margin-left:auto}.components-menu-item__info{color:#757575;font-size:12px;margin-top:4px;white-space:normal}.components-menu-item__item{align-items:center;display:inline-flex;margin-left:auto;min-width:160px;white-space:nowrap}.components-menu-item__shortcut{align-self:center;color:currentColor;display:none;margin-left:0;margin-right:auto;padding-right:24px}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{margin-left:12px}.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{padding-right:12px}.components-modal__screen-overlay{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;background-color:rgba(0,0,0,.35);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:100000}@media (prefers-reduced-motion:reduce){.components-modal__screen-overlay{animation-delay:0s;animation-duration:1ms}}.components-modal__frame{background:#fff;border-radius:2px;box-shadow:0 10px 10px rgba(0,0,0,.25);display:flex;margin:0;overflow:hidden;width:100%}@media (min-width:600px){.components-modal__frame{animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards;margin:auto;max-height:calc(100% - 120px);max-width:calc(100% - 32px);min-width:360px;width:auto}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.components-modal__frame{animation-delay:0s;animation-duration:1ms}}@media (min-width:600px){.components-modal__frame.is-full-screen{min-height:90vh;width:90vw}}@media (min-width:960px){.components-modal__frame{max-height:70%}}@keyframes components-modal__appear-animation{0%{transform:translateY(32px)}to{transform:translateY(0)}}.components-modal__header{align-items:center;border-bottom:1px solid transparent;box-sizing:border-box;display:flex;flex-direction:row;height:76px;justify-content:space-between;padding:0 32px;position:absolute;right:0;top:0;width:100%;z-index:10}.components-modal__header .components-modal__header-heading{font-size:1.2rem;font-weight:600}.components-modal__header h1{line-height:1;margin:0}.components-modal__header .components-button{position:relative;right:8px}.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{border-bottom-color:#ddd}.components-modal__header+p{margin-top:0}.components-modal__header-heading-container{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:left}.components-modal__header-icon-container{display:inline-block}.components-modal__header-icon-container svg{max-height:36px;max-width:36px;padding:8px}.components-modal__content{flex:1;margin-top:76px;overflow:auto;padding:0 32px 32px}.components-modal__content.hide-header{margin-top:0;padding-top:24px}.components-notice{align-items:center;background-color:#fff;border-right:4px solid var(--wp-admin-theme-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:5px 15px 2px;padding:8px 12px}.components-notice.is-dismissible{padding-left:36px;position:relative}.components-notice.is-success{background-color:#eff9f1;border-right-color:#4ab866}.components-notice.is-warning{background-color:#fef8ee;border-right-color:#f0b849}.components-notice.is-error{background-color:#f4a2a2;border-right-color:#cc1818}.components-notice__content{flex-grow:1;margin:4px 0 4px 25px}.components-notice__actions{display:flex;flex-wrap:wrap}.components-notice__action.components-button{margin-left:8px}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-right:12px}.components-notice__action.components-button.is-secondary{vertical-align:initial}.components-notice__dismiss{align-self:flex-start;color:#757575;flex-shrink:0}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{background-color:initial;color:#1e1e1e}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}.components-notice-list{box-sizing:border-box;max-width:100vw}.components-notice-list .components-notice__content{line-height:2;margin-bottom:12px;margin-top:12px}.components-notice-list .components-notice__action.components-button{display:block;margin-right:0;margin-top:8px}.components-panel{background:#fff;border:1px solid #e0e0e0}.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{margin-top:-1px}.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{border-bottom-width:0}.components-panel+.components-panel{margin-top:-1px}.components-panel__body{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__header{align-items:center;border-bottom:1px solid #ddd;box-sizing:initial;display:flex;height:47px;justify-content:space-between;padding:0 16px}.components-panel__header h2{color:inherit;font-size:inherit;margin:0}.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{margin-top:-1px}.components-panel__body>.components-panel__body-title{display:block;font-size:inherit;margin-bottom:0;margin-top:0;padding:0;transition:background .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body>.components-panel__body-title{transition-delay:0s;transition-duration:0s}}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover{background:#f0f0f0;border:none}.components-panel__body-toggle.components-button{border:none;box-shadow:none;color:#1e1e1e;font-weight:500;height:auto;outline:none;padding:16px 16px 16px 48px;position:relative;text-align:right;transition:background .1s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button{transition-delay:0s;transition-duration:0s}}.components-panel__body-toggle.components-button:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-panel__body-toggle.components-button .components-panel__arrow{fill:currentColor;color:#1e1e1e;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button .components-panel__arrow{transition-delay:0s;transition-duration:0s}}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{-ms-filter:fliph;filter:FlipH;margin-top:-10px;transform:scaleX(-1)}.components-panel__icon{color:#757575;margin:-2px 6px -2px 0}.components-panel__body-toggle-icon{margin-left:-5px}.components-panel__color-title{float:right;height:19px}.components-panel__row{align-items:center;display:flex;justify-content:space-between;margin-top:8px;min-height:36px}.components-panel__row select{min-width:0}.components-panel__row label{flex-shrink:0;margin-left:12px;max-width:75%}.components-panel__row:empty,.components-panel__row:first-of-type{margin-top:0}.components-panel .circle-picker{padding-bottom:20px}.components-placeholder.components-placeholder{-moz-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;box-sizing:border-box;color:#1e1e1e;margin:0;min-height:200px;outline:1px solid transparent;padding:1em;position:relative;text-align:right;width:100%}@supports (position:sticky){.components-placeholder.components-placeholder{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}}.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__label{align-items:center;display:flex;font-weight:600;margin-bottom:16px}.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:currentColor;margin-left:1ch}@media (forced-colors:active){.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:CanvasText}}.components-placeholder__label:empty{display:none}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.components-placeholder__fieldset form p,.components-placeholder__fieldset p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__fieldset.components-placeholder__fieldset{border:none;padding:0}.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions{font-size:1em;font-weight:400;padding:0}.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{flex-direction:column}.components-placeholder__input[type=url]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 0 8px;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder__input[type=url]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-placeholder__input[type=url]{font-size:13px;line-height:normal}}.components-placeholder__input[type=url]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-placeholder__input[type=url]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-placeholder__input[type=url]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__instructions{margin-bottom:1em}.components-placeholder__error{margin-top:1em;width:100%}.components-placeholder__fieldset .components-button{margin-bottom:12px;margin-left:12px}.components-placeholder__fieldset .components-button:last-child{margin-bottom:0;margin-left:0}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{margin-left:10px;margin-right:10px}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{margin-left:0}.components-placeholder.is-large .components-placeholder__label{font-size:18pt;font-weight:400}.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{display:none}.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{flex-direction:column}.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{margin-left:auto}.components-placeholder.is-small .components-button{padding:0 8px 2px}.components-placeholder.has-illustration{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:hsla(0,0%,100%,.1);border:1px dashed;border-radius:2px;box-shadow:none;color:inherit;display:flex;min-width:100px;overflow:hidden}.is-dark-theme .components-placeholder.has-illustration{background-color:rgba(0,0,0,.1)}.components-placeholder.has-illustration .components-placeholder__fieldset{margin-left:0;margin-right:0;width:auto}.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{opacity:0;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{transition-delay:0s;transition-duration:0s}}.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{opacity:1}.components-placeholder__preview{display:flex;justify-content:center}.components-placeholder__illustration{stroke:currentColor;stroke-dasharray:3;box-sizing:initial;height:100%;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:100%}.components-popover{z-index:1000000}.components-popover.is-expanded{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000000!important}.components-popover__content{background:#fff;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.05);box-sizing:border-box;outline:1px solid #ccc;width:min-content}.is-alternate .components-popover__content{box-shadow:none;outline:1px solid #1e1e1e}.components-popover.is-expanded .components-popover__content{border:none;border-top:1px solid #1e1e1e;height:calc(100% - 48px);outline:none;overflow-y:visible;position:static;width:auto}.components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 16px 0 8px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-button{z-index:5}.components-popover__arrow{display:flex;height:14px;pointer-events:none;position:absolute;width:14px}.components-popover__arrow:before{background-color:#fff;content:"";height:2px;left:1px;position:absolute;right:1px;top:-1px}.components-popover__arrow.is-top{bottom:-14px!important;transform:rotate(0)}.components-popover__arrow.is-right{left:-14px!important;transform:rotate(90deg)}.components-popover__arrow.is-bottom{top:-14px!important;transform:rotate(180deg)}.components-popover__arrow.is-left{right:-14px!important;transform:rotate(-90deg)}.components-popover__triangle{display:block;flex:1}.components-popover__triangle-bg{fill:#fff}.components-popover__triangle-border{fill:transparent;stroke-width:1px;stroke:#ccc}.is-alternate .components-popover__triangle-border{stroke:#1e1e1e}.components-radio-control__input[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-left:6px;margin-top:0;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.components-radio-control__input[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-radio-control__input[type=radio]{font-size:13px;line-height:normal}}.components-radio-control__input[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-radio-control__input[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-radio-control__input[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-radio-control__input[type=radio]{height:20px;width:20px}}.components-radio-control__input[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(-7px,7px);width:8px}@media (min-width:600px){.components-radio-control__input[type=radio]:checked:before{transform:translate(-5px,5px)}}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-radio-control__input[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-resizable-box__handle{display:none;height:23px;width:23px;z-index:2}.components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:block}.components-resizable-box__container>img{width:inherit}.components-resizable-box__handle:after{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";cursor:inherit;display:block;height:15px;left:calc(50% - 8px);outline:2px solid transparent;position:absolute;top:calc(50% - 8px);width:15px}.components-resizable-box__side-handle:before{background:var(--wp-admin-theme-color);border-radius:2px;content:"";cursor:inherit;display:block;height:3px;left:calc(50% - 1px);opacity:0;position:absolute;top:calc(50% - 1px);transition:transform .1s ease-in;width:3px}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle:before{transition-delay:0s;transition-duration:0s}}.components-resizable-box__corner-handle,.components-resizable-box__side-handle{z-index:2}.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{border-left:0;border-right:0;right:0;width:100%}.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{border-bottom:0;border-top:0;height:100%;top:0}.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation-delay:0s;animation-duration:1ms}}.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation:components-resizable-box__left-right-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation-delay:0s;animation-duration:1ms}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:none}}}@keyframes components-resizable-box__top-bottom-animation{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes components-resizable-box__left-right-animation{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.components-resizable-box__handle-right{right:-11.5px}.components-resizable-box__handle-left{left:-11.5px}.components-resizable-box__handle-top{top:-11.5px}.components-resizable-box__handle-bottom{bottom:-11.5px}.components-responsive-wrapper{max-width:100%;position:relative}.components-responsive-wrapper,.components-responsive-wrapper>span{display:block}.components-responsive-wrapper__content{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.components-sandbox{overflow:hidden}iframe.components-sandbox{width:100%}body.lockscroll,html.lockscroll{overflow:hidden}.components-search-control{position:relative}.components-search-control input[type=search].components-search-control__input{background:#f0f0f0;border:none;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:48px;line-height:normal;padding:16px 16px 16px 48px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-search-control input[type=search].components-search-control__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px;line-height:normal}}.components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-search-control input[type=search].components-search-control__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px}}.components-search-control input[type=search].components-search-control__input:focus{background:#fff;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-search-control input[type=search].components-search-control__input::placeholder{color:#757575}.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{-webkit-appearance:none}.components-search-control__icon{align-items:center;bottom:0;display:flex;left:12px;position:absolute;top:0}.components-search-control__icon>svg{margin:8px 0}.components-search-control__input-wrapper{position:relative}.components-select-control__input{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;background:#fff;height:36px;line-height:36px;margin:1px;outline:0;width:100%}@media (min-width:782px){.components-select-control__input{height:28px;line-height:28px}}@media (max-width:782px){.components-base-control .components-base-control__field .components-select-control__input{font-size:16px}}.components-snackbar{background-color:#1e1e1e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);box-sizing:border-box;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;max-width:600px;padding:16px 24px;pointer-events:auto;width:100%}@media (min-width:600px){.components-snackbar{width:-moz-fit-content;width:fit-content}}.components-snackbar:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-snackbar.components-snackbar-explicit-dismiss{cursor:default}.components-snackbar .components-snackbar__content-with-icon{margin-right:24px}.components-snackbar .components-snackbar__icon{position:absolute;right:28px;top:24px}.components-snackbar .components-snackbar__dismiss-button{cursor:pointer;margin-right:32px}.components-snackbar__action.components-button{color:#fff;flex-shrink:0;height:auto;line-height:1.4;margin-right:32px;padding:0}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){background-color:initial;text-decoration:underline}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{box-shadow:none;color:#fff;outline:1px dotted #fff}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:var(--wp-admin-theme-color)}.components-snackbar__content{align-items:baseline;display:flex;justify-content:space-between;line-height:1.4}.components-snackbar-list{box-sizing:border-box;pointer-events:none;position:absolute;width:100%;z-index:100000}.components-snackbar-list__notice-container{padding-top:8px;position:relative}.components-tab-panel__tabs{align-items:stretch;display:flex;flex-direction:row}.components-tab-panel__tabs[aria-orientation=vertical]{flex-direction:column}.components-tab-panel__tabs-item{background:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;cursor:pointer;font-weight:500;height:48px;margin-right:0;padding:3px 16px;transition:box-shadow .1s linear}.components-tab-panel__tabs-item:after{speak:none;content:attr(data-label);display:block;height:0;overflow:hidden;visibility:hidden}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);position:relative}.components-tab-panel__tabs-item.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-tab-panel__tabs-item:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -3px 0 0 var(--wp-admin-theme-color)}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{font-size:13px;line-height:normal}}.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-tip{color:#757575;display:flex}.components-tip svg{fill:#f0b849;align-self:center;flex-shrink:0;margin-left:16px}.components-tip p{margin:0}.components-accessible-toolbar{border:1px solid #1e1e1e;border-radius:2px;display:inline-flex;flex-shrink:0}.components-accessible-toolbar>.components-toolbar-group:last-child{border-left:none}.components-accessible-toolbar .components-button,.components-toolbar .components-button{height:48px;padding-left:16px;padding-right:16px;position:relative;z-index:1}.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{box-shadow:none;outline:none}.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:32px;left:8px;position:absolute;right:8px;z-index:-1}@media (prefers-reduced-motion:reduce){.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation-delay:0s;animation-duration:1ms}}.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{margin-left:auto;margin-right:auto;position:relative}.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{background:transparent}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:#1e1e1e}.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{min-width:48px;padding-left:12px;padding-right:12px}.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{font-weight:500}.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{display:inline-block;padding-left:0;padding-right:0;position:relative}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.components-toolbar__control.components-button{position:relative}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 0 5px 10px}.components-toolbar__control.components-button[data-subscript]:after{bottom:10px;content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;left:8px;line-height:12px;position:absolute}.components-toolbar__control.components-button:active:before{display:none}.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{color:#fff}.components-toolbar-group{background-color:#fff;border-left:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;line-height:0;min-height:48px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-toolbar-group.components-toolbar-group{border-width:0;margin:0}.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{min-width:36px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{min-width:24px}.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{left:2px;right:2px}.components-toolbar{background-color:#fff;border:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;margin:0;min-height:48px}.components-toolbar .components-toolbar.components-toolbar{border-width:0;margin:0}div.components-toolbar>div{display:block;margin:0}@supports (position:sticky){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div.has-left-divider{margin-right:6px;overflow:visible;position:relative}div.components-toolbar>div+div.has-left-divider:before{background-color:#ddd;box-sizing:initial;content:"";display:inline-block;height:20px;position:absolute;right:-3px;top:8px;width:1px}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover .components-popover__content{min-width:min-content}.components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;box-shadow:none;color:#fff;font-size:12px;line-height:1.4;outline:none;padding:4px 8px;text-align:center;white-space:nowrap}.components-tooltip__shortcut{display:inline-block;margin-right:8px}.disabled-element-wrapper{position:relative}.disabled-element-wrapper .event-catcher{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100002} \ No newline at end of file +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-animate__appear{animation:components-animate__appear-animation .1s cubic-bezier(0,0,.2,1) 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__appear{animation-delay:0s;animation-duration:1ms}}.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{transform-origin:top right}.components-animate__appear.is-from-top.is-from-right{transform-origin:top left}.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{transform-origin:bottom right}.components-animate__appear.is-from-bottom.is-from-right{transform-origin:bottom left}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.components-animate__slide-in{animation:components-animate__slide-in-animation .1s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__slide-in{animation-delay:0s;animation-duration:1ms}}.components-animate__slide-in.is-from-left{transform:translateX(-100%)}.components-animate__slide-in.is-from-right{transform:translateX(100%)}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}.components-animate__loading{animation:components-animate__loading 1.6s ease-in-out infinite}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.components-autocomplete__popover .components-popover__content{min-width:220px;padding:16px}.components-autocomplete__result.components-button{display:flex;height:auto;min-height:36px;text-align:right;width:100%}.components-autocomplete__result.components-button.is-selected{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button-group{display:inline-block}.components-button-group .components-button{border-radius:0;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:inline-flex}.components-button-group .components-button+.components-button{margin-right:-1px}.components-button-group .components-button:first-child{border-radius:0 2px 2px 0}.components-button-group .components-button:last-child{border-radius:2px 0 0 2px}.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-primary{box-shadow:inset 0 0 0 1px #1e1e1e}.components-button{align-items:center;-webkit-appearance:none;background:none;border:0;border-radius:2px;box-sizing:border-box;color:var(--wp-components-color-foreground,#1e1e1e);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:400;height:36px;margin:0;padding:6px 12px;text-decoration:none;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-button{transition-delay:0s;transition-duration:0s}}.components-button:hover,.components-button[aria-expanded=true]{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button[aria-disabled=true]:hover{color:initial}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:3px solid transparent}.components-button.is-primary{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:var(--wp-components-color-accent-inverted,#fff);outline:1px solid transparent;text-decoration:none;text-shadow:none;white-space:nowrap}.components-button.is-primary:hover:not(:disabled){background:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:active:not(:disabled){background:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87));border-color:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:hsla(0,0%,100%,.4);opacity:1;outline:none}.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{box-shadow:0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 3px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba)) 33%,var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87)) 33%,var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87)) 70%,var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba)) 70%);background-size:100px 100%;border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-secondary,.components-button.is-tertiary{outline:1px solid transparent}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){background:var(--wp-components-color-gray-300,#ddd);box-shadow:none;color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1))}.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1));color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1))}.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{background:#eaeaea;box-shadow:none;color:#828282;opacity:1;outline:none;transform:none}.components-button.is-secondary{box-shadow:inset 0 0 0 1px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:1px solid transparent}.components-button.is-secondary,.components-button.is-tertiary{background:transparent;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));white-space:nowrap}.components-button.is-tertiary{padding:6px}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}p+.components-button.is-tertiary{margin-right:-6px}.components-button.is-destructive{--wp-components-color-accent:#cc1818;--wp-components-color-accent-darker-10:#9e1313;--wp-components-color-accent-darker-20:#710d0d}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){box-shadow:inset 0 0 0 1px #cc1818;color:#cc1818}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){color:#710d0d}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){background:#ccc}.components-button.is-link{background:none;border:0;border-radius:0;box-shadow:none;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));height:auto;margin:0;outline:none;padding:0;text-align:right;text-decoration:underline;transition-duration:.05s;transition-property:border,background,color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.components-button.is-link{transition-delay:0s;transition-duration:0s}}.components-button.is-link:focus{border-radius:2px}.components-button:not([aria-disabled=true]):active{color:var(--wp-components-color-foreground,#1e1e1e)}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{animation:components-button__busy-animation 2.5s linear infinite;background-image:linear-gradient(45deg,#fafafa 33%,#e0e0e0 0,#e0e0e0 70%,#fafafa 0);background-size:100px 100%;opacity:1}.components-button.is-small{font-size:11px;height:24px;line-height:22px;padding:0 8px}.components-button.is-small.has-icon:not(.has-text){min-width:24px;padding:0;width:24px}.components-button.has-icon{justify-content:center;min-width:36px;padding:6px}.components-button.has-icon .dashicon{display:inline-block;flex:0 0 auto;margin-left:2px;margin-right:2px}.components-button.has-icon.has-text{justify-content:start;padding-left:12px}.components-button.has-icon.has-text svg{margin-left:8px}.components-button.has-icon.has-text .dashicon{margin-left:10px}.components-button.is-pressed{background:var(--wp-components-color-foreground,#1e1e1e);color:var(--wp-components-color-foreground-inverted,#fff)}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent}.components-button.is-pressed:hover:not(:disabled){background:var(--wp-components-color-foreground,#1e1e1e);color:var(--wp-components-color-foreground-inverted,#fff)}.components-button svg{fill:currentColor;outline:none}@media (forced-colors:active){.components-button svg{fill:CanvasText}}.components-button .components-visually-hidden{height:auto}@keyframes components-button__busy-animation{0%{background-position:right 200px top 0}}.components-checkbox-control__input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:0 0 0 transparent;clear:none;color:#1e1e1e;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;line-height:0;margin:0 0 0 4px;outline:0;padding:6px 8px;padding:0!important;text-align:center;transition:box-shadow .1s linear;transition:none;transition:border-color .1s ease-in-out;vertical-align:top;width:24px}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{font-size:13px;line-height:normal}}.components-checkbox-control__input[type=checkbox]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{color:#fff;margin:-3px -5px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-4px -5px 0 0}}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline-block;float:right;font:normal 30px/1 dashicons;vertical-align:middle;width:16px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{float:none;font-size:21px}}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.components-checkbox-control__input[type=checkbox]{transition-delay:0s;transition-duration:0s}}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent}.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before{content:none}.components-checkbox-control__input-container{display:inline-block;height:24px;margin-left:12px;position:relative;vertical-align:middle;width:24px}@media (min-width:600px){.components-checkbox-control__input-container{height:20px;width:20px}}svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{fill:#fff;cursor:pointer;height:24px;pointer-events:none;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:24px}@media (min-width:600px){svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{right:-2px;top:-2px}}.components-circular-option-picker{display:inline-block;min-width:188px;width:100%}.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{display:flex;justify-content:flex-end;margin-top:12px}.components-circular-option-picker .components-circular-option-picker__swatches{display:flex;flex-wrap:wrap;gap:12px}.components-circular-option-picker__option-wrapper{display:inline-block;height:28px;transform:scale(1);transition:transform .1s ease;vertical-align:top;width:28px;will-change:transform}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option-wrapper{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option-wrapper:hover{transform:scale(1.2)}.components-circular-option-picker__option-wrapper>div{height:100%;width:100%}.components-circular-option-picker__option-wrapper:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");border-radius:50%;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.components-circular-option-picker__option{background:transparent;border:none;border-radius:50%;box-shadow:inset 0 0 0 14px;cursor:pointer;display:inline-block;height:100%;transition:box-shadow .1s ease;vertical-align:top;width:100%}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option:hover{box-shadow:inset 0 0 0 14px!important}.components-circular-option-picker__option.is-pressed{box-shadow:inset 0 0 0 4px;overflow:visible;position:relative;z-index:1}.components-circular-option-picker__option.is-pressed+svg{border-radius:50%;pointer-events:none;position:absolute;right:2px;top:2px;z-index:2}.components-circular-option-picker__option:after{border:1px solid transparent;border-radius:50%;bottom:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:inherit;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.components-circular-option-picker__option:focus:after{border:2px solid #757575;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;content:"";height:32px;position:absolute;right:-2px;top:-2px;width:32px}.components-circular-option-picker__option.components-button:focus{background-color:initial;box-shadow:inset 0 0 0 14px;outline:none}.components-circular-option-picker__button-action .components-circular-option-picker__option{background:#fff;color:#fff}.components-circular-option-picker__dropdown-link-action{margin-left:16px}.components-circular-option-picker__dropdown-link-action .components-button{line-height:22px}.components-palette-edit__popover-gradient-picker{padding:8px;width:280px}.components-dropdown-menu__menu .components-palette-edit__menu-button{width:100%}.component-color-indicator{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);display:inline-block;height:20px;padding:0;width:20px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{border:none;box-shadow:none;font-family:inherit;font-size:16px;line-height:inherit;margin:0;min-height:auto;padding:2px;width:100%}@media (min-width:600px){input.components-combobox-control__input[type=text]{font-size:13px}}input.components-combobox-control__input[type=text]:focus{box-shadow:none;outline:none}.components-combobox-control__suggestions-container{align-items:flex-start;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-combobox-control__suggestions-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-combobox-control__suggestions-container{font-size:13px;line-height:normal}}.components-combobox-control__suggestions-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__suggestions-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-combobox-control__suggestions-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__reset.components-button{display:flex;height:16px;min-width:16px;padding:0}.components-color-list-picker,.components-color-list-picker__swatch-button{width:100%}.components-color-list-picker__color-picker{margin:8px 0}.components-color-list-picker__swatch-button{padding:6px}.components-color-list-picker__swatch-color{margin:2px}.components-color-palette__custom-color{background:none;background-image:repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0);background-position:0 0,24px 24px;background-size:48px 48px;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:border-box;color:#fff;cursor:pointer;font-family:inherit;height:64px;outline:1px solid transparent;padding:12px;position:relative;width:100%}.components-color-palette__custom-color:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline-width:2px}.components-color-palette__custom-color-name{text-align:right}.components-color-palette__custom-color-value{margin-right:16px;text-transform:uppercase}.components-custom-gradient-picker:not(.is-next-has-no-margin){margin-bottom:24px;margin-top:12px}.components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:.4}.components-custom-gradient-picker__gradient-bar{border-radius:2px;height:48px;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{margin-left:auto;margin-right:auto;position:relative;width:calc(100% - 48px)}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{display:flex;height:16px;position:absolute;top:16px;width:16px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{background:#fff;border-radius:50%;color:#1e1e1e;height:inherit;min-width:16px;padding:2px;position:relative;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{height:100%;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 2px 0 rgba(0,0,0,.25);height:inherit;outline:2px solid transparent;padding:0;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff,0 0 2px 0 rgba(0,0,0,.25);outline:1.5px solid transparent}.components-custom-gradient-picker__remove-control-point-wrapper{padding-bottom:8px}.components-custom-gradient-picker__inserter{direction:ltr}.components-custom-gradient-picker__liner-gradient-indicator{display:inline-block;flex:0 auto;height:20px;width:20px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{border:none}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{margin-right:1px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{background:#fff;border:1px solid #949494;border-radius:2px}.components-custom-select-control{font-size:13px;position:relative}.components-custom-select-control__button{outline:0;position:relative;text-align:right}.components-custom-select-control__hint{color:#949494;margin-right:10px}.components-custom-select-control__menu{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:400px;min-width:100%;outline:none;overflow:auto;padding:0;position:absolute;transition:none;z-index:1000000}.components-custom-select-control__menu[aria-hidden=true]{display:none}.components-custom-select-control__item{align-items:center;cursor:default;display:grid;grid-template-columns:auto auto;line-height:28px;list-style-type:none;padding:8px 16px}.components-custom-select-control__item:not(.is-next-36px-default-size){padding:8px}.components-custom-select-control__item.has-hint{grid-template-columns:auto auto 30px}.components-custom-select-control__item.is-highlighted{background:#ddd}.components-custom-select-control__item .components-custom-select-control__item-hint{color:#949494;padding-left:4px;text-align:left}.components-custom-select-control__item .components-custom-select-control__item-icon{margin-right:auto}.components-custom-select-control__item:last-child{margin-bottom:0}.block-editor-dimension-control .components-base-control__field{align-items:center;display:flex}.block-editor-dimension-control .components-base-control__label{align-items:center;display:flex;margin-bottom:0;margin-left:1em}.block-editor-dimension-control .components-base-control__label .dashicon{margin-left:.5em}.block-editor-dimension-control.is-manual .components-base-control__label{width:10em}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}.components-draggable__invisible-drag-image{height:50px;position:fixed;right:-1000px;width:50px}.components-draggable__clone{background:transparent;padding:0;pointer-events:none;position:fixed;z-index:1000000000}.components-drop-zone{border-radius:2px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:40}.components-drop-zone.is-active{opacity:1;visibility:visible}.components-drop-zone__content{align-items:center;background-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:50}.components-drop-zone__content-icon,.components-drop-zone__content-text{display:block}.components-drop-zone__content-icon{fill:currentColor;line-height:0;margin:0 auto;pointer-events:none}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-dropdown{display:inline-block}.components-dropdown__content .components-popover__content{padding:8px}.components-dropdown__content [role=menuitem]{white-space:nowrap}.components-dropdown-menu__menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{cursor:pointer;outline:none;padding:6px;white-space:nowrap;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{margin-top:6px;overflow:visible;position:relative}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{background-color:#ddd;box-sizing:initial;content:"";display:block;height:1px;left:0;position:absolute;right:0;top:-3px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{background:#1e1e1e;border-radius:1px;box-shadow:0 0 0 1px #1e1e1e;color:#fff}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{border-radius:2px;height:24px;width:24px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{width:auto}.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{height:auto;min-height:36px;padding-left:8px;padding-right:8px;text-align:right}.components-dropdown-menu__menu .components-menu-group{margin:0 -8px;padding:8px}.components-dropdown-menu__menu .components-menu-group:first-child{margin-top:-8px}.components-dropdown-menu__menu .components-menu-group:last-child{margin-bottom:-8px}.components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-top:1px solid #ccc;margin-top:0;padding:8px}.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-color:#1e1e1e}.components-duotone-picker__color-indicator:before{background:transparent}.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);color:transparent}.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{color:transparent}.components-form-toggle{display:inline-block;position:relative}.components-form-toggle .components-form-toggle__track{background-color:#fff;border:1px solid #1e1e1e;border-radius:9px;box-sizing:border-box;content:"";display:inline-block;height:18px;transition:background .2s ease;vertical-align:top;width:36px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__track{transition-delay:0s;transition-duration:0s}}.components-form-toggle .components-form-toggle__thumb{background-color:#1e1e1e;border:5px solid #1e1e1e;border-radius:50%;box-sizing:border-box;display:block;height:12px;position:absolute;right:3px;top:3px;transition:transform .1s ease;width:12px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__thumb{transition-delay:0s;transition-duration:0s}}.components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border:9px solid transparent}.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent;outline-offset:2px}.components-form-toggle.is-checked .components-form-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(-18px)}.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{opacity:.3}.components-form-toggle input.components-form-toggle__input[type=checkbox]{border:none;height:100%;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:1}.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{content:""}.components-form-token-field__input-container{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-form-token-field__input-container{font-size:13px;line-height:normal}}.components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-family:inherit;font-size:16px;margin-right:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media (min-width:600px){.components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;max-width:100%}.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.components-form-token-field__token.is-borderless{padding:0 0 0 24px;position:relative}.components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;left:0;padding:0;position:absolute;top:1px}.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:0 4px 4px 0;color:#cc1818;padding:0 6px 0 4px}.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media (prefers-reduced-motion:reduce){.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.components-form-token-field__token-text{border-radius:0 2px 2px 0;overflow:hidden;padding:0 8px 0 0;text-overflow:ellipsis;white-space:nowrap}.components-form-token-field__remove-token.components-button{border-radius:2px 0 0 2px;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.components-form-token-field__suggestions-list{border-top:1px solid var(--wp-components-color-gray-600,#949494);flex:1 0 100%;list-style:none;margin:0;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media (prefers-reduced-motion:reduce){.components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.components-form-token-field__suggestion.is-selected{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}@media (min-width:600px){.components-guide{width:600px}}.components-guide .components-modal__content{border-radius:2px;margin-top:0;padding:0}.components-guide .components-modal__content:before{content:none}.components-guide .components-modal__header{border-bottom:none;height:60px;padding:0;position:sticky}.components-guide .components-modal__header .components-button{align-self:flex-start;margin:8px 0 0 8px;position:static}.components-guide .components-modal__header .components-button:hover svg{fill:#fff}.components-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-60px;min-height:100%}.components-guide__page{display:flex;flex-direction:column;justify-content:center;position:relative}@media (min-width:600px){.components-guide__page{min-height:300px}}.components-guide__footer{align-content:center;display:flex;height:30px;justify-content:center;margin:0 0 24px;padding:0 32px;position:relative;width:100%}.components-guide__page-control{margin:0;text-align:center}.components-guide__page-control li{display:inline-block;margin:0}.components-guide__page-control .components-button{height:30px;margin:-6px 0;min-width:20px}.components-modal__frame.components-guide{border:none;height:80vh;max-height:575px;min-width:312px}@media (max-width:600px){.components-modal__frame.components-guide{margin:auto;max-width:calc(100vw - 32px)}}.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{height:30px;position:absolute}.components-button.components-guide__back-button,.components-button.components-guide__forward-button{font-size:13px;padding:4px 2px}.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{margin:0}.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{text-decoration:underline}.components-button.components-guide__back-button{right:32px}.components-button.components-guide__forward-button{color:#1386bf;font-weight:700;left:32px}.components-button.components-guide__finish-button{left:32px}[role=region]{position:relative}.is-focusing-regions [role=region]:focus:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000000}.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{outline:4px solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline-offset:-4px}.components-menu-group+.components-menu-group{border-top:1px solid #1e1e1e;margin-top:8px;padding-top:8px}.components-menu-group+.components-menu-group.has-hidden-separator{border-top:none;margin-top:0;padding-top:0}.components-menu-group__label{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;padding:0 8px;text-transform:uppercase;white-space:nowrap}.components-menu-item__button,.components-menu-item__button.components-button{width:100%}.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{box-sizing:initial;padding-left:48px}.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{display:inline-block;flex:0 0 auto}.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{margin-left:-2px;margin-right:24px}.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{margin-right:8px}.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{margin-left:8px;margin-right:-2px}.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{justify-content:center}.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{margin-left:0}.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{background:none;color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1));opacity:.3}.components-menu-item__info-wrapper{display:flex;flex-direction:column;margin-left:auto}.components-menu-item__info{color:#757575;font-size:12px;margin-top:4px;white-space:normal}.components-menu-item__item{align-items:center;display:inline-flex;margin-left:auto;min-width:160px;white-space:nowrap}.components-menu-item__shortcut{align-self:center;color:currentColor;display:none;margin-left:0;margin-right:auto;padding-right:24px}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{margin-left:12px}.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{padding-right:12px}.components-modal__screen-overlay{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;background-color:rgba(0,0,0,.35);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:100000}@media (prefers-reduced-motion:reduce){.components-modal__screen-overlay{animation-delay:0s;animation-duration:1ms}}.components-modal__frame{background:#fff;border-radius:2px;box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);display:flex;margin:0;overflow:hidden;width:100%}@media (min-width:600px){.components-modal__frame{animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards;margin:auto;max-height:calc(100% - 120px);max-width:calc(100% - 32px);min-width:360px;width:auto}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.components-modal__frame{animation-delay:0s;animation-duration:1ms}}@media (min-width:600px){.components-modal__frame.is-full-screen{min-height:90vh;width:90vw}}@media (min-width:960px){.components-modal__frame{max-height:70%}}@keyframes components-modal__appear-animation{0%{transform:translateY(32px)}to{transform:translateY(0)}}.components-modal__header{align-items:center;border-bottom:1px solid transparent;box-sizing:border-box;display:flex;flex-direction:row;height:76px;justify-content:space-between;padding:0 32px;position:absolute;right:0;top:0;width:100%;z-index:10}.components-modal__header .components-modal__header-heading{font-size:1.2rem;font-weight:600}.components-modal__header h1{line-height:1;margin:0}.components-modal__header .components-button{position:relative;right:8px}.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{border-bottom-color:#ddd}.components-modal__header+p{margin-top:0}.components-modal__header-heading-container{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:right}.components-modal__header-icon-container{display:inline-block}.components-modal__header-icon-container svg{max-height:36px;max-width:36px;padding:8px}.components-modal__content{flex:1;margin-top:76px;overflow:auto;padding:0 32px 32px}.components-modal__content.hide-header{margin-top:0;padding-top:24px}.components-notice{align-items:center;background-color:#fff;border-right:4px solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:5px 15px 2px;padding:8px 12px}.components-notice.is-dismissible{padding-left:36px;position:relative}.components-notice.is-success{background-color:#eff9f1;border-right-color:#4ab866}.components-notice.is-warning{background-color:#fef8ee;border-right-color:#f0b849}.components-notice.is-error{background-color:#f4a2a2;border-right-color:#cc1818}.components-notice__content{flex-grow:1;margin:4px 0 4px 25px}.components-notice__actions{display:flex;flex-wrap:wrap}.components-notice__action.components-button{margin-left:8px}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-right:12px}.components-notice__action.components-button.is-secondary{vertical-align:initial}.components-notice__dismiss{align-self:flex-start;color:#757575;flex-shrink:0}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{background-color:initial;color:#1e1e1e}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}.components-notice-list{box-sizing:border-box;max-width:100vw}.components-notice-list .components-notice__content{line-height:2;margin-bottom:12px;margin-top:12px}.components-notice-list .components-notice__action.components-button{display:block;margin-right:0;margin-top:8px}.components-panel{background:#fff;border:1px solid #e0e0e0}.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{margin-top:-1px}.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{border-bottom-width:0}.components-panel+.components-panel{margin-top:-1px}.components-panel__body{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__header{align-items:center;border-bottom:1px solid #ddd;box-sizing:initial;display:flex;height:47px;justify-content:space-between;padding:0 16px}.components-panel__header h2{color:inherit;font-size:inherit;margin:0}.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{margin-top:-1px}.components-panel__body>.components-panel__body-title{display:block;font-size:inherit;margin-bottom:0;margin-top:0;padding:0;transition:background .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body>.components-panel__body-title{transition-delay:0s;transition-duration:0s}}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover{background:#f0f0f0;border:none}.components-panel__body-toggle.components-button{border:none;box-shadow:none;color:#1e1e1e;font-weight:500;height:auto;outline:none;padding:16px 16px 16px 48px;position:relative;text-align:right;transition:background .1s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button{transition-delay:0s;transition-duration:0s}}.components-panel__body-toggle.components-button:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-panel__body-toggle.components-button .components-panel__arrow{fill:currentColor;color:#1e1e1e;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button .components-panel__arrow{transition-delay:0s;transition-duration:0s}}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{-ms-filter:fliph;filter:FlipH;margin-top:-10px;transform:scaleX(-1)}.components-panel__icon{color:#757575;margin:-2px 6px -2px 0}.components-panel__body-toggle-icon{margin-left:-5px}.components-panel__color-title{float:right;height:19px}.components-panel__row{align-items:center;display:flex;justify-content:space-between;margin-top:8px;min-height:36px}.components-panel__row select{min-width:0}.components-panel__row label{flex-shrink:0;margin-left:12px;max-width:75%}.components-panel__row:empty,.components-panel__row:first-of-type{margin-top:0}.components-panel .circle-picker{padding-bottom:20px}.components-placeholder.components-placeholder{-moz-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;box-sizing:border-box;color:#1e1e1e;margin:0;min-height:200px;outline:1px solid transparent;padding:1em;position:relative;text-align:right;width:100%}@supports (position:sticky){.components-placeholder.components-placeholder{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}}.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__label{align-items:center;display:flex;font-weight:600;margin-bottom:16px}.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:currentColor;margin-left:12px}@media (forced-colors:active){.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:CanvasText}}.components-placeholder__label:empty{display:none}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.components-placeholder__fieldset form p,.components-placeholder__fieldset p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__fieldset.components-placeholder__fieldset{border:none;padding:0}.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions{font-size:1em;font-weight:400;padding:0}.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{flex-direction:column}.components-placeholder__input[type=url]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 0 8px;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder__input[type=url]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-placeholder__input[type=url]{font-size:13px;line-height:normal}}.components-placeholder__input[type=url]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-placeholder__input[type=url]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-placeholder__input[type=url]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__instructions{margin-bottom:1em}.components-placeholder__error{margin-top:1em;width:100%}.components-placeholder__fieldset .components-button{margin-bottom:12px;margin-left:12px}.components-placeholder__fieldset .components-button:last-child{margin-bottom:0;margin-left:0}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{margin-left:10px;margin-right:10px}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{margin-left:0}.components-placeholder.is-large .components-placeholder__label{font-size:18pt;font-weight:400}.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{display:none}.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{flex-direction:column}.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{margin-left:auto}.components-placeholder.is-small .components-button{padding:0 8px 2px}.components-placeholder.has-illustration{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);backface-visibility:hidden;background-color:initial;border-radius:2px;box-shadow:none;color:inherit;display:flex;min-width:100px;overflow:hidden}.is-dark-theme .components-placeholder.has-illustration{background-color:rgba(0,0,0,.1)}.components-placeholder.has-illustration .components-placeholder__fieldset{margin-left:0;margin-right:0;width:auto}.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{opacity:0;pointer-events:none;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{transition-delay:0s;transition-duration:0s}}.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{opacity:1;pointer-events:auto}.components-placeholder.has-illustration:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.components-placeholder__preview{display:flex;justify-content:center}.components-placeholder__illustration{stroke:currentColor;box-sizing:initial;height:100%;opacity:.25;position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:100%}.components-popover{will-change:transform;z-index:1000000}.components-popover.is-expanded{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000000!important}.components-popover__content{background:#fff;border-radius:2px;box-shadow:0 0 0 1px #ccc,0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);box-sizing:border-box;width:min-content}.is-alternate .components-popover__content{box-shadow:0 0 0 1px #1e1e1e}.is-unstyled .components-popover__content{background:none;border-radius:0;box-shadow:none}.components-popover.is-expanded .components-popover__content{box-shadow:0 -1px 0 0 #ccc;height:calc(100% - 48px);overflow-y:visible;position:static;width:auto}.components-popover.is-expanded.is-alternate .components-popover__content{box-shadow:0 -1px 0 #1e1e1e}.components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 16px 0 8px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-button{z-index:5}.components-popover__arrow{display:flex;height:14px;pointer-events:none;position:absolute;width:14px}.components-popover__arrow:before{background-color:#fff;content:"";height:2px;left:1px;position:absolute;right:1px;top:-1px}.components-popover__arrow.is-top{bottom:-14px!important;transform:rotate(0)}.components-popover__arrow.is-right{left:-14px!important;transform:rotate(90deg)}.components-popover__arrow.is-bottom{top:-14px!important;transform:rotate(180deg)}.components-popover__arrow.is-left{right:-14px!important;transform:rotate(-90deg)}.components-popover__triangle{display:block;flex:1}.components-popover__triangle-bg{fill:#fff}.components-popover__triangle-border{fill:transparent;stroke-width:1px;stroke:#ccc}.is-alternate .components-popover__triangle-border{stroke:#1e1e1e}.components-radio-control__input[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-left:6px;margin-top:0;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.components-radio-control__input[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-radio-control__input[type=radio]{font-size:13px;line-height:normal}}.components-radio-control__input[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-radio-control__input[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-radio-control__input[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-radio-control__input[type=radio]{height:20px;width:20px}}.components-radio-control__input[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(-7px,7px);width:8px}@media (min-width:600px){.components-radio-control__input[type=radio]:checked:before{transform:translate(-5px,5px)}}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-radio-control__input[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-resizable-box__handle{display:none;height:23px;width:23px;z-index:2}.components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:block}.components-resizable-box__container>img{width:inherit}.components-resizable-box__handle:after{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));content:"";cursor:inherit;display:block;height:15px;left:calc(50% - 8px);outline:2px solid transparent;position:absolute;top:calc(50% - 8px);width:15px}.components-resizable-box__side-handle:before{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-radius:2px;content:"";cursor:inherit;display:block;height:3px;left:calc(50% - 1px);opacity:0;position:absolute;top:calc(50% - 1px);transition:transform .1s ease-in;width:3px;will-change:transform}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle:before{transition-delay:0s;transition-duration:0s}}.components-resizable-box__corner-handle,.components-resizable-box__side-handle{z-index:2}.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{border-left:0;border-right:0;right:0;width:100%}.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{border-bottom:0;border-top:0;height:100%;top:0}.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation-delay:0s;animation-duration:1ms}}.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation:components-resizable-box__left-right-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation-delay:0s;animation-duration:1ms}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:none}}}@keyframes components-resizable-box__top-bottom-animation{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes components-resizable-box__left-right-animation{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.components-resizable-box__handle-right{right:-11.5px}.components-resizable-box__handle-left{left:-11.5px}.components-resizable-box__handle-top{top:-11.5px}.components-resizable-box__handle-bottom{bottom:-11.5px}.components-responsive-wrapper{max-width:100%;position:relative}.components-responsive-wrapper,.components-responsive-wrapper>span{display:block}.components-responsive-wrapper__content{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.components-sandbox{overflow:hidden}iframe.components-sandbox{width:100%}body.lockscroll,html.lockscroll{overflow:hidden}.components-search-control{position:relative}.components-search-control input[type=search].components-search-control__input{background:#f0f0f0;border:none;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:48px;line-height:normal;margin-left:0;margin-right:0;padding:16px 16px 16px 48px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-search-control input[type=search].components-search-control__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px;line-height:normal}}.components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-search-control input[type=search].components-search-control__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px}}.components-search-control input[type=search].components-search-control__input:focus{background:#fff;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-search-control input[type=search].components-search-control__input::placeholder{color:#757575}.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{-webkit-appearance:none}.components-search-control__icon{align-items:center;bottom:0;display:flex;left:12px;position:absolute;top:0}.components-search-control__icon>svg{margin:8px 0}.components-search-control__input-wrapper{position:relative}.components-select-control__input{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;background:#fff;height:36px;line-height:36px;margin:1px;outline:0;width:100%}@media (min-width:782px){.components-select-control__input{height:28px;line-height:28px}}@media (max-width:782px){.components-base-control .components-base-control__field .components-select-control__input{font-size:16px}}.components-snackbar{background-color:#1e1e1e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);box-sizing:border-box;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;max-width:600px;padding:16px 24px;pointer-events:auto;width:100%}@media (min-width:600px){.components-snackbar{width:-moz-fit-content;width:fit-content}}.components-snackbar:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-snackbar.components-snackbar-explicit-dismiss{cursor:default}.components-snackbar .components-snackbar__content-with-icon{margin-right:24px}.components-snackbar .components-snackbar__icon{position:absolute;right:28px;top:24px}.components-snackbar .components-snackbar__dismiss-button{cursor:pointer;margin-right:32px}.components-snackbar__action.components-button{color:#fff;flex-shrink:0;height:auto;line-height:1.4;margin-right:32px;padding:0}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){background-color:initial;text-decoration:underline}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{box-shadow:none;color:#fff;outline:1px dotted #fff}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-snackbar__content{align-items:baseline;display:flex;justify-content:space-between;line-height:1.4}.components-snackbar-list{box-sizing:border-box;pointer-events:none;position:absolute;width:100%;z-index:100000}.components-snackbar-list__notice-container{padding-top:8px;position:relative}.components-tab-panel__tabs{align-items:stretch;display:flex;flex-direction:row}.components-tab-panel__tabs[aria-orientation=vertical]{flex-direction:column}.components-tab-panel__tabs-item{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-right:0;padding:3px 16px;position:relative}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-tab-panel__tabs-item:after{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-tab-panel__tabs-item:after{transition-delay:0s;transition-duration:0s}}.components-tab-panel__tabs-item.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-tab-panel__tabs-item:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-tab-panel__tabs-item:before{transition-delay:0s;transition-duration:0s}}.components-tab-panel__tabs-item:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{font-size:13px;line-height:normal}}.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-tip{color:#757575;display:flex}.components-tip svg{fill:#f0b849;align-self:center;flex-shrink:0;margin-left:16px}.components-tip p{margin:0}.components-accessible-toolbar{border:1px solid #1e1e1e;border-radius:2px;display:inline-flex;flex-shrink:0}.components-accessible-toolbar>.components-toolbar-group:last-child{border-left:none}.components-accessible-toolbar .components-button,.components-toolbar .components-button{height:48px;padding-left:16px;padding-right:16px;position:relative;z-index:1}.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){box-shadow:none;outline:none}.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:32px;left:8px;position:absolute;right:8px;z-index:-1}@media (prefers-reduced-motion:reduce){.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation-delay:0s;animation-duration:1ms}}.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{margin-left:auto;margin-right:auto;position:relative}.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{background:transparent}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:#1e1e1e}.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{min-width:48px;padding-left:12px;padding-right:12px}.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{font-weight:500}.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{display:inline-block;padding-left:0;padding-right:0;position:relative}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.components-toolbar__control.components-button{position:relative}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 0 5px 10px}.components-toolbar__control.components-button[data-subscript]:after{bottom:10px;content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;left:8px;line-height:12px;position:absolute}.components-toolbar__control.components-button:active:before{display:none}.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{color:#fff}.components-toolbar-group{background-color:#fff;border-left:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;line-height:0;min-height:48px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-toolbar-group.components-toolbar-group{border-width:0;margin:0}.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{min-width:36px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{min-width:24px}.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{left:2px;right:2px}.components-toolbar{background-color:#fff;border:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;margin:0;min-height:48px}.components-toolbar .components-toolbar.components-toolbar{border-width:0;margin:0}div.components-toolbar>div{display:block;margin:0}@supports (position:sticky){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div.has-left-divider{margin-right:6px;overflow:visible;position:relative}div.components-toolbar>div+div.has-left-divider:before{background-color:#ddd;box-sizing:initial;content:"";display:inline-block;height:20px;position:absolute;right:-3px;top:8px;width:1px}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover .components-popover__content{min-width:min-content}.components-tooltip .components-popover__content{background:var(--wp-components-color-foreground,#1e1e1e);border-radius:2px;border-width:0;box-shadow:none;color:var(--wp-components-color-foreground-inverted,#fff);font-size:12px;line-height:1.4;outline:none;padding:4px 8px;text-align:center;white-space:nowrap}.components-tooltip__shortcut{display:inline-block;margin-right:8px}.disabled-element-wrapper{position:relative}.disabled-element-wrapper .event-catcher{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100002} \ No newline at end of file diff --git a/wp-includes/css/dist/components/style.css b/wp-includes/css/dist/components/style.css index da1cf51d2b..57f884801d 100644 --- a/wp-includes/css/dist/components/style.css +++ b/wp-includes/css/dist/components/style.css @@ -7,6 +7,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -95,7 +97,7 @@ width:100%; } .components-autocomplete__result.components-button.is-selected{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button-group{ @@ -131,7 +133,7 @@ border:0; border-radius:2px; box-sizing:border-box; - color:#1e1e1e; + color:var(--wp-components-color-foreground, #1e1e1e); cursor:pointer; display:inline-flex; font-family:inherit; @@ -150,62 +152,62 @@ } } .components-button:hover,.components-button[aria-expanded=true]{ - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button[aria-disabled=true]:hover{ color:initial; } .components-button:focus:not(:disabled){ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:3px solid transparent; } .components-button.is-primary{ - background:var(--wp-admin-theme-color); - color:#fff; + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + color:var(--wp-components-color-accent-inverted, #fff); outline:1px solid transparent; text-decoration:none; text-shadow:none; white-space:nowrap; } .components-button.is-primary:hover:not(:disabled){ - background:var(--wp-admin-theme-color-darker-10); - color:#fff; + background:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); + color:var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:active:not(:disabled){ - background:var(--wp-admin-theme-color-darker-20); - border-color:var(--wp-admin-theme-color-darker-20); - color:#fff; + background:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)); + border-color:var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)); + color:var(--wp-components-color-accent-inverted, #fff); } .components-button.is-primary:focus:not(:disabled){ - box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{ - background:var(--wp-admin-theme-color); - border-color:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); color:hsla(0,0%,100%,.4); opacity:1; outline:none; } .components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{ - box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{ - background-image:linear-gradient(-45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); + background-image:linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #005a87)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)) 70%); background-size:100px 100%; - border-color:var(--wp-admin-theme-color); - color:#fff; + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + color:var(--wp-components-color-accent-inverted, #fff); } .components-button.is-secondary,.components-button.is-tertiary{ outline:1px solid transparent; } .components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){ - background:#ddd; + background:var(--wp-components-color-gray-300, #ddd); box-shadow:none; - color:var(--wp-admin-theme-color-darker-10); + color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); } .components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){ - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); - color:var(--wp-admin-theme-color-darker-10); + box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); + color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); } .components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{ background:#eaeaea; @@ -216,12 +218,12 @@ transform:none; } .components-button.is-secondary{ - box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:1px solid transparent; } .components-button.is-secondary,.components-button.is-tertiary{ background:transparent; - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); white-space:nowrap; } .components-button.is-tertiary{ @@ -235,46 +237,29 @@ p+.components-button.is-tertiary{ margin-left:-6px; } .components-button.is-destructive{ + --wp-components-color-accent:#cc1818; + --wp-components-color-accent-darker-10:#9e1313; + --wp-components-color-accent-darker-20:#710d0d; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){ box-shadow:inset 0 0 0 1px #cc1818; color:#cc1818; } -.components-button.is-destructive:hover:not(:disabled){ - box-shadow:inset 0 0 0 1px #710d0d; +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){ color:#710d0d; } -.components-button.is-destructive:focus:not(:disabled){ - color:var(--wp-admin-theme-color); +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818; } -.components-button.is-destructive:active:not(:disabled){ +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){ background:#ccc; } -.components-button.is-destructive.is-primary{ - background:#cc1818; - box-shadow:inset 0 0 0 1px #cc1818; - color:#fff; -} -.components-button.is-destructive.is-primary:hover:not(:disabled){ - background:#710d0d; - box-shadow:inset 0 0 0 1px #710d0d; - color:#fff; -} -.components-button.is-destructive.is-tertiary{ - box-shadow:none; -} -.components-button.is-destructive.is-tertiary:hover:not(:disabled){ - box-shadow:inset 0 0 0 1px #cc1818; - color:#cc1818; -} -.components-button.is-destructive.is-tertiary:focus:not(:disabled){ - box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #cc1818; - color:#cc1818; -} .components-button.is-link{ background:none; border:0; border-radius:0; box-shadow:none; - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); height:auto; margin:0; outline:none; @@ -294,18 +279,8 @@ p+.components-button.is-tertiary{ .components-button.is-link:focus{ border-radius:2px; } -.components-button.is-link.is-destructive{ - color:#cc1818; -} -.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){ - background:none; - color:#710d0d; -} -.components-button.is-link.is-destructive:focus:not(:disabled){ - color:var(--wp-admin-theme-color); -} .components-button:not([aria-disabled=true]):active{ - color:inherit; + color:var(--wp-components-color-foreground, #1e1e1e); } .components-button:disabled,.components-button[aria-disabled=true]{ cursor:default; @@ -340,7 +315,8 @@ p+.components-button.is-tertiary{ margin-right:2px; } .components-button.has-icon.has-text{ - justify-content:left; + justify-content:start; + padding-right:12px; } .components-button.has-icon.has-text svg{ margin-right:8px; @@ -349,16 +325,16 @@ p+.components-button.is-tertiary{ margin-right:10px; } .components-button.is-pressed{ - background:#1e1e1e; - color:#fff; + background:var(--wp-components-color-foreground, #1e1e1e); + color:var(--wp-components-color-foreground-inverted, #fff); } .components-button.is-pressed:focus:not(:disabled){ - box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:2px solid transparent; } .components-button.is-pressed:hover:not(:disabled){ - background:#1e1e1e; - color:#fff; + background:var(--wp-components-color-foreground, #1e1e1e); + color:var(--wp-components-color-foreground-inverted, #fff); } .components-button svg{ fill:currentColor; @@ -425,6 +401,9 @@ p+.components-button.is-tertiary{ .components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{ color:rgba(30,30,30,.62); } +.components-checkbox-control__input[type=checkbox]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); +} .components-checkbox-control__input[type=checkbox]:checked{ background:var(--wp-admin-theme-color); border-color:var(--wp-admin-theme-color); @@ -475,12 +454,12 @@ p+.components-button.is-tertiary{ } } .components-checkbox-control__input[type=checkbox]:focus{ - box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:2px solid transparent; } .components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{ - background:var(--wp-admin-theme-color); - border-color:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + border-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{ opacity:0; @@ -546,6 +525,7 @@ svg.components-checkbox-control__checked,svg.components-checkbox-control__indete transition:transform .1s ease; vertical-align:top; width:28px; + will-change:transform; } @media (prefers-reduced-motion:reduce){ .components-circular-option-picker__option-wrapper{ @@ -694,7 +674,7 @@ input.components-combobox-control__input[type=text]:focus{ .components-combobox-control__suggestions-container{ align-items:flex-start; - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; display:flex; @@ -765,8 +745,8 @@ input.components-combobox-control__input[type=text]:focus{ .components-color-palette__custom-color{ background:none; background-image:repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 0, transparent 75%, #e0e0e0 0, #e0e0e0); - background-position:0 0, 25px 25px; - background-size:50px 50px; + background-position:0 0, 24px 24px; + background-size:48px 48px; border:none; border-radius:2px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.2); @@ -781,7 +761,7 @@ input.components-combobox-control__input[type=text]:focus{ width:100%; } .components-color-palette__custom-color:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline-width:2px; } @@ -886,6 +866,11 @@ input.components-combobox-control__input[type=text]:focus{ text-align:left; } +.components-custom-select-control__hint{ + color:#949494; + margin-left:10px; +} + .components-custom-select-control__menu{ background-color:#fff; border:1px solid #1e1e1e; @@ -922,7 +907,7 @@ input.components-combobox-control__input[type=text]:focus{ background:#ddd; } .components-custom-select-control__item .components-custom-select-control__item-hint{ - color:#757575; + color:#949494; padding-right:4px; text-align:right; } @@ -988,7 +973,7 @@ body.is-dragging-components-draggable{ .components-drop-zone__content{ align-items:center; - background-color:var(--wp-admin-theme-color); + background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); bottom:0; color:#fff; display:flex; @@ -1110,97 +1095,6 @@ body.is-dragging-components-draggable{ color:transparent; } -.components-font-size-picker__header__hint{ - color:#757575; - margin-left:4px; -} -.components-font-size-picker__header .components-base-control__label{ - margin-bottom:0; -} -.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text){ - min-width:24px; - padding:0; -} - -.components-font-size-picker__controls{ - align-items:center; - margin-top:8px; - max-width:248px; -} -.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom){ - margin-bottom:24px; -} -.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{ - font-weight:300; - margin-bottom:8px !important; - padding-bottom:0 !important; -} -.components-font-size-picker__controls .components-font-size-picker__number{ - border:1px solid #757575; - border-radius:2px; - box-shadow:0 0 0 transparent; - display:inline-block; - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:16px; - font-weight:500; - height:30px; - line-height:normal; - margin:8px 8px 0 0; - padding:6px 8px; - transition:box-shadow .1s linear; - width:54px; -} -@media (prefers-reduced-motion:reduce){ - .components-font-size-picker__controls .components-font-size-picker__number{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:600px){ - .components-font-size-picker__controls .components-font-size-picker__number{ - font-size:13px; - line-height:normal; - } -} -.components-font-size-picker__controls .components-font-size-picker__number:focus{ - border-color:var(--wp-admin-theme-color); - box-shadow:0 0 0 1px var(--wp-admin-theme-color); - outline:2px solid transparent; -} -.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{ - color:rgba(30,30,30,.62); -} -.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{ - color:rgba(30,30,30,.62); - opacity:1; -} -.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{ - color:rgba(30,30,30,.62); -} -.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{ - cursor:default; - opacity:.3; - pointer-events:none; -} -.components-font-size-picker__controls .components-font-size-picker__number-container{ - display:flex; - flex-direction:column; -} -.components-font-size-picker__controls .components-color-palette__clear{ - height:30px; -} - -.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{ - height:30px; - width:30px; -} - -.components-font-size-picker{ - border:0; - margin:0; - padding:0; -} - .components-form-toggle{ display:inline-block; position:relative; @@ -1243,11 +1137,11 @@ body.is-dragging-components-draggable{ } } .components-form-toggle.is-checked .components-form-toggle__track{ - background-color:var(--wp-admin-theme-color); + background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); border:9px solid transparent; } .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{ - box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); outline:2px solid transparent; outline-offset:2px; } @@ -1280,7 +1174,7 @@ body.is-dragging-components-draggable{ } .components-form-token-field__input-container{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; cursor:text; @@ -1384,7 +1278,7 @@ body.is-dragging-components-draggable{ } .components-form-token-field__token.is-borderless .components-form-token-field__token-text{ background:transparent; - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-form-token-field__token.is-borderless .components-form-token-field__remove-token{ background:transparent; @@ -1447,7 +1341,7 @@ body.is-dragging-components-draggable{ } .components-form-token-field__suggestions-list{ - border-top:1px solid #757575; + border-top:1px solid var(--wp-components-color-gray-600, #949494); flex:1 0 100%; list-style:none; margin:0; @@ -1473,7 +1367,7 @@ body.is-dragging-components-draggable{ padding:4px 8px; } .components-form-token-field__suggestion.is-selected{ - background:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); color:#fff; } @@ -1595,25 +1489,17 @@ body.is-dragging-components-draggable{ .is-focusing-regions [role=region]:focus:after{ bottom:0; - box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color); content:""; left:0; - outline:4px solid transparent; pointer-events:none; position:absolute; right:0; top:0; + z-index:1000000; } -@supports (outline-offset:1px){ - .is-focusing-regions [role=region]:focus:after{ - content:none; - } - .is-focusing-regions [role=region]:focus{ - outline-color:var(--wp-admin-theme-color); - outline-offset:-4px; - outline-style:solid; - outline-width:4px; - } +.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{ + outline:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + outline-offset:-4px; } .components-menu-group+.components-menu-group{ @@ -1642,6 +1528,7 @@ body.is-dragging-components-draggable{ width:100%; } .components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{ + box-sizing:initial; padding-right:48px; } .components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{ @@ -1667,7 +1554,7 @@ body.is-dragging-components-draggable{ } .components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{ background:none; - color:var(--wp-admin-theme-color-darker-10); + color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006ba1)); opacity:.3; } @@ -1735,7 +1622,7 @@ body.is-dragging-components-draggable{ .components-modal__frame{ background:#fff; border-radius:2px; - box-shadow:0 10px 10px rgba(0,0,0,.25); + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); display:flex; margin:0; overflow:hidden; @@ -1843,7 +1730,7 @@ body.is-dragging-components-draggable{ .components-notice{ align-items:center; background-color:#fff; - border-left:4px solid var(--wp-admin-theme-color); + border-left:4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); display:flex; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px; @@ -2005,7 +1892,7 @@ body.is-dragging-components-draggable{ } .components-panel__body-toggle.components-button:focus{ border-radius:0; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-panel__body-toggle.components-button .components-panel__arrow{ fill:currentColor; @@ -2104,7 +1991,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ fill:currentColor; - margin-right:1ch; + margin-right:12px; } @media (forced-colors:active){ .components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{ @@ -2141,7 +2028,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-placeholder__input[type=url]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; flex:1 1 auto; @@ -2225,8 +2112,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-placeholder.has-illustration{ -webkit-backdrop-filter:blur(100px); backdrop-filter:blur(100px); - background-color:hsla(0,0%,100%,.1); - border:1px dashed; + backface-visibility:hidden; + background-color:initial; border-radius:2px; box-shadow:none; color:inherit; @@ -2244,6 +2131,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{ opacity:0; + pointer-events:none; transition:opacity .1s linear; } @media (prefers-reduced-motion:reduce){ @@ -2254,6 +2142,18 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{ opacity:1; + pointer-events:auto; +} +.components-placeholder.has-illustration:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; } .components-placeholder__preview{ @@ -2263,10 +2163,10 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-placeholder__illustration{ stroke:currentColor; - stroke-dasharray:3; box-sizing:initial; height:100%; left:50%; + opacity:.25; position:absolute; top:50%; transform:translate(-50%, -50%); @@ -2274,6 +2174,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-popover{ + will-change:transform; z-index:1000000; } .components-popover.is-expanded{ @@ -2288,24 +2189,28 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-popover__content{ background:#fff; border-radius:2px; - box-shadow:0 2px 6px rgba(0,0,0,.05); + box-shadow:0 0 0 1px #ccc,0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); box-sizing:border-box; - outline:1px solid #ccc; width:min-content; } .is-alternate .components-popover__content{ + box-shadow:0 0 0 1px #1e1e1e; +} +.is-unstyled .components-popover__content{ + background:none; + border-radius:0; box-shadow:none; - outline:1px solid #1e1e1e; } .components-popover.is-expanded .components-popover__content{ - border:none; - border-top:1px solid #1e1e1e; + box-shadow:0 -1px 0 0 #ccc; height:calc(100% - 48px); - outline:none; overflow-y:visible; position:static; width:auto; } +.components-popover.is-expanded.is-alternate .components-popover__content{ + box-shadow:0 -1px 0 #1e1e1e; +} .components-popover__header{ align-items:center; @@ -2466,7 +2371,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right .components-resizable-box__handle:after{ background:#fff; border-radius:50%; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); content:""; cursor:inherit; display:block; @@ -2479,7 +2384,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right } .components-resizable-box__side-handle:before{ - background:var(--wp-admin-theme-color); + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); border-radius:2px; content:""; cursor:inherit; @@ -2491,6 +2396,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right top:calc(50% - 1px); transition:transform .1s ease-in; width:3px; + will-change:transform; } @media (prefers-reduced-motion:reduce){ .components-resizable-box__side-handle:before{ @@ -2625,6 +2531,8 @@ body.lockscroll,html.lockscroll{ font-size:16px; height:48px; line-height:normal; + margin-left:0; + margin-right:0; padding:16px 48px 16px 16px; transition:box-shadow .1s linear; width:100%; @@ -2663,7 +2571,7 @@ body.lockscroll,html.lockscroll{ } .components-search-control input[type=search].components-search-control__input:focus{ background:#fff; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-search-control input[type=search].components-search-control__input::placeholder{ color:#757575; @@ -2730,7 +2638,7 @@ body.lockscroll,html.lockscroll{ } } .components-snackbar:focus{ - box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-snackbar.components-snackbar-explicit-dismiss{ cursor:default; @@ -2766,7 +2674,7 @@ body.lockscroll,html.lockscroll{ outline:1px dotted #fff; } .components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ - color:var(--wp-admin-theme-color); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); } .components-snackbar__content{ @@ -2803,47 +2711,66 @@ body.lockscroll,html.lockscroll{ border:none; border-radius:0; box-shadow:none; - box-sizing:border-box; cursor:pointer; font-weight:500; height:48px; margin-left:0; padding:3px 16px; - transition:box-shadow .1s linear; -} -.components-tab-panel__tabs-item:after{ - speak:none; - content:attr(data-label); - display:block; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-tab-panel__tabs-item:focus:not(:disabled){ - box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.components-tab-panel__tabs-item.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); position:relative; } -.components-tab-panel__tabs-item.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; +.components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-tab-panel__tabs-item:after{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-tab-panel__tabs-item:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +@media (prefers-reduced-motion:reduce){ + .components-tab-panel__tabs-item:after{ + transition-delay:0s; + transition-duration:0s; + } } -.components-tab-panel__tabs-item.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-tab-panel__tabs-item.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-tab-panel__tabs-item:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-tab-panel__tabs-item:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-tab-panel__tabs-item:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + outline:2px solid transparent; } .components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -2912,7 +2839,7 @@ body.lockscroll,html.lockscroll{ position:relative; z-index:1; } -.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{ +.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){ box-shadow:none; outline:none; } @@ -3071,11 +2998,11 @@ div.components-toolbar>div+div.has-left-divider:before{ } .components-tooltip .components-popover__content{ - background:#1e1e1e; + background:var(--wp-components-color-foreground, #1e1e1e); border-radius:2px; border-width:0; box-shadow:none; - color:#fff; + color:var(--wp-components-color-foreground-inverted, #fff); font-size:12px; line-height:1.4; outline:none; diff --git a/wp-includes/css/dist/components/style.min.css b/wp-includes/css/dist/components/style.min.css index 4fc8e77c1e..f181b78682 100644 --- a/wp-includes/css/dist/components/style.min.css +++ b/wp-includes/css/dist/components/style.min.css @@ -1,4 +1,4 @@ -@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-animate__appear{animation:components-animate__appear-animation .1s cubic-bezier(0,0,.2,1) 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__appear{animation-delay:0s;animation-duration:1ms}}.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{transform-origin:top left}.components-animate__appear.is-from-top.is-from-right{transform-origin:top right}.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{transform-origin:bottom left}.components-animate__appear.is-from-bottom.is-from-right{transform-origin:bottom right}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.components-animate__slide-in{animation:components-animate__slide-in-animation .1s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__slide-in{animation-delay:0s;animation-duration:1ms}}.components-animate__slide-in.is-from-left{transform:translateX(100%)}.components-animate__slide-in.is-from-right{transform:translateX(-100%)}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}.components-animate__loading{animation:components-animate__loading 1.6s ease-in-out infinite}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.components-autocomplete__popover .components-popover__content{min-width:220px;padding:16px}.components-autocomplete__result.components-button{display:flex;height:auto;min-height:36px;text-align:left;width:100%}.components-autocomplete__result.components-button.is-selected{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button-group{display:inline-block}.components-button-group .components-button{border-radius:0;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:inline-flex}.components-button-group .components-button+.components-button{margin-left:-1px}.components-button-group .components-button:first-child{border-radius:2px 0 0 2px}.components-button-group .components-button:last-child{border-radius:0 2px 2px 0}.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-primary{box-shadow:inset 0 0 0 1px #1e1e1e}.components-button{align-items:center;-webkit-appearance:none;background:none;border:0;border-radius:2px;box-sizing:border-box;color:#1e1e1e;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:400;height:36px;margin:0;padding:6px 12px;text-decoration:none;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-button{transition-delay:0s;transition-duration:0s}}.components-button:hover,.components-button[aria-expanded=true]{color:var(--wp-admin-theme-color)}.components-button[aria-disabled=true]:hover{color:initial}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.components-button.is-primary{background:var(--wp-admin-theme-color);color:#fff;outline:1px solid transparent;text-decoration:none;text-shadow:none;white-space:nowrap}.components-button.is-primary:hover:not(:disabled){background:var(--wp-admin-theme-color-darker-10);color:#fff}.components-button.is-primary:active:not(:disabled){background:var(--wp-admin-theme-color-darker-20);border-color:var(--wp-admin-theme-color-darker-20);color:#fff}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);color:hsla(0,0%,100%,.4);opacity:1;outline:none}.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,var(--wp-admin-theme-color) 33%,var(--wp-admin-theme-color-darker-20) 33%,var(--wp-admin-theme-color-darker-20) 70%,var(--wp-admin-theme-color) 70%);background-size:100px 100%;border-color:var(--wp-admin-theme-color);color:#fff}.components-button.is-secondary,.components-button.is-tertiary{outline:1px solid transparent}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){background:#ddd;box-shadow:none;color:var(--wp-admin-theme-color-darker-10)}.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);color:var(--wp-admin-theme-color-darker-10)}.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{background:#eaeaea;box-shadow:none;color:#828282;opacity:1;outline:none;transform:none}.components-button.is-secondary{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);outline:1px solid transparent}.components-button.is-secondary,.components-button.is-tertiary{background:transparent;color:var(--wp-admin-theme-color);white-space:nowrap}.components-button.is-tertiary{padding:6px}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}p+.components-button.is-tertiary{margin-left:-6px}.components-button.is-destructive{box-shadow:inset 0 0 0 1px #cc1818;color:#cc1818}.components-button.is-destructive:hover:not(:disabled){box-shadow:inset 0 0 0 1px #710d0d;color:#710d0d}.components-button.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button.is-destructive:active:not(:disabled){background:#ccc}.components-button.is-destructive.is-primary{background:#cc1818;box-shadow:inset 0 0 0 1px #cc1818;color:#fff}.components-button.is-destructive.is-primary:hover:not(:disabled){background:#710d0d;box-shadow:inset 0 0 0 1px #710d0d;color:#fff}.components-button.is-destructive.is-tertiary{box-shadow:none}.components-button.is-destructive.is-tertiary:hover:not(:disabled){box-shadow:inset 0 0 0 1px #cc1818;color:#cc1818}.components-button.is-destructive.is-tertiary:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #cc1818;color:#cc1818}.components-button.is-link{background:none;border:0;border-radius:0;box-shadow:none;color:var(--wp-admin-theme-color);height:auto;margin:0;outline:none;padding:0;text-align:left;text-decoration:underline;transition-duration:.05s;transition-property:border,background,color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.components-button.is-link{transition-delay:0s;transition-duration:0s}}.components-button.is-link:focus{border-radius:2px}.components-button.is-link.is-destructive{color:#cc1818}.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){background:none;color:#710d0d}.components-button.is-link.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button:not([aria-disabled=true]):active{color:inherit}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{animation:components-button__busy-animation 2.5s linear infinite;background-image:linear-gradient(-45deg,#fafafa 33%,#e0e0e0 0,#e0e0e0 70%,#fafafa 0);background-size:100px 100%;opacity:1}.components-button.is-small{font-size:11px;height:24px;line-height:22px;padding:0 8px}.components-button.is-small.has-icon:not(.has-text){min-width:24px;padding:0;width:24px}.components-button.has-icon{justify-content:center;min-width:36px;padding:6px}.components-button.has-icon .dashicon{display:inline-block;flex:0 0 auto;margin-left:2px;margin-right:2px}.components-button.has-icon.has-text{justify-content:left}.components-button.has-icon.has-text svg{margin-right:8px}.components-button.has-icon.has-text .dashicon{margin-right:10px}.components-button.is-pressed{background:#1e1e1e;color:#fff}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.components-button.is-pressed:hover:not(:disabled){background:#1e1e1e;color:#fff}.components-button svg{fill:currentColor;outline:none}@media (forced-colors:active){.components-button svg{fill:CanvasText}}.components-button .components-visually-hidden{height:auto}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-checkbox-control__input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:0 0 0 transparent;clear:none;color:#1e1e1e;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;line-height:0;margin:0 4px 0 0;outline:0;padding:6px 8px;padding:0!important;text-align:center;transition:box-shadow .1s linear;transition:none;transition:border-color .1s ease-in-out;vertical-align:top;width:24px}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{font-size:13px;line-height:normal}}.components-checkbox-control__input[type=checkbox]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{color:#fff;margin:-3px -5px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-4px 0 0 -5px}}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline-block;float:left;font:normal 30px/1 dashicons;vertical-align:middle;width:16px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{float:none;font-size:21px}}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.components-checkbox-control__input[type=checkbox]{transition-delay:0s;transition-duration:0s}}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before{content:none}.components-checkbox-control__input-container{display:inline-block;height:24px;margin-right:12px;position:relative;vertical-align:middle;width:24px}@media (min-width:600px){.components-checkbox-control__input-container{height:20px;width:20px}}svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{fill:#fff;cursor:pointer;height:24px;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:24px}@media (min-width:600px){svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{left:-2px;top:-2px}}.components-circular-option-picker{display:inline-block;min-width:188px;width:100%}.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{display:flex;justify-content:flex-end;margin-top:12px}.components-circular-option-picker .components-circular-option-picker__swatches{display:flex;flex-wrap:wrap;gap:12px}.components-circular-option-picker__option-wrapper{display:inline-block;height:28px;transform:scale(1);transition:transform .1s ease;vertical-align:top;width:28px}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option-wrapper{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option-wrapper:hover{transform:scale(1.2)}.components-circular-option-picker__option-wrapper>div{height:100%;width:100%}.components-circular-option-picker__option-wrapper:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");border-radius:50%;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.components-circular-option-picker__option{background:transparent;border:none;border-radius:50%;box-shadow:inset 0 0 0 14px;cursor:pointer;display:inline-block;height:100%;transition:box-shadow .1s ease;vertical-align:top;width:100%}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option:hover{box-shadow:inset 0 0 0 14px!important}.components-circular-option-picker__option.is-pressed{box-shadow:inset 0 0 0 4px;overflow:visible;position:relative;z-index:1}.components-circular-option-picker__option.is-pressed+svg{border-radius:50%;left:2px;pointer-events:none;position:absolute;top:2px;z-index:2}.components-circular-option-picker__option:after{border:1px solid transparent;border-radius:50%;bottom:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:inherit;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.components-circular-option-picker__option:focus:after{border:2px solid #757575;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;content:"";height:32px;left:-2px;position:absolute;top:-2px;width:32px}.components-circular-option-picker__option.components-button:focus{background-color:initial;box-shadow:inset 0 0 0 14px;outline:none}.components-circular-option-picker__button-action .components-circular-option-picker__option{background:#fff;color:#fff}.components-circular-option-picker__dropdown-link-action{margin-right:16px}.components-circular-option-picker__dropdown-link-action .components-button{line-height:22px}.components-palette-edit__popover-gradient-picker{padding:8px;width:280px}.components-dropdown-menu__menu .components-palette-edit__menu-button{width:100%}.component-color-indicator{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);display:inline-block;height:20px;padding:0;width:20px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{border:none;box-shadow:none;font-family:inherit;font-size:16px;line-height:inherit;margin:0;min-height:auto;padding:2px;width:100%}@media (min-width:600px){input.components-combobox-control__input[type=text]{font-size:13px}}input.components-combobox-control__input[type=text]:focus{box-shadow:none;outline:none}.components-combobox-control__suggestions-container{align-items:flex-start;border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-combobox-control__suggestions-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-combobox-control__suggestions-container{font-size:13px;line-height:normal}}.components-combobox-control__suggestions-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__suggestions-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-combobox-control__suggestions-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__reset.components-button{display:flex;height:16px;min-width:16px;padding:0}.components-color-list-picker,.components-color-list-picker__swatch-button{width:100%}.components-color-list-picker__color-picker{margin:8px 0}.components-color-list-picker__swatch-button{padding:6px}.components-color-list-picker__swatch-color{margin:2px}.components-color-palette__custom-color{background:none;background-image:repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0);background-position:0 0,25px 25px;background-size:50px 50px;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:border-box;color:#fff;cursor:pointer;font-family:inherit;height:64px;outline:1px solid transparent;padding:12px;position:relative;width:100%}.components-color-palette__custom-color:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline-width:2px}.components-color-palette__custom-color-name{text-align:left}.components-color-palette__custom-color-value{margin-left:16px;text-transform:uppercase}.components-custom-gradient-picker:not(.is-next-has-no-margin){margin-bottom:24px;margin-top:12px}.components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:.4}.components-custom-gradient-picker__gradient-bar{border-radius:2px;height:48px;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{margin-left:auto;margin-right:auto;position:relative;width:calc(100% - 48px)}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{display:flex;height:16px;position:absolute;top:16px;width:16px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{background:#fff;border-radius:50%;color:#1e1e1e;height:inherit;min-width:16px;padding:2px;position:relative;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{height:100%;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 2px 0 rgba(0,0,0,.25);height:inherit;outline:2px solid transparent;padding:0;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff,0 0 2px 0 rgba(0,0,0,.25);outline:1.5px solid transparent}.components-custom-gradient-picker__remove-control-point-wrapper{padding-bottom:8px}.components-custom-gradient-picker__inserter{direction:ltr}.components-custom-gradient-picker__liner-gradient-indicator{display:inline-block;flex:0 auto;height:20px;width:20px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{border:none}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{margin-left:1px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{background:#fff;border:1px solid #949494;border-radius:2px}.components-custom-select-control{font-size:13px;position:relative}.components-custom-select-control__button{outline:0;position:relative;text-align:left}.components-custom-select-control__menu{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:400px;min-width:100%;outline:none;overflow:auto;padding:0;position:absolute;transition:none;z-index:1000000}.components-custom-select-control__menu[aria-hidden=true]{display:none}.components-custom-select-control__item{align-items:center;cursor:default;display:grid;grid-template-columns:auto auto;line-height:28px;list-style-type:none;padding:8px 16px}.components-custom-select-control__item:not(.is-next-36px-default-size){padding:8px}.components-custom-select-control__item.has-hint{grid-template-columns:auto auto 30px}.components-custom-select-control__item.is-highlighted{background:#ddd}.components-custom-select-control__item .components-custom-select-control__item-hint{color:#757575;padding-right:4px;text-align:right}.components-custom-select-control__item .components-custom-select-control__item-icon{margin-left:auto}.components-custom-select-control__item:last-child{margin-bottom:0}.block-editor-dimension-control .components-base-control__field{align-items:center;display:flex}.block-editor-dimension-control .components-base-control__label{align-items:center;display:flex;margin-bottom:0;margin-right:1em}.block-editor-dimension-control .components-base-control__label .dashicon{margin-right:.5em}.block-editor-dimension-control.is-manual .components-base-control__label{width:10em}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}.components-draggable__invisible-drag-image{height:50px;left:-1000px;position:fixed;width:50px}.components-draggable__clone{background:transparent;padding:0;pointer-events:none;position:fixed;z-index:1000000000}.components-drop-zone{border-radius:2px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:40}.components-drop-zone.is-active{opacity:1;visibility:visible}.components-drop-zone__content{align-items:center;background-color:var(--wp-admin-theme-color);bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:50}.components-drop-zone__content-icon,.components-drop-zone__content-text{display:block}.components-drop-zone__content-icon{fill:currentColor;line-height:0;margin:0 auto;pointer-events:none}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-dropdown{display:inline-block}.components-dropdown__content .components-popover__content{padding:8px}.components-dropdown__content [role=menuitem]{white-space:nowrap}.components-dropdown-menu__menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{cursor:pointer;outline:none;padding:6px;white-space:nowrap;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{margin-top:6px;overflow:visible;position:relative}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{background-color:#ddd;box-sizing:initial;content:"";display:block;height:1px;left:0;position:absolute;right:0;top:-3px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{background:#1e1e1e;border-radius:1px;box-shadow:0 0 0 1px #1e1e1e;color:#fff}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{border-radius:2px;height:24px;width:24px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{width:auto}.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{height:auto;min-height:36px;padding-left:8px;padding-right:8px;text-align:left}.components-dropdown-menu__menu .components-menu-group{margin:0 -8px;padding:8px}.components-dropdown-menu__menu .components-menu-group:first-child{margin-top:-8px}.components-dropdown-menu__menu .components-menu-group:last-child{margin-bottom:-8px}.components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-top:1px solid #ccc;margin-top:0;padding:8px}.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-color:#1e1e1e}.components-duotone-picker__color-indicator:before{background:transparent}.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);color:transparent}.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{color:transparent}.components-font-size-picker__header__hint{color:#757575;margin-left:4px}.components-font-size-picker__header .components-base-control__label{margin-bottom:0}.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text){min-width:24px;padding:0}.components-font-size-picker__controls{align-items:center;margin-top:8px;max-width:248px}.components-font-size-picker__controls:not(.is-next-has-no-margin-bottom){margin-bottom:24px}.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{font-weight:300;margin-bottom:8px!important;padding-bottom:0!important}.components-font-size-picker__controls .components-font-size-picker__number{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;height:30px;line-height:normal;margin:8px 8px 0 0;padding:6px 8px;transition:box-shadow .1s linear;width:54px}@media (prefers-reduced-motion:reduce){.components-font-size-picker__controls .components-font-size-picker__number{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-font-size-picker__controls .components-font-size-picker__number{font-size:13px;line-height:normal}}.components-font-size-picker__controls .components-font-size-picker__number:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{cursor:default;opacity:.3;pointer-events:none}.components-font-size-picker__controls .components-font-size-picker__number-container{display:flex;flex-direction:column}.components-font-size-picker__controls .components-color-palette__clear{height:30px}.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{height:30px;width:30px}.components-font-size-picker{border:0;margin:0;padding:0}.components-form-toggle{display:inline-block;position:relative}.components-form-toggle .components-form-toggle__track{background-color:#fff;border:1px solid #1e1e1e;border-radius:9px;box-sizing:border-box;content:"";display:inline-block;height:18px;transition:background .2s ease;vertical-align:top;width:36px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__track{transition-delay:0s;transition-duration:0s}}.components-form-toggle .components-form-toggle__thumb{background-color:#1e1e1e;border:5px solid #1e1e1e;border-radius:50%;box-sizing:border-box;display:block;height:12px;left:3px;position:absolute;top:3px;transition:transform .1s ease;width:12px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__thumb{transition-delay:0s;transition-duration:0s}}.components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-admin-theme-color);border:9px solid transparent}.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:2px}.components-form-toggle.is-checked .components-form-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(18px)}.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{opacity:.3}.components-form-toggle input.components-form-toggle__input[type=checkbox]{border:none;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{content:""}.components-form-token-field__input-container{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-form-token-field__input-container{font-size:13px;line-height:normal}}.components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-family:inherit;font-size:16px;margin-left:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media (min-width:600px){.components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;max-width:100%}.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.components-form-token-field__token.is-borderless{padding:0 24px 0 0;position:relative}.components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;padding:0;position:absolute;right:0;top:1px}.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:4px 0 0 4px;color:#cc1818;padding:0 4px 0 6px}.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media (prefers-reduced-motion:reduce){.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.components-form-token-field__token-text{border-radius:2px 0 0 2px;overflow:hidden;padding:0 0 0 8px;text-overflow:ellipsis;white-space:nowrap}.components-form-token-field__remove-token.components-button{border-radius:0 2px 2px 0;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.components-form-token-field__suggestions-list{border-top:1px solid #757575;flex:1 0 100%;list-style:none;margin:0;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media (prefers-reduced-motion:reduce){.components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}@media (min-width:600px){.components-guide{width:600px}}.components-guide .components-modal__content{border-radius:2px;margin-top:0;padding:0}.components-guide .components-modal__content:before{content:none}.components-guide .components-modal__header{border-bottom:none;height:60px;padding:0;position:sticky}.components-guide .components-modal__header .components-button{align-self:flex-start;margin:8px 8px 0 0;position:static}.components-guide .components-modal__header .components-button:hover svg{fill:#fff}.components-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-60px;min-height:100%}.components-guide__page{display:flex;flex-direction:column;justify-content:center;position:relative}@media (min-width:600px){.components-guide__page{min-height:300px}}.components-guide__footer{align-content:center;display:flex;height:30px;justify-content:center;margin:0 0 24px;padding:0 32px;position:relative;width:100%}.components-guide__page-control{margin:0;text-align:center}.components-guide__page-control li{display:inline-block;margin:0}.components-guide__page-control .components-button{height:30px;margin:-6px 0;min-width:20px}.components-modal__frame.components-guide{border:none;height:80vh;max-height:575px;min-width:312px}@media (max-width:600px){.components-modal__frame.components-guide{margin:auto;max-width:calc(100vw - 32px)}}.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{height:30px;position:absolute}.components-button.components-guide__back-button,.components-button.components-guide__forward-button{font-size:13px;padding:4px 2px}.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{margin:0}.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{text-decoration:underline}.components-button.components-guide__back-button{left:32px}.components-button.components-guide__forward-button{color:#1386bf;font-weight:700;right:32px}.components-button.components-guide__finish-button{right:32px}[role=region]{position:relative}.is-focusing-regions [role=region]:focus:after{bottom:0;box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color);content:"";left:0;outline:4px solid transparent;pointer-events:none;position:absolute;right:0;top:0}@supports (outline-offset:1px){.is-focusing-regions [role=region]:focus:after{content:none}.is-focusing-regions [role=region]:focus{outline-color:var(--wp-admin-theme-color);outline-offset:-4px;outline-style:solid;outline-width:4px}}.components-menu-group+.components-menu-group{border-top:1px solid #1e1e1e;margin-top:8px;padding-top:8px}.components-menu-group+.components-menu-group.has-hidden-separator{border-top:none;margin-top:0;padding-top:0}.components-menu-group__label{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;padding:0 8px;text-transform:uppercase;white-space:nowrap}.components-menu-item__button,.components-menu-item__button.components-button{width:100%}.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{padding-right:48px}.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{display:inline-block;flex:0 0 auto}.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{margin-left:24px;margin-right:-2px}.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{margin-left:8px}.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{margin-left:-2px;margin-right:8px}.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{justify-content:center}.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{margin-right:0}.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{background:none;color:var(--wp-admin-theme-color-darker-10);opacity:.3}.components-menu-item__info-wrapper{display:flex;flex-direction:column;margin-right:auto}.components-menu-item__info{color:#757575;font-size:12px;margin-top:4px;white-space:normal}.components-menu-item__item{align-items:center;display:inline-flex;margin-right:auto;min-width:160px;white-space:nowrap}.components-menu-item__shortcut{align-self:center;color:currentColor;display:none;margin-left:auto;margin-right:0;padding-left:24px}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{margin-right:12px}.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{padding-left:12px}.components-modal__screen-overlay{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;background-color:rgba(0,0,0,.35);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:100000}@media (prefers-reduced-motion:reduce){.components-modal__screen-overlay{animation-delay:0s;animation-duration:1ms}}.components-modal__frame{background:#fff;border-radius:2px;box-shadow:0 10px 10px rgba(0,0,0,.25);display:flex;margin:0;overflow:hidden;width:100%}@media (min-width:600px){.components-modal__frame{animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards;margin:auto;max-height:calc(100% - 120px);max-width:calc(100% - 32px);min-width:360px;width:auto}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.components-modal__frame{animation-delay:0s;animation-duration:1ms}}@media (min-width:600px){.components-modal__frame.is-full-screen{min-height:90vh;width:90vw}}@media (min-width:960px){.components-modal__frame{max-height:70%}}@keyframes components-modal__appear-animation{0%{transform:translateY(32px)}to{transform:translateY(0)}}.components-modal__header{align-items:center;border-bottom:1px solid transparent;box-sizing:border-box;display:flex;flex-direction:row;height:76px;justify-content:space-between;left:0;padding:0 32px;position:absolute;top:0;width:100%;z-index:10}.components-modal__header .components-modal__header-heading{font-size:1.2rem;font-weight:600}.components-modal__header h1{line-height:1;margin:0}.components-modal__header .components-button{left:8px;position:relative}.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{border-bottom-color:#ddd}.components-modal__header+p{margin-top:0}.components-modal__header-heading-container{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:left}.components-modal__header-icon-container{display:inline-block}.components-modal__header-icon-container svg{max-height:36px;max-width:36px;padding:8px}.components-modal__content{flex:1;margin-top:76px;overflow:auto;padding:0 32px 32px}.components-modal__content.hide-header{margin-top:0;padding-top:24px}.components-notice{align-items:center;background-color:#fff;border-left:4px solid var(--wp-admin-theme-color);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:5px 15px 2px;padding:8px 12px}.components-notice.is-dismissible{padding-right:36px;position:relative}.components-notice.is-success{background-color:#eff9f1;border-left-color:#4ab866}.components-notice.is-warning{background-color:#fef8ee;border-left-color:#f0b849}.components-notice.is-error{background-color:#f4a2a2;border-left-color:#cc1818}.components-notice__content{flex-grow:1;margin:4px 25px 4px 0}.components-notice__actions{display:flex;flex-wrap:wrap}.components-notice__action.components-button{margin-right:8px}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-left:12px}.components-notice__action.components-button.is-secondary{vertical-align:initial}.components-notice__dismiss{align-self:flex-start;color:#757575;flex-shrink:0}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{background-color:initial;color:#1e1e1e}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}.components-notice-list{box-sizing:border-box;max-width:100vw}.components-notice-list .components-notice__content{line-height:2;margin-bottom:12px;margin-top:12px}.components-notice-list .components-notice__action.components-button{display:block;margin-left:0;margin-top:8px}.components-panel{background:#fff;border:1px solid #e0e0e0}.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{margin-top:-1px}.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{border-bottom-width:0}.components-panel+.components-panel{margin-top:-1px}.components-panel__body{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__header{align-items:center;border-bottom:1px solid #ddd;box-sizing:initial;display:flex;height:47px;justify-content:space-between;padding:0 16px}.components-panel__header h2{color:inherit;font-size:inherit;margin:0}.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{margin-top:-1px}.components-panel__body>.components-panel__body-title{display:block;font-size:inherit;margin-bottom:0;margin-top:0;padding:0;transition:background .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body>.components-panel__body-title{transition-delay:0s;transition-duration:0s}}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover{background:#f0f0f0;border:none}.components-panel__body-toggle.components-button{border:none;box-shadow:none;color:#1e1e1e;font-weight:500;height:auto;outline:none;padding:16px 48px 16px 16px;position:relative;text-align:left;transition:background .1s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button{transition-delay:0s;transition-duration:0s}}.components-panel__body-toggle.components-button:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-panel__body-toggle.components-button .components-panel__arrow{fill:currentColor;color:#1e1e1e;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button .components-panel__arrow{transition-delay:0s;transition-duration:0s}}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{-ms-filter:fliph;filter:FlipH;margin-top:-10px;transform:scaleX(-1)}.components-panel__icon{color:#757575;margin:-2px 0 -2px 6px}.components-panel__body-toggle-icon{margin-right:-5px}.components-panel__color-title{float:left;height:19px}.components-panel__row{align-items:center;display:flex;justify-content:space-between;margin-top:8px;min-height:36px}.components-panel__row select{min-width:0}.components-panel__row label{flex-shrink:0;margin-right:12px;max-width:75%}.components-panel__row:empty,.components-panel__row:first-of-type{margin-top:0}.components-panel .circle-picker{padding-bottom:20px}.components-placeholder.components-placeholder{-moz-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;box-sizing:border-box;color:#1e1e1e;margin:0;min-height:200px;outline:1px solid transparent;padding:1em;position:relative;text-align:left;width:100%}@supports (position:sticky){.components-placeholder.components-placeholder{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}}.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__label{align-items:center;display:flex;font-weight:600;margin-bottom:16px}.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:currentColor;margin-right:1ch}@media (forced-colors:active){.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:CanvasText}}.components-placeholder__label:empty{display:none}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.components-placeholder__fieldset form p,.components-placeholder__fieldset p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__fieldset.components-placeholder__fieldset{border:none;padding:0}.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions{font-size:1em;font-weight:400;padding:0}.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{flex-direction:column}.components-placeholder__input[type=url]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 8px 0 0;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder__input[type=url]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-placeholder__input[type=url]{font-size:13px;line-height:normal}}.components-placeholder__input[type=url]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-placeholder__input[type=url]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-placeholder__input[type=url]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__instructions{margin-bottom:1em}.components-placeholder__error{margin-top:1em;width:100%}.components-placeholder__fieldset .components-button{margin-bottom:12px;margin-right:12px}.components-placeholder__fieldset .components-button:last-child{margin-bottom:0;margin-right:0}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{margin-left:10px;margin-right:10px}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{margin-right:0}.components-placeholder.is-large .components-placeholder__label{font-size:18pt;font-weight:400}.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{display:none}.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{flex-direction:column}.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{margin-right:auto}.components-placeholder.is-small .components-button{padding:0 8px 2px}.components-placeholder.has-illustration{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:hsla(0,0%,100%,.1);border:1px dashed;border-radius:2px;box-shadow:none;color:inherit;display:flex;min-width:100px;overflow:hidden}.is-dark-theme .components-placeholder.has-illustration{background-color:rgba(0,0,0,.1)}.components-placeholder.has-illustration .components-placeholder__fieldset{margin-left:0;margin-right:0;width:auto}.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{opacity:0;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{transition-delay:0s;transition-duration:0s}}.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{opacity:1}.components-placeholder__preview{display:flex;justify-content:center}.components-placeholder__illustration{stroke:currentColor;stroke-dasharray:3;box-sizing:initial;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.components-popover{z-index:1000000}.components-popover.is-expanded{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000000!important}.components-popover__content{background:#fff;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.05);box-sizing:border-box;outline:1px solid #ccc;width:min-content}.is-alternate .components-popover__content{box-shadow:none;outline:1px solid #1e1e1e}.components-popover.is-expanded .components-popover__content{border:none;border-top:1px solid #1e1e1e;height:calc(100% - 48px);outline:none;overflow-y:visible;position:static;width:auto}.components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 8px 0 16px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-button{z-index:5}.components-popover__arrow{display:flex;height:14px;pointer-events:none;position:absolute;width:14px}.components-popover__arrow:before{background-color:#fff;content:"";height:2px;left:1px;position:absolute;right:1px;top:-1px}.components-popover__arrow.is-top{bottom:-14px!important;transform:rotate(0)}.components-popover__arrow.is-right{left:-14px!important;transform:rotate(90deg)}.components-popover__arrow.is-bottom{top:-14px!important;transform:rotate(180deg)}.components-popover__arrow.is-left{right:-14px!important;transform:rotate(-90deg)}.components-popover__triangle{display:block;flex:1}.components-popover__triangle-bg{fill:#fff}.components-popover__triangle-border{fill:transparent;stroke-width:1px;stroke:#ccc}.is-alternate .components-popover__triangle-border{stroke:#1e1e1e}.components-radio-control__input[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-right:6px;margin-top:0;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.components-radio-control__input[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-radio-control__input[type=radio]{font-size:13px;line-height:normal}}.components-radio-control__input[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-radio-control__input[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-radio-control__input[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-radio-control__input[type=radio]{height:20px;width:20px}}.components-radio-control__input[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(7px,7px);width:8px}@media (min-width:600px){.components-radio-control__input[type=radio]:checked:before{transform:translate(5px,5px)}}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-radio-control__input[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-resizable-box__handle{display:none;height:23px;width:23px;z-index:2}.components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:block}.components-resizable-box__container>img{width:inherit}.components-resizable-box__handle:after{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";cursor:inherit;display:block;height:15px;outline:2px solid transparent;position:absolute;right:calc(50% - 8px);top:calc(50% - 8px);width:15px}.components-resizable-box__side-handle:before{background:var(--wp-admin-theme-color);border-radius:2px;content:"";cursor:inherit;display:block;height:3px;opacity:0;position:absolute;right:calc(50% - 1px);top:calc(50% - 1px);transition:transform .1s ease-in;width:3px}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle:before{transition-delay:0s;transition-duration:0s}}.components-resizable-box__corner-handle,.components-resizable-box__side-handle{z-index:2}.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{border-left:0;border-right:0;left:0;width:100%}.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{border-bottom:0;border-top:0;height:100%;top:0}.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation-delay:0s;animation-duration:1ms}}.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation:components-resizable-box__left-right-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation-delay:0s;animation-duration:1ms}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:none}}}@keyframes components-resizable-box__top-bottom-animation{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes components-resizable-box__left-right-animation{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}} +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-animate__appear{animation:components-animate__appear-animation .1s cubic-bezier(0,0,.2,1) 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__appear{animation-delay:0s;animation-duration:1ms}}.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{transform-origin:top left}.components-animate__appear.is-from-top.is-from-right{transform-origin:top right}.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{transform-origin:bottom left}.components-animate__appear.is-from-bottom.is-from-right{transform-origin:bottom right}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.components-animate__slide-in{animation:components-animate__slide-in-animation .1s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__slide-in{animation-delay:0s;animation-duration:1ms}}.components-animate__slide-in.is-from-left{transform:translateX(100%)}.components-animate__slide-in.is-from-right{transform:translateX(-100%)}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}.components-animate__loading{animation:components-animate__loading 1.6s ease-in-out infinite}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.components-autocomplete__popover .components-popover__content{min-width:220px;padding:16px}.components-autocomplete__result.components-button{display:flex;height:auto;min-height:36px;text-align:left;width:100%}.components-autocomplete__result.components-button.is-selected{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button-group{display:inline-block}.components-button-group .components-button{border-radius:0;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:inline-flex}.components-button-group .components-button+.components-button{margin-left:-1px}.components-button-group .components-button:first-child{border-radius:2px 0 0 2px}.components-button-group .components-button:last-child{border-radius:0 2px 2px 0}.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-primary{box-shadow:inset 0 0 0 1px #1e1e1e}.components-button{align-items:center;-webkit-appearance:none;background:none;border:0;border-radius:2px;box-sizing:border-box;color:var(--wp-components-color-foreground,#1e1e1e);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:400;height:36px;margin:0;padding:6px 12px;text-decoration:none;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-button{transition-delay:0s;transition-duration:0s}}.components-button:hover,.components-button[aria-expanded=true]{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button[aria-disabled=true]:hover{color:initial}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:3px solid transparent}.components-button.is-primary{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:var(--wp-components-color-accent-inverted,#fff);outline:1px solid transparent;text-decoration:none;text-shadow:none;white-space:nowrap}.components-button.is-primary:hover:not(:disabled){background:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:active:not(:disabled){background:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87));border-color:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:hsla(0,0%,100%,.4);opacity:1;outline:none}.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{box-shadow:0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 3px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba)) 33%,var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87)) 33%,var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#005a87)) 70%,var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba)) 70%);background-size:100px 100%;border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-secondary,.components-button.is-tertiary{outline:1px solid transparent}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){background:var(--wp-components-color-gray-300,#ddd);box-shadow:none;color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1))}.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1));color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1))}.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{background:#eaeaea;box-shadow:none;color:#828282;opacity:1;outline:none;transform:none}.components-button.is-secondary{box-shadow:inset 0 0 0 1px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:1px solid transparent}.components-button.is-secondary,.components-button.is-tertiary{background:transparent;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));white-space:nowrap}.components-button.is-tertiary{padding:6px}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}p+.components-button.is-tertiary{margin-left:-6px}.components-button.is-destructive{--wp-components-color-accent:#cc1818;--wp-components-color-accent-darker-10:#9e1313;--wp-components-color-accent-darker-20:#710d0d}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){box-shadow:inset 0 0 0 1px #cc1818;color:#cc1818}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled){color:#710d0d}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled){background:#ccc}.components-button.is-link{background:none;border:0;border-radius:0;box-shadow:none;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));height:auto;margin:0;outline:none;padding:0;text-align:left;text-decoration:underline;transition-duration:.05s;transition-property:border,background,color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.components-button.is-link{transition-delay:0s;transition-duration:0s}}.components-button.is-link:focus{border-radius:2px}.components-button:not([aria-disabled=true]):active{color:var(--wp-components-color-foreground,#1e1e1e)}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{animation:components-button__busy-animation 2.5s linear infinite;background-image:linear-gradient(-45deg,#fafafa 33%,#e0e0e0 0,#e0e0e0 70%,#fafafa 0);background-size:100px 100%;opacity:1}.components-button.is-small{font-size:11px;height:24px;line-height:22px;padding:0 8px}.components-button.is-small.has-icon:not(.has-text){min-width:24px;padding:0;width:24px}.components-button.has-icon{justify-content:center;min-width:36px;padding:6px}.components-button.has-icon .dashicon{display:inline-block;flex:0 0 auto;margin-left:2px;margin-right:2px}.components-button.has-icon.has-text{justify-content:start;padding-right:12px}.components-button.has-icon.has-text svg{margin-right:8px}.components-button.has-icon.has-text .dashicon{margin-right:10px}.components-button.is-pressed{background:var(--wp-components-color-foreground,#1e1e1e);color:var(--wp-components-color-foreground-inverted,#fff)}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent}.components-button.is-pressed:hover:not(:disabled){background:var(--wp-components-color-foreground,#1e1e1e);color:var(--wp-components-color-foreground-inverted,#fff)}.components-button svg{fill:currentColor;outline:none}@media (forced-colors:active){.components-button svg{fill:CanvasText}}.components-button .components-visually-hidden{height:auto}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-checkbox-control__input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #1e1e1e;border-radius:2px;box-shadow:0 0 0 transparent;clear:none;color:#1e1e1e;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;line-height:0;margin:0 4px 0 0;outline:0;padding:6px 8px;padding:0!important;text-align:center;transition:box-shadow .1s linear;transition:none;transition:border-color .1s ease-in-out;vertical-align:top;width:24px}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{font-size:13px;line-height:normal}}.components-checkbox-control__input[type=checkbox]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{color:#fff;margin:-3px -5px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-4px 0 0 -5px}}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";display:inline-block;float:left;font:normal 30px/1 dashicons;vertical-align:middle;width:16px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{float:none;font-size:21px}}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.components-checkbox-control__input[type=checkbox]{transition-delay:0s;transition-duration:0s}}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent}.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before{content:none}.components-checkbox-control__input-container{display:inline-block;height:24px;margin-right:12px;position:relative;vertical-align:middle;width:24px}@media (min-width:600px){.components-checkbox-control__input-container{height:20px;width:20px}}svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{fill:#fff;cursor:pointer;height:24px;left:0;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:24px}@media (min-width:600px){svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{left:-2px;top:-2px}}.components-circular-option-picker{display:inline-block;min-width:188px;width:100%}.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{display:flex;justify-content:flex-end;margin-top:12px}.components-circular-option-picker .components-circular-option-picker__swatches{display:flex;flex-wrap:wrap;gap:12px}.components-circular-option-picker__option-wrapper{display:inline-block;height:28px;transform:scale(1);transition:transform .1s ease;vertical-align:top;width:28px;will-change:transform}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option-wrapper{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option-wrapper:hover{transform:scale(1.2)}.components-circular-option-picker__option-wrapper>div{height:100%;width:100%}.components-circular-option-picker__option-wrapper:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");border-radius:50%;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.components-circular-option-picker__option{background:transparent;border:none;border-radius:50%;box-shadow:inset 0 0 0 14px;cursor:pointer;display:inline-block;height:100%;transition:box-shadow .1s ease;vertical-align:top;width:100%}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option{transition-delay:0s;transition-duration:0s}}.components-circular-option-picker__option:hover{box-shadow:inset 0 0 0 14px!important}.components-circular-option-picker__option.is-pressed{box-shadow:inset 0 0 0 4px;overflow:visible;position:relative;z-index:1}.components-circular-option-picker__option.is-pressed+svg{border-radius:50%;left:2px;pointer-events:none;position:absolute;top:2px;z-index:2}.components-circular-option-picker__option:after{border:1px solid transparent;border-radius:50%;bottom:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:inherit;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.components-circular-option-picker__option:focus:after{border:2px solid #757575;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;content:"";height:32px;left:-2px;position:absolute;top:-2px;width:32px}.components-circular-option-picker__option.components-button:focus{background-color:initial;box-shadow:inset 0 0 0 14px;outline:none}.components-circular-option-picker__button-action .components-circular-option-picker__option{background:#fff;color:#fff}.components-circular-option-picker__dropdown-link-action{margin-right:16px}.components-circular-option-picker__dropdown-link-action .components-button{line-height:22px}.components-palette-edit__popover-gradient-picker{padding:8px;width:280px}.components-dropdown-menu__menu .components-palette-edit__menu-button{width:100%}.component-color-indicator{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);display:inline-block;height:20px;padding:0;width:20px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{border:none;box-shadow:none;font-family:inherit;font-size:16px;line-height:inherit;margin:0;min-height:auto;padding:2px;width:100%}@media (min-width:600px){input.components-combobox-control__input[type=text]{font-size:13px}}input.components-combobox-control__input[type=text]:focus{box-shadow:none;outline:none}.components-combobox-control__suggestions-container{align-items:flex-start;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-combobox-control__suggestions-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-combobox-control__suggestions-container{font-size:13px;line-height:normal}}.components-combobox-control__suggestions-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__suggestions-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-combobox-control__suggestions-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__reset.components-button{display:flex;height:16px;min-width:16px;padding:0}.components-color-list-picker,.components-color-list-picker__swatch-button{width:100%}.components-color-list-picker__color-picker{margin:8px 0}.components-color-list-picker__swatch-button{padding:6px}.components-color-list-picker__swatch-color{margin:2px}.components-color-palette__custom-color{background:none;background-image:repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0);background-position:0 0,24px 24px;background-size:48px 48px;border:none;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:border-box;color:#fff;cursor:pointer;font-family:inherit;height:64px;outline:1px solid transparent;padding:12px;position:relative;width:100%}.components-color-palette__custom-color:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline-width:2px}.components-color-palette__custom-color-name{text-align:left}.components-color-palette__custom-color-value{margin-left:16px;text-transform:uppercase}.components-custom-gradient-picker:not(.is-next-has-no-margin){margin-bottom:24px;margin-top:12px}.components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:.4}.components-custom-gradient-picker__gradient-bar{border-radius:2px;height:48px;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{margin-left:auto;margin-right:auto;position:relative;width:calc(100% - 48px)}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{display:flex;height:16px;position:absolute;top:16px;width:16px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{background:#fff;border-radius:50%;color:#1e1e1e;height:inherit;min-width:16px;padding:2px;position:relative;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{height:100%;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 2px 0 rgba(0,0,0,.25);height:inherit;outline:2px solid transparent;padding:0;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff,0 0 2px 0 rgba(0,0,0,.25);outline:1.5px solid transparent}.components-custom-gradient-picker__remove-control-point-wrapper{padding-bottom:8px}.components-custom-gradient-picker__inserter{direction:ltr}.components-custom-gradient-picker__liner-gradient-indicator{display:inline-block;flex:0 auto;height:20px;width:20px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{border:none}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{margin-left:1px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{background:#fff;border:1px solid #949494;border-radius:2px}.components-custom-select-control{font-size:13px;position:relative}.components-custom-select-control__button{outline:0;position:relative;text-align:left}.components-custom-select-control__hint{color:#949494;margin-left:10px}.components-custom-select-control__menu{background-color:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:400px;min-width:100%;outline:none;overflow:auto;padding:0;position:absolute;transition:none;z-index:1000000}.components-custom-select-control__menu[aria-hidden=true]{display:none}.components-custom-select-control__item{align-items:center;cursor:default;display:grid;grid-template-columns:auto auto;line-height:28px;list-style-type:none;padding:8px 16px}.components-custom-select-control__item:not(.is-next-36px-default-size){padding:8px}.components-custom-select-control__item.has-hint{grid-template-columns:auto auto 30px}.components-custom-select-control__item.is-highlighted{background:#ddd}.components-custom-select-control__item .components-custom-select-control__item-hint{color:#949494;padding-right:4px;text-align:right}.components-custom-select-control__item .components-custom-select-control__item-icon{margin-left:auto}.components-custom-select-control__item:last-child{margin-bottom:0}.block-editor-dimension-control .components-base-control__field{align-items:center;display:flex}.block-editor-dimension-control .components-base-control__label{align-items:center;display:flex;margin-bottom:0;margin-right:1em}.block-editor-dimension-control .components-base-control__label .dashicon{margin-right:.5em}.block-editor-dimension-control.is-manual .components-base-control__label{width:10em}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}.components-draggable__invisible-drag-image{height:50px;left:-1000px;position:fixed;width:50px}.components-draggable__clone{background:transparent;padding:0;pointer-events:none;position:fixed;z-index:1000000000}.components-drop-zone{border-radius:2px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:40}.components-drop-zone.is-active{opacity:1;visibility:visible}.components-drop-zone__content{align-items:center;background-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:50}.components-drop-zone__content-icon,.components-drop-zone__content-text{display:block}.components-drop-zone__content-icon{fill:currentColor;line-height:0;margin:0 auto;pointer-events:none}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-dropdown{display:inline-block}.components-dropdown__content .components-popover__content{padding:8px}.components-dropdown__content [role=menuitem]{white-space:nowrap}.components-dropdown-menu__menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{cursor:pointer;outline:none;padding:6px;white-space:nowrap;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{margin-top:6px;overflow:visible;position:relative}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{background-color:#ddd;box-sizing:initial;content:"";display:block;height:1px;left:0;position:absolute;right:0;top:-3px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{background:#1e1e1e;border-radius:1px;box-shadow:0 0 0 1px #1e1e1e;color:#fff}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{border-radius:2px;height:24px;width:24px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{width:auto}.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{height:auto;min-height:36px;padding-left:8px;padding-right:8px;text-align:left}.components-dropdown-menu__menu .components-menu-group{margin:0 -8px;padding:8px}.components-dropdown-menu__menu .components-menu-group:first-child{margin-top:-8px}.components-dropdown-menu__menu .components-menu-group:last-child{margin-bottom:-8px}.components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-top:1px solid #ccc;margin-top:0;padding:8px}.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-color:#1e1e1e}.components-duotone-picker__color-indicator:before{background:transparent}.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);color:transparent}.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{color:transparent}.components-form-toggle{display:inline-block;position:relative}.components-form-toggle .components-form-toggle__track{background-color:#fff;border:1px solid #1e1e1e;border-radius:9px;box-sizing:border-box;content:"";display:inline-block;height:18px;transition:background .2s ease;vertical-align:top;width:36px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__track{transition-delay:0s;transition-duration:0s}}.components-form-toggle .components-form-toggle__thumb{background-color:#1e1e1e;border:5px solid #1e1e1e;border-radius:50%;box-sizing:border-box;display:block;height:12px;left:3px;position:absolute;top:3px;transition:transform .1s ease;width:12px}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__thumb{transition-delay:0s;transition-duration:0s}}.components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border:9px solid transparent}.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent;outline-offset:2px}.components-form-toggle.is-checked .components-form-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(18px)}.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{opacity:.3}.components-form-toggle input.components-form-toggle__input[type=checkbox]{border:none;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{content:""}.components-form-token-field__input-container{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 0 8px;padding:0;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-form-token-field__input-container{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-form-token-field__input-container{font-size:13px;line-height:normal}}.components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:#1e1e1e;display:inline-block;flex:1;font-family:inherit;font-size:16px;margin-left:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media (min-width:600px){.components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.components-form-token-field__help{color:#757575;font-size:12px;font-style:normal}.components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;max-width:100%}.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.components-form-token-field__token.is-borderless{padding:0 24px 0 0;position:relative}.components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;padding:0;position:absolute;right:0;top:1px}.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{border-radius:4px 0 0 4px;color:#cc1818;padding:0 4px 0 6px}.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;line-height:24px;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media (prefers-reduced-motion:reduce){.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.components-form-token-field__token-text{border-radius:2px 0 0 2px;overflow:hidden;padding:0 0 0 8px;text-overflow:ellipsis;white-space:nowrap}.components-form-token-field__remove-token.components-button{border-radius:0 2px 2px 0;color:#1e1e1e;cursor:pointer;line-height:10px;overflow:initial;padding:0 2px}.components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.components-form-token-field__suggestions-list{border-top:1px solid var(--wp-components-color-gray-600,#949494);flex:1 0 100%;list-style:none;margin:0;max-height:9em;min-width:100%;overflow-y:auto;padding:0;transition:all .15s ease-in-out}@media (prefers-reduced-motion:reduce){.components-form-token-field__suggestions-list{transition-delay:0s;transition-duration:0s}}.components-form-token-field__suggestion{color:#757575;cursor:pointer;display:block;font-size:13px;margin:0;padding:4px 8px}.components-form-token-field__suggestion.is-selected{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}@media (min-width:600px){.components-guide{width:600px}}.components-guide .components-modal__content{border-radius:2px;margin-top:0;padding:0}.components-guide .components-modal__content:before{content:none}.components-guide .components-modal__header{border-bottom:none;height:60px;padding:0;position:sticky}.components-guide .components-modal__header .components-button{align-self:flex-start;margin:8px 8px 0 0;position:static}.components-guide .components-modal__header .components-button:hover svg{fill:#fff}.components-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-60px;min-height:100%}.components-guide__page{display:flex;flex-direction:column;justify-content:center;position:relative}@media (min-width:600px){.components-guide__page{min-height:300px}}.components-guide__footer{align-content:center;display:flex;height:30px;justify-content:center;margin:0 0 24px;padding:0 32px;position:relative;width:100%}.components-guide__page-control{margin:0;text-align:center}.components-guide__page-control li{display:inline-block;margin:0}.components-guide__page-control .components-button{height:30px;margin:-6px 0;min-width:20px}.components-modal__frame.components-guide{border:none;height:80vh;max-height:575px;min-width:312px}@media (max-width:600px){.components-modal__frame.components-guide{margin:auto;max-width:calc(100vw - 32px)}}.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{height:30px;position:absolute}.components-button.components-guide__back-button,.components-button.components-guide__forward-button{font-size:13px;padding:4px 2px}.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{margin:0}.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{text-decoration:underline}.components-button.components-guide__back-button{left:32px}.components-button.components-guide__forward-button{color:#1386bf;font-weight:700;right:32px}.components-button.components-guide__finish-button{right:32px}[role=region]{position:relative}.is-focusing-regions [role=region]:focus:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000000}.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header{outline:4px solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline-offset:-4px}.components-menu-group+.components-menu-group{border-top:1px solid #1e1e1e;margin-top:8px;padding-top:8px}.components-menu-group+.components-menu-group.has-hidden-separator{border-top:none;margin-top:0;padding-top:0}.components-menu-group__label{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;padding:0 8px;text-transform:uppercase;white-space:nowrap}.components-menu-item__button,.components-menu-item__button.components-button{width:100%}.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{box-sizing:initial;padding-right:48px}.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{display:inline-block;flex:0 0 auto}.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{margin-left:24px;margin-right:-2px}.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{margin-left:8px}.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{margin-left:-2px;margin-right:8px}.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{justify-content:center}.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{margin-right:0}.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{background:none;color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#006ba1));opacity:.3}.components-menu-item__info-wrapper{display:flex;flex-direction:column;margin-right:auto}.components-menu-item__info{color:#757575;font-size:12px;margin-top:4px;white-space:normal}.components-menu-item__item{align-items:center;display:inline-flex;margin-right:auto;min-width:160px;white-space:nowrap}.components-menu-item__shortcut{align-self:center;color:currentColor;display:none;margin-left:auto;margin-right:0;padding-left:24px}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{margin-right:12px}.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{padding-left:12px}.components-modal__screen-overlay{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards;background-color:rgba(0,0,0,.35);bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:100000}@media (prefers-reduced-motion:reduce){.components-modal__screen-overlay{animation-delay:0s;animation-duration:1ms}}.components-modal__frame{background:#fff;border-radius:2px;box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);display:flex;margin:0;overflow:hidden;width:100%}@media (min-width:600px){.components-modal__frame{animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards;margin:auto;max-height:calc(100% - 120px);max-width:calc(100% - 32px);min-width:360px;width:auto}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.components-modal__frame{animation-delay:0s;animation-duration:1ms}}@media (min-width:600px){.components-modal__frame.is-full-screen{min-height:90vh;width:90vw}}@media (min-width:960px){.components-modal__frame{max-height:70%}}@keyframes components-modal__appear-animation{0%{transform:translateY(32px)}to{transform:translateY(0)}}.components-modal__header{align-items:center;border-bottom:1px solid transparent;box-sizing:border-box;display:flex;flex-direction:row;height:76px;justify-content:space-between;left:0;padding:0 32px;position:absolute;top:0;width:100%;z-index:10}.components-modal__header .components-modal__header-heading{font-size:1.2rem;font-weight:600}.components-modal__header h1{line-height:1;margin:0}.components-modal__header .components-button{left:8px;position:relative}.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{border-bottom-color:#ddd}.components-modal__header+p{margin-top:0}.components-modal__header-heading-container{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:left}.components-modal__header-icon-container{display:inline-block}.components-modal__header-icon-container svg{max-height:36px;max-width:36px;padding:8px}.components-modal__content{flex:1;margin-top:76px;overflow:auto;padding:0 32px 32px}.components-modal__content.hide-header{margin-top:0;padding-top:24px}.components-notice{align-items:center;background-color:#fff;border-left:4px solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:5px 15px 2px;padding:8px 12px}.components-notice.is-dismissible{padding-right:36px;position:relative}.components-notice.is-success{background-color:#eff9f1;border-left-color:#4ab866}.components-notice.is-warning{background-color:#fef8ee;border-left-color:#f0b849}.components-notice.is-error{background-color:#f4a2a2;border-left-color:#cc1818}.components-notice__content{flex-grow:1;margin:4px 25px 4px 0}.components-notice__actions{display:flex;flex-wrap:wrap}.components-notice__action.components-button{margin-right:8px}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-left:12px}.components-notice__action.components-button.is-secondary{vertical-align:initial}.components-notice__dismiss{align-self:flex-start;color:#757575;flex-shrink:0}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{background-color:initial;color:#1e1e1e}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}.components-notice-list{box-sizing:border-box;max-width:100vw}.components-notice-list .components-notice__content{line-height:2;margin-bottom:12px;margin-top:12px}.components-notice-list .components-notice__action.components-button{display:block;margin-left:0;margin-top:8px}.components-panel{background:#fff;border:1px solid #e0e0e0}.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{margin-top:-1px}.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{border-bottom-width:0}.components-panel+.components-panel{margin-top:-1px}.components-panel__body{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__header{align-items:center;border-bottom:1px solid #ddd;box-sizing:initial;display:flex;height:47px;justify-content:space-between;padding:0 16px}.components-panel__header h2{color:inherit;font-size:inherit;margin:0}.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{margin-top:-1px}.components-panel__body>.components-panel__body-title{display:block;font-size:inherit;margin-bottom:0;margin-top:0;padding:0;transition:background .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body>.components-panel__body-title{transition-delay:0s;transition-duration:0s}}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover{background:#f0f0f0;border:none}.components-panel__body-toggle.components-button{border:none;box-shadow:none;color:#1e1e1e;font-weight:500;height:auto;outline:none;padding:16px 48px 16px 16px;position:relative;text-align:left;transition:background .1s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button{transition-delay:0s;transition-duration:0s}}.components-panel__body-toggle.components-button:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-panel__body-toggle.components-button .components-panel__arrow{fill:currentColor;color:#1e1e1e;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button .components-panel__arrow{transition-delay:0s;transition-duration:0s}}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{-ms-filter:fliph;filter:FlipH;margin-top:-10px;transform:scaleX(-1)}.components-panel__icon{color:#757575;margin:-2px 0 -2px 6px}.components-panel__body-toggle-icon{margin-right:-5px}.components-panel__color-title{float:left;height:19px}.components-panel__row{align-items:center;display:flex;justify-content:space-between;margin-top:8px;min-height:36px}.components-panel__row select{min-width:0}.components-panel__row label{flex-shrink:0;margin-right:12px;max-width:75%}.components-panel__row:empty,.components-panel__row:first-of-type{margin-top:0}.components-panel .circle-picker{padding-bottom:20px}.components-placeholder.components-placeholder{-moz-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;box-sizing:border-box;color:#1e1e1e;margin:0;min-height:200px;outline:1px solid transparent;padding:1em;position:relative;text-align:left;width:100%}@supports (position:sticky){.components-placeholder.components-placeholder{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}}.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__label{align-items:center;display:flex;font-weight:600;margin-bottom:16px}.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:currentColor;margin-right:12px}@media (forced-colors:active){.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:CanvasText}}.components-placeholder__label:empty{display:none}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.components-placeholder__fieldset form p,.components-placeholder__fieldset p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__fieldset.components-placeholder__fieldset{border:none;padding:0}.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions{font-size:1em;font-weight:400;padding:0}.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{flex-direction:column}.components-placeholder__input[type=url]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;flex:1 1 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin:0 8px 0 0;padding:6px 8px;transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder__input[type=url]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-placeholder__input[type=url]{font-size:13px;line-height:normal}}.components-placeholder__input[type=url]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-placeholder__input[type=url]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-placeholder__input[type=url]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__instructions{margin-bottom:1em}.components-placeholder__error{margin-top:1em;width:100%}.components-placeholder__fieldset .components-button{margin-bottom:12px;margin-right:12px}.components-placeholder__fieldset .components-button:last-child{margin-bottom:0;margin-right:0}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{margin-left:10px;margin-right:10px}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{margin-right:0}.components-placeholder.is-large .components-placeholder__label{font-size:18pt;font-weight:400}.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{display:none}.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{flex-direction:column}.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{margin-right:auto}.components-placeholder.is-small .components-button{padding:0 8px 2px}.components-placeholder.has-illustration{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);backface-visibility:hidden;background-color:initial;border-radius:2px;box-shadow:none;color:inherit;display:flex;min-width:100px;overflow:hidden}.is-dark-theme .components-placeholder.has-illustration{background-color:rgba(0,0,0,.1)}.components-placeholder.has-illustration .components-placeholder__fieldset{margin-left:0;margin-right:0;width:auto}.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{opacity:0;pointer-events:none;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{transition-delay:0s;transition-duration:0s}}.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{opacity:1;pointer-events:auto}.components-placeholder.has-illustration:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.components-placeholder__preview{display:flex;justify-content:center}.components-placeholder__illustration{stroke:currentColor;box-sizing:initial;height:100%;left:50%;opacity:.25;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.components-popover{will-change:transform;z-index:1000000}.components-popover.is-expanded{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000000!important}.components-popover__content{background:#fff;border-radius:2px;box-shadow:0 0 0 1px #ccc,0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);box-sizing:border-box;width:min-content}.is-alternate .components-popover__content{box-shadow:0 0 0 1px #1e1e1e}.is-unstyled .components-popover__content{background:none;border-radius:0;box-shadow:none}.components-popover.is-expanded .components-popover__content{box-shadow:0 -1px 0 0 #ccc;height:calc(100% - 48px);overflow-y:visible;position:static;width:auto}.components-popover.is-expanded.is-alternate .components-popover__content{box-shadow:0 -1px 0 #1e1e1e}.components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 8px 0 16px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-button{z-index:5}.components-popover__arrow{display:flex;height:14px;pointer-events:none;position:absolute;width:14px}.components-popover__arrow:before{background-color:#fff;content:"";height:2px;left:1px;position:absolute;right:1px;top:-1px}.components-popover__arrow.is-top{bottom:-14px!important;transform:rotate(0)}.components-popover__arrow.is-right{left:-14px!important;transform:rotate(90deg)}.components-popover__arrow.is-bottom{top:-14px!important;transform:rotate(180deg)}.components-popover__arrow.is-left{right:-14px!important;transform:rotate(-90deg)}.components-popover__triangle{display:block;flex:1}.components-popover__triangle-bg{fill:#fff}.components-popover__triangle-border{fill:transparent;stroke-width:1px;stroke:#ccc}.is-alternate .components-popover__triangle-border{stroke:#1e1e1e}.components-radio-control__input[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-right:6px;margin-top:0;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.components-radio-control__input[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-radio-control__input[type=radio]{font-size:13px;line-height:normal}}.components-radio-control__input[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-radio-control__input[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-radio-control__input[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-radio-control__input[type=radio]{height:20px;width:20px}}.components-radio-control__input[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(7px,7px);width:8px}@media (min-width:600px){.components-radio-control__input[type=radio]:checked:before{transform:translate(5px,5px)}}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-radio-control__input[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-resizable-box__handle{display:none;height:23px;width:23px;z-index:2}.components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:block}.components-resizable-box__container>img{width:inherit}.components-resizable-box__handle:after{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));content:"";cursor:inherit;display:block;height:15px;outline:2px solid transparent;position:absolute;right:calc(50% - 8px);top:calc(50% - 8px);width:15px}.components-resizable-box__side-handle:before{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-radius:2px;content:"";cursor:inherit;display:block;height:3px;opacity:0;position:absolute;right:calc(50% - 1px);top:calc(50% - 1px);transition:transform .1s ease-in;width:3px;will-change:transform}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle:before{transition-delay:0s;transition-duration:0s}}.components-resizable-box__corner-handle,.components-resizable-box__side-handle{z-index:2}.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{border-left:0;border-right:0;left:0;width:100%}.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{border-bottom:0;border-top:0;height:100%;top:0}.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation-delay:0s;animation-duration:1ms}}.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation:components-resizable-box__left-right-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation-delay:0s;animation-duration:1ms}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:none}}}@keyframes components-resizable-box__top-bottom-animation{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes components-resizable-box__left-right-animation{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}} /*!rtl:begin:ignore*/.components-resizable-box__handle-right{right:-11.5px}.components-resizable-box__handle-left{left:-11.5px}.components-resizable-box__handle-top{top:-11.5px}.components-resizable-box__handle-bottom{bottom:-11.5px} -/*!rtl:end:ignore*/.components-responsive-wrapper{max-width:100%;position:relative}.components-responsive-wrapper,.components-responsive-wrapper>span{display:block}.components-responsive-wrapper__content{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.components-sandbox{overflow:hidden}iframe.components-sandbox{width:100%}body.lockscroll,html.lockscroll{overflow:hidden}.components-search-control{position:relative}.components-search-control input[type=search].components-search-control__input{background:#f0f0f0;border:none;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:48px;line-height:normal;padding:16px 48px 16px 16px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-search-control input[type=search].components-search-control__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px;line-height:normal}}.components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-search-control input[type=search].components-search-control__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px}}.components-search-control input[type=search].components-search-control__input:focus{background:#fff;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-search-control input[type=search].components-search-control__input::placeholder{color:#757575}.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{-webkit-appearance:none}.components-search-control__icon{align-items:center;bottom:0;display:flex;position:absolute;right:12px;top:0}.components-search-control__icon>svg{margin:8px 0}.components-search-control__input-wrapper{position:relative}.components-select-control__input{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;background:#fff;height:36px;line-height:36px;margin:1px;outline:0;width:100%}@media (min-width:782px){.components-select-control__input{height:28px;line-height:28px}}@media (max-width:782px){.components-base-control .components-base-control__field .components-select-control__input{font-size:16px}}.components-snackbar{background-color:#1e1e1e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);box-sizing:border-box;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;max-width:600px;padding:16px 24px;pointer-events:auto;width:100%}@media (min-width:600px){.components-snackbar{width:-moz-fit-content;width:fit-content}}.components-snackbar:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-snackbar.components-snackbar-explicit-dismiss{cursor:default}.components-snackbar .components-snackbar__content-with-icon{margin-left:24px}.components-snackbar .components-snackbar__icon{left:28px;position:absolute;top:24px}.components-snackbar .components-snackbar__dismiss-button{cursor:pointer;margin-left:32px}.components-snackbar__action.components-button{color:#fff;flex-shrink:0;height:auto;line-height:1.4;margin-left:32px;padding:0}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){background-color:initial;text-decoration:underline}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{box-shadow:none;color:#fff;outline:1px dotted #fff}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:var(--wp-admin-theme-color)}.components-snackbar__content{align-items:baseline;display:flex;justify-content:space-between;line-height:1.4}.components-snackbar-list{box-sizing:border-box;pointer-events:none;position:absolute;width:100%;z-index:100000}.components-snackbar-list__notice-container{padding-top:8px;position:relative}.components-tab-panel__tabs{align-items:stretch;display:flex;flex-direction:row}.components-tab-panel__tabs[aria-orientation=vertical]{flex-direction:column}.components-tab-panel__tabs-item{background:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;cursor:pointer;font-weight:500;height:48px;margin-left:0;padding:3px 16px;transition:box-shadow .1s linear}.components-tab-panel__tabs-item:after{speak:none;content:attr(data-label);display:block;height:0;overflow:hidden;visibility:hidden}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);position:relative}.components-tab-panel__tabs-item.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-tab-panel__tabs-item:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -3px 0 0 var(--wp-admin-theme-color)}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{font-size:13px;line-height:normal}}.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-tip{color:#757575;display:flex}.components-tip svg{fill:#f0b849;align-self:center;flex-shrink:0;margin-right:16px}.components-tip p{margin:0}.components-accessible-toolbar{border:1px solid #1e1e1e;border-radius:2px;display:inline-flex;flex-shrink:0}.components-accessible-toolbar>.components-toolbar-group:last-child{border-right:none}.components-accessible-toolbar .components-button,.components-toolbar .components-button{height:48px;padding-left:16px;padding-right:16px;position:relative;z-index:1}.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{box-shadow:none;outline:none}.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:32px;left:8px;position:absolute;right:8px;z-index:-1}@media (prefers-reduced-motion:reduce){.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation-delay:0s;animation-duration:1ms}}.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{margin-left:auto;margin-right:auto;position:relative}.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{background:transparent}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:#1e1e1e}.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{min-width:48px;padding-left:12px;padding-right:12px}.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{font-weight:500}.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{display:inline-block;padding-left:0;padding-right:0;position:relative}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.components-toolbar__control.components-button{position:relative}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 10px 5px 0}.components-toolbar__control.components-button[data-subscript]:after{bottom:10px;content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;line-height:12px;position:absolute;right:8px}.components-toolbar__control.components-button:active:before{display:none}.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{color:#fff}.components-toolbar-group{background-color:#fff;border-right:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;line-height:0;min-height:48px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-toolbar-group.components-toolbar-group{border-width:0;margin:0}.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{min-width:36px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{min-width:24px}.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{left:2px;right:2px}.components-toolbar{background-color:#fff;border:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;margin:0;min-height:48px}.components-toolbar .components-toolbar.components-toolbar{border-width:0;margin:0}div.components-toolbar>div{display:block;margin:0}@supports (position:sticky){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div.has-left-divider{margin-left:6px;overflow:visible;position:relative}div.components-toolbar>div+div.has-left-divider:before{background-color:#ddd;box-sizing:initial;content:"";display:inline-block;height:20px;left:-3px;position:absolute;top:8px;width:1px}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover .components-popover__content{min-width:min-content}.components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;box-shadow:none;color:#fff;font-size:12px;line-height:1.4;outline:none;padding:4px 8px;text-align:center;white-space:nowrap}.components-tooltip__shortcut{display:inline-block;margin-left:8px}.disabled-element-wrapper{position:relative}.disabled-element-wrapper .event-catcher{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100002} \ No newline at end of file +/*!rtl:end:ignore*/.components-responsive-wrapper{max-width:100%;position:relative}.components-responsive-wrapper,.components-responsive-wrapper>span{display:block}.components-responsive-wrapper__content{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.components-sandbox{overflow:hidden}iframe.components-sandbox{width:100%}body.lockscroll,html.lockscroll{overflow:hidden}.components-search-control{position:relative}.components-search-control input[type=search].components-search-control__input{background:#f0f0f0;border:none;border-radius:2px;box-shadow:0 0 0 transparent;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:48px;line-height:normal;margin-left:0;margin-right:0;padding:16px 48px 16px 16px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-search-control input[type=search].components-search-control__input{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px;line-height:normal}}.components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-search-control input[type=search].components-search-control__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-search-control input[type=search].components-search-control__input{font-size:13px}}.components-search-control input[type=search].components-search-control__input:focus{background:#fff;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-search-control input[type=search].components-search-control__input::placeholder{color:#757575}.components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-button,.components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration{-webkit-appearance:none}.components-search-control__icon{align-items:center;bottom:0;display:flex;position:absolute;right:12px;top:0}.components-search-control__icon>svg{margin:8px 0}.components-search-control__input-wrapper{position:relative}.components-select-control__input{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;background:#fff;height:36px;line-height:36px;margin:1px;outline:0;width:100%}@media (min-width:782px){.components-select-control__input{height:28px;line-height:28px}}@media (max-width:782px){.components-base-control .components-base-control__field .components-select-control__input{font-size:16px}}.components-snackbar{background-color:#1e1e1e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);box-sizing:border-box;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;max-width:600px;padding:16px 24px;pointer-events:auto;width:100%}@media (min-width:600px){.components-snackbar{width:-moz-fit-content;width:fit-content}}.components-snackbar:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-snackbar.components-snackbar-explicit-dismiss{cursor:default}.components-snackbar .components-snackbar__content-with-icon{margin-left:24px}.components-snackbar .components-snackbar__icon{left:28px;position:absolute;top:24px}.components-snackbar .components-snackbar__dismiss-button{cursor:pointer;margin-left:32px}.components-snackbar__action.components-button{color:#fff;flex-shrink:0;height:auto;line-height:1.4;margin-left:32px;padding:0}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){background-color:initial;text-decoration:underline}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{box-shadow:none;color:#fff;outline:1px dotted #fff}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba))}.components-snackbar__content{align-items:baseline;display:flex;justify-content:space-between;line-height:1.4}.components-snackbar-list{box-sizing:border-box;pointer-events:none;position:absolute;width:100%;z-index:100000}.components-snackbar-list__notice-container{padding-top:8px;position:relative}.components-tab-panel__tabs{align-items:stretch;display:flex;flex-direction:row}.components-tab-panel__tabs[aria-orientation=vertical]{flex-direction:column}.components-tab-panel__tabs-item{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-left:0;padding:3px 16px;position:relative}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-tab-panel__tabs-item:after{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-tab-panel__tabs-item:after{transition-delay:0s;transition-duration:0s}}.components-tab-panel__tabs-item.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-tab-panel__tabs-item:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-tab-panel__tabs-item:before{transition-delay:0s;transition-duration:0s}}.components-tab-panel__tabs-item:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#007cba));outline:2px solid transparent}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px;transition:box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{font-size:13px;line-height:normal}}.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-tip{color:#757575;display:flex}.components-tip svg{fill:#f0b849;align-self:center;flex-shrink:0;margin-right:16px}.components-tip p{margin:0}.components-accessible-toolbar{border:1px solid #1e1e1e;border-radius:2px;display:inline-flex;flex-shrink:0}.components-accessible-toolbar>.components-toolbar-group:last-child{border-right:none}.components-accessible-toolbar .components-button,.components-toolbar .components-button{height:48px;padding-left:16px;padding-right:16px;position:relative;z-index:1}.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){box-shadow:none;outline:none}.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards;border-radius:2px;content:"";display:block;height:32px;left:8px;position:absolute;right:8px;z-index:-1}@media (prefers-reduced-motion:reduce){.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation-delay:0s;animation-duration:1ms}}.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{margin-left:auto;margin-right:auto;position:relative}.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{background:transparent}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:#1e1e1e}.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{min-width:48px;padding-left:12px;padding-right:12px}.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{font-weight:500}.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{display:inline-block;padding-left:0;padding-right:0;position:relative}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.components-toolbar__control.components-button{position:relative}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 10px 5px 0}.components-toolbar__control.components-button[data-subscript]:after{bottom:10px;content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;line-height:12px;position:absolute;right:8px}.components-toolbar__control.components-button:active:before{display:none}.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{color:#fff}.components-toolbar-group{background-color:#fff;border-right:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;line-height:0;min-height:48px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-toolbar-group.components-toolbar-group{border-width:0;margin:0}.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{min-width:36px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{min-width:24px}.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{left:2px;right:2px}.components-toolbar{background-color:#fff;border:1px solid #1e1e1e;display:inline-flex;flex-shrink:0;flex-wrap:wrap;margin:0;min-height:48px}.components-toolbar .components-toolbar.components-toolbar{border-width:0;margin:0}div.components-toolbar>div{display:block;margin:0}@supports (position:sticky){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div.has-left-divider{margin-left:6px;overflow:visible;position:relative}div.components-toolbar>div+div.has-left-divider:before{background-color:#ddd;box-sizing:initial;content:"";display:inline-block;height:20px;left:-3px;position:absolute;top:8px;width:1px}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover .components-popover__content{min-width:min-content}.components-tooltip .components-popover__content{background:var(--wp-components-color-foreground,#1e1e1e);border-radius:2px;border-width:0;box-shadow:none;color:var(--wp-components-color-foreground-inverted,#fff);font-size:12px;line-height:1.4;outline:none;padding:4px 8px;text-align:center;white-space:nowrap}.components-tooltip__shortcut{display:inline-block;margin-left:8px}.disabled-element-wrapper{position:relative}.disabled-element-wrapper .event-catcher{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100002} \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style-rtl.css b/wp-includes/css/dist/customize-widgets/style-rtl.css index e38b459f04..098dc9aedf 100644 --- a/wp-includes/css/dist/customize-widgets/style-rtl.css +++ b/wp-includes/css/dist/customize-widgets/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/customize-widgets/style-rtl.min.css b/wp-includes/css/dist/customize-widgets/style-rtl.min.css index a7fcae43e4..78a0a539f4 100644 --- a/wp-includes/css/dist/customize-widgets/style-rtl.min.css +++ b/wp-includes/css/dist/customize-widgets/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{background:#fff;box-sizing:border-box}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{box-sizing:inherit}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{margin:-12px}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{margin-bottom:0}#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{transform:translateX(100%)}.customize-widgets-header{background:#f0f0f1;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin:-15px -12px 0;z-index:8}@media (min-width:782px){.customize-widgets-header{margin-bottom:44px}}.customize-widgets-header.is-fixed-toolbar-active{margin-bottom:0}.customize-widgets-header-toolbar{align-items:center;border:none;display:flex;width:100%}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{border-radius:2px;color:#fff;height:24px;margin:12px auto 12px 0;min-width:24px;padding:0}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{content:none}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{background:#1e1e1e}.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{margin-right:-12px}#customize-sidebar-outer-content{min-width:100%;width:auto}#customize-outer-theme-controls .widgets-inserter{padding:0}#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{display:none}.customize-widgets-layout__inserter-panel{background:#fff}.customize-widgets-layout__inserter-panel-header{align-items:center;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;height:46px;justify-content:space-between;padding:16px}.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{margin:0}.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{background:#fff}.customize-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.customize-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.customize-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.block-editor-block-contextual-toolbar.is-fixed{margin-left:-12px;margin-right:-12px;overflow-y:auto;top:0;width:calc(100% + 24px);z-index:7}.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{position:fixed!important;z-index:7}.customize-control-sidebar_block_editor .components-popover,.customize-widgets-popover .components-popover{position:fixed!important}.customize-widgets-welcome-guide__image__wrapper{background:#00a0d2;margin-bottom:8px;text-align:center}.customize-widgets-welcome-guide__image{height:auto}.wrap .customize-widgets-welcome-guide__heading{font-size:18px;font-weight:600}.customize-widgets-welcome-guide__text{line-height:1.7}.customize-widgets-welcome-guide__button{justify-content:center;margin:1em 0;width:100%}.customize-widgets-welcome-guide__separator{margin:1em 0}.customize-widgets-welcome-guide__more-info{line-height:1.4}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{background-color:#fff;min-height:100%;padding-top:12px!important}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{overflow:unset}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{margin-top:-12px!important;position:static!important;width:unset!important}.components-modal__screen-overlay{z-index:999999}.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{box-sizing:border-box}.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{box-sizing:inherit} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{background:#fff;box-sizing:border-box}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{box-sizing:inherit}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{margin:-12px}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{margin-bottom:0}#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{transform:translateX(100%)}.customize-widgets-header{background:#f0f0f1;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin:-15px -12px 0;z-index:8}@media (min-width:782px){.customize-widgets-header{margin-bottom:44px}}.customize-widgets-header.is-fixed-toolbar-active{margin-bottom:0}.customize-widgets-header-toolbar{align-items:center;border:none;display:flex;width:100%}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{border-radius:2px;color:#fff;height:24px;margin:12px auto 12px 0;min-width:24px;padding:0}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{content:none}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{background:#1e1e1e}.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{margin-right:-12px}#customize-sidebar-outer-content{min-width:100%;width:auto}#customize-outer-theme-controls .widgets-inserter{padding:0}#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{display:none}.customize-widgets-layout__inserter-panel{background:#fff}.customize-widgets-layout__inserter-panel-header{align-items:center;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;height:46px;justify-content:space-between;padding:16px}.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{margin:0}.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{background:#fff}.customize-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.customize-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.customize-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.block-editor-block-contextual-toolbar.is-fixed{margin-left:-12px;margin-right:-12px;overflow-y:auto;top:0;width:calc(100% + 24px);z-index:7}.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{position:fixed!important;z-index:7}.customize-control-sidebar_block_editor .components-popover,.customize-widgets-popover .components-popover{position:fixed!important}.customize-widgets-welcome-guide__image__wrapper{background:#00a0d2;margin-bottom:8px;text-align:center}.customize-widgets-welcome-guide__image{height:auto}.wrap .customize-widgets-welcome-guide__heading{font-size:18px;font-weight:600}.customize-widgets-welcome-guide__text{line-height:1.7}.customize-widgets-welcome-guide__button{justify-content:center;margin:1em 0;width:100%}.customize-widgets-welcome-guide__separator{margin:1em 0}.customize-widgets-welcome-guide__more-info{line-height:1.4}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{background-color:#fff;min-height:100%;padding-top:12px!important}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{overflow:unset}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{margin-top:-12px!important;position:static!important;width:unset!important}.components-modal__screen-overlay{z-index:999999}.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{box-sizing:border-box}.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{box-sizing:inherit} \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style.css b/wp-includes/css/dist/customize-widgets/style.css index a316c867bc..daaf0445ef 100644 --- a/wp-includes/css/dist/customize-widgets/style.css +++ b/wp-includes/css/dist/customize-widgets/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/customize-widgets/style.min.css b/wp-includes/css/dist/customize-widgets/style.min.css index 6db075cb00..35b1052a0c 100644 --- a/wp-includes/css/dist/customize-widgets/style.min.css +++ b/wp-includes/css/dist/customize-widgets/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{background:#fff;box-sizing:border-box}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{box-sizing:inherit}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{margin:-12px}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{margin-bottom:0}#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{transform:translateX(-100%)}.customize-widgets-header{background:#f0f0f1;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin:-15px -12px 0;z-index:8}@media (min-width:782px){.customize-widgets-header{margin-bottom:44px}}.customize-widgets-header.is-fixed-toolbar-active{margin-bottom:0}.customize-widgets-header-toolbar{align-items:center;border:none;display:flex;width:100%}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{border-radius:2px;color:#fff;height:24px;margin:12px 0 12px auto;min-width:24px;padding:0}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{content:none}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{background:#1e1e1e}.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{margin-left:-12px}#customize-sidebar-outer-content{min-width:100%;width:auto}#customize-outer-theme-controls .widgets-inserter{padding:0}#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{display:none}.customize-widgets-layout__inserter-panel{background:#fff}.customize-widgets-layout__inserter-panel-header{align-items:center;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;height:46px;justify-content:space-between;padding:16px}.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{margin:0}.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{background:#fff}.customize-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.customize-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.customize-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.block-editor-block-contextual-toolbar.is-fixed{margin-left:-12px;margin-right:-12px;overflow-y:auto;top:0;width:calc(100% + 24px);z-index:7}.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{position:fixed!important;z-index:7}.customize-control-sidebar_block_editor .components-popover,.customize-widgets-popover .components-popover{position:fixed!important}.customize-widgets-welcome-guide__image__wrapper{background:#00a0d2;margin-bottom:8px;text-align:center}.customize-widgets-welcome-guide__image{height:auto}.wrap .customize-widgets-welcome-guide__heading{font-size:18px;font-weight:600}.customize-widgets-welcome-guide__text{line-height:1.7}.customize-widgets-welcome-guide__button{justify-content:center;margin:1em 0;width:100%}.customize-widgets-welcome-guide__separator{margin:1em 0}.customize-widgets-welcome-guide__more-info{line-height:1.4}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{background-color:#fff;min-height:100%;padding-top:12px!important}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{overflow:unset}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{margin-top:-12px!important;position:static!important;width:unset!important}.components-modal__screen-overlay{z-index:999999}.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{box-sizing:border-box}.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{box-sizing:inherit} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{background:#fff;box-sizing:border-box}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{box-sizing:inherit}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{margin:-12px}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{margin-bottom:0}#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{transform:translateX(-100%)}.customize-widgets-header{background:#f0f0f1;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;margin:-15px -12px 0;z-index:8}@media (min-width:782px){.customize-widgets-header{margin-bottom:44px}}.customize-widgets-header.is-fixed-toolbar-active{margin-bottom:0}.customize-widgets-header-toolbar{align-items:center;border:none;display:flex;width:100%}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{border-radius:2px;color:#fff;height:24px;margin:12px 0 12px auto;min-width:24px;padding:0}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{content:none}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{background:#1e1e1e}.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{margin-left:-12px}#customize-sidebar-outer-content{min-width:100%;width:auto}#customize-outer-theme-controls .widgets-inserter{padding:0}#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{display:none}.customize-widgets-layout__inserter-panel{background:#fff}.customize-widgets-layout__inserter-panel-header{align-items:center;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;height:46px;justify-content:space-between;padding:16px}.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{margin:0}.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{background:#fff}.customize-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.customize-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.customize-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.block-editor-block-contextual-toolbar.is-fixed{margin-left:-12px;margin-right:-12px;overflow-y:auto;top:0;width:calc(100% + 24px);z-index:7}.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{position:fixed!important;z-index:7}.customize-control-sidebar_block_editor .components-popover,.customize-widgets-popover .components-popover{position:fixed!important}.customize-widgets-welcome-guide__image__wrapper{background:#00a0d2;margin-bottom:8px;text-align:center}.customize-widgets-welcome-guide__image{height:auto}.wrap .customize-widgets-welcome-guide__heading{font-size:18px;font-weight:600}.customize-widgets-welcome-guide__text{line-height:1.7}.customize-widgets-welcome-guide__button{justify-content:center;margin:1em 0;width:100%}.customize-widgets-welcome-guide__separator{margin:1em 0}.customize-widgets-welcome-guide__more-info{line-height:1.4}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{background-color:#fff;min-height:100%;padding-top:12px!important}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{overflow:unset}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{margin-top:-12px!important;position:static!important;width:unset!important}.components-modal__screen-overlay{z-index:999999}.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{box-sizing:border-box}.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{box-sizing:inherit} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic-rtl.css b/wp-includes/css/dist/edit-post/classic-rtl.css index 562ac52772..497b99de73 100644 --- a/wp-includes/css/dist/edit-post/classic-rtl.css +++ b/wp-includes/css/dist/edit-post/classic-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/edit-post/classic-rtl.min.css b/wp-includes/css/dist/edit-post/classic-rtl.min.css index 2b7d7ecc98..67125c34e9 100644 --- a/wp-includes/css/dist/edit-post/classic-rtl.min.css +++ b/wp-includes/css/dist/edit-post/classic-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-left:auto;margin-right:auto}html :where(.editor-styles-wrapper){padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-right:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{max-width:none;padding-left:0;padding-right:0;right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-left:auto;margin-right:auto}html :where(.editor-styles-wrapper){padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-right:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{max-width:none;padding-left:0;padding-right:0;right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic.css b/wp-includes/css/dist/edit-post/classic.css index 00f985e536..3c9439eb8c 100644 --- a/wp-includes/css/dist/edit-post/classic.css +++ b/wp-includes/css/dist/edit-post/classic.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/edit-post/classic.min.css b/wp-includes/css/dist/edit-post/classic.min.css index 4508842e9b..8163e51f58 100644 --- a/wp-includes/css/dist/edit-post/classic.min.css +++ b/wp-includes/css/dist/edit-post/classic.min.css @@ -1,4 +1,4 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-left:auto;margin-right:auto}html :where(.editor-styles-wrapper){padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-left:auto;margin-right:auto}html :where(.editor-styles-wrapper){padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{ /*!rtl:begin:ignore*/float:left;margin-right:2em /*!rtl:end:ignore*/}html :where(.wp-block)[data-align=right]>*{ /*!rtl:begin:ignore*/float:right;margin-left:2em diff --git a/wp-includes/css/dist/edit-post/style-rtl.css b/wp-includes/css/dist/edit-post/style-rtl.css index 052cd05ed0..7190cc60af 100644 --- a/wp-includes/css/dist/edit-post/style-rtl.css +++ b/wp-includes/css/dist/edit-post/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -220,7 +222,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ background:#fff; bottom:0; color:#1e1e1e; - display:block; flex-shrink:0; left:0; position:absolute; @@ -232,6 +233,8 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; + } + .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } @@ -294,7 +297,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus{ +.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } @@ -389,6 +392,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ box-shadow:none; font-weight:500; } +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ + content:none; +} .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } @@ -540,14 +546,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ padding-right:12px; } } -.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{ content:none; } -@media (min-width:600px){ - .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ - content:attr(aria-label); - } -} .edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{ justify-content:flex-start; @@ -580,6 +581,34 @@ body.is-fullscreen-mode .interface-interface-skeleton{ margin-left:8px; } +.is-distraction-free .interface-interface-skeleton__header{ + border-bottom:none; +} +.is-distraction-free .edit-post-header{ + -webkit-backdrop-filter:blur(20px) !important; + backdrop-filter:blur(20px) !important; + background-color:hsla(0,0%,100%,.9); + border-bottom:1px solid #e0e0e0; + position:absolute; + width:100%; +} +.is-distraction-free .edit-post-header>.edit-post-header__settings>.editor-post-preview{ + visibility:hidden; +} +.is-distraction-free .edit-post-header>.edit-post-header__settings>.block-editor-post-preview__dropdown,.is-distraction-free .edit-post-header>.edit-post-header__settings>.interface-pinned-items,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__document-overview-toggle,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__inserter-toggle{ + display:none; +} +.is-distraction-free .interface-interface-skeleton__header:focus-within{ + opacity:1 !important; +} +.is-distraction-free .interface-interface-skeleton__header:focus-within div{ + transform:translateX(0) translateZ(0) !important; +} +.is-distraction-free .components-editor-notices__dismissible{ + position:absolute; + z-index:35; +} + .edit-post-fullscreen-mode-close.components-button{ display:none; } @@ -605,7 +634,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ } .edit-post-fullscreen-mode-close.components-button:before{ border-radius:4px; - bottom:9px; + bottom:10px; box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; content:""; display:block; @@ -787,8 +816,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .edit-post-template-top-area__popover .components-popover__content{ min-width:280px; -} -.edit-post-template-top-area__popover .components-popover__content>div{ padding:0; } .edit-post-template-top-area__popover .edit-site-template-details__group{ @@ -884,6 +911,13 @@ body.is-fullscreen-mode .interface-interface-skeleton{ padding-left:16px; padding-right:16px; position:fixed; +} + +.is-distraction-free .components-editor-notices__snackbar{ + bottom:20px; +} + +.edit-post-layout .components-editor-notices__snackbar{ right:0; } @media (min-width:783px){ @@ -962,6 +996,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ background-color:#fff; border:1px dotted #ddd; bottom:auto; + box-sizing:border-box; display:flex; height:auto !important; justify-content:center; @@ -973,7 +1008,13 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel{ + +.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel{ + bottom:0; + top:auto; +} + +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel{ bottom:0; top:auto; } @@ -1026,26 +1067,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ .edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{ border-bottom:1px solid #ddd; } -.edit-post-block-manager__category-title .components-base-control__field,.edit-post-block-manager__checklist-item .components-base-control__field{ - align-items:center; - display:flex; - margin:0; -} .edit-post-block-manager__checklist-item{ + align-items:center; + display:flex; + justify-content:space-between; margin-bottom:0; - padding-right:16px; + padding:8px 16px 8px 0; } .components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{ margin:0 8px; } -.edit-post-block-manager__checklist-item .components-checkbox-control__label{ - align-items:center; - display:flex; - flex-grow:1; - justify-content:space-between; - padding:8px 0; -} .edit-post-block-manager__checklist-item .block-editor-block-icon{ fill:#1e1e1e; margin-left:10px; @@ -1134,14 +1166,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ clear:both; } -.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{ +.edit-post-editor__document-overview-panel,.edit-post-editor__inserter-panel{ display:flex; flex-direction:column; height:100%; } -.edit-post-editor__list-view-panel{ - min-width:350px; +.edit-post-editor__document-overview-panel{ + width:350px; +} +.edit-post-editor__document-overview-panel .edit-post-sidebar__panel-tabs{ + flex-direction:row-reverse; } .edit-post-editor__inserter-panel-header{ @@ -1151,18 +1186,16 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ padding-top:8px; } -.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{ +.edit-post-editor__inserter-panel-content{ height:calc(100% - 44px); } - @media (min-width:782px){ .edit-post-editor__inserter-panel-content{ height:100%; } } -.edit-post-editor__list-view-panel-header{ - align-items:center; +.edit-post-editor__document-overview-panel-header{ border-bottom:1px solid #ddd; display:flex; height:48px; @@ -1170,12 +1203,62 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ padding-left:4px; padding-right:16px; } +.edit-post-editor__document-overview-panel-header ul{ + width:calc(100% - 40px); +} +.edit-post-editor__document-overview-panel-header li{ + width:50%; +} +.edit-post-editor__document-overview-panel-header li button{ + text-align:initial; + width:100%; +} +.edit-post-editor__document-overview-panel-header li:only-child{ + width:100%; +} -.edit-post-editor__list-view-panel-content{ +.edit-post-editor__list-view-container>.document-outline,.edit-post-editor__list-view-empty-headings,.edit-post-editor__list-view-panel-content{ + height:100%; + overflow-x:hidden; overflow-y:auto; padding:8px 6px; } +.edit-post-editor__list-view-empty-headings{ + color:#757575; + text-align:center; +} +.edit-post-editor__list-view-empty-headings>svg{ + margin-top:28px; +} +.edit-post-editor__list-view-empty-headings>p{ + padding-left:32px; + padding-right:32px; +} + +.edit-post-editor__list-view-overview{ + border-bottom:1px solid #ddd; + display:flex; + flex-direction:column; + gap:8px; + padding:16px; +} +.edit-post-editor__list-view-overview>div>span:first-child{ + display:inline-block; + width:90px; +} +.edit-post-editor__list-view-overview>div>span{ + color:#757575; + font-size:12px; + line-height:1.4; +} + +.edit-post-editor__list-view-container{ + display:flex; + flex-direction:column; + height:calc(100% - 48px); +} + .components-panel__header.edit-post-sidebar__panel-tabs{ border-top:0; justify-content:flex-start; @@ -1225,11 +1308,11 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ .edit-post-post-schedule span{ display:block; flex-shrink:0; + padding:6px 0; width:45%; } .components-button.edit-post-post-schedule__toggle{ - height:auto; text-align:right; white-space:normal; } @@ -1259,6 +1342,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ } .edit-post-post-template span{ display:block; + padding:6px 0; width:45%; } @@ -1289,12 +1373,14 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ } .edit-post-post-url{ + align-items:flex-start; justify-content:flex-start; width:100%; } .edit-post-post-url span{ display:block; flex-shrink:0; + padding:6px 0; width:45%; } @@ -1316,6 +1402,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ } .edit-post-post-visibility span{ display:block; + padding:6px 0; width:45%; } @@ -1330,42 +1417,61 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ border-radius:0; box-shadow:none; cursor:pointer; - display:inline-block; font-weight:500; height:48px; margin-right:0; - padding:3px 15px; + padding:3px 16px; + position:relative; +} +.components-button.edit-post-sidebar__panel-tab:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; } .components-button.edit-post-sidebar__panel-tab:after{ - speak:none; - content:attr(data-label); - display:block; - font-weight:600; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-button.edit-post-sidebar__panel-tab.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position:relative; - z-index:1; -} -.components-button.edit-post-sidebar__panel-tab.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; + background:var(--wp-admin-theme-color); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-button.edit-post-sidebar__panel-tab:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position:relative; - z-index:1; +@media (prefers-reduced-motion:reduce){ + .components-button.edit-post-sidebar__panel-tab:after{ + transition-delay:0s; + transition-duration:0s; + } } -.components-button.edit-post-sidebar__panel-tab.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-button.edit-post-sidebar__panel-tab.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-button.edit-post-sidebar__panel-tab:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-button.edit-post-sidebar__panel-tab:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.edit-post-sidebar__panel-tab:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } h2.edit-post-template-summary__title{ @@ -1742,4 +1848,13 @@ body.admin-color-sunrise{ body.admin-color-sunrise{ --wp-admin-border-width-focus:1.5px; } +} + +.interface-interface-skeleton__sidebar{ + border-right:none; +} +@media (min-width:782px){ + .is-sidebar-opened .interface-interface-skeleton__sidebar{ + border-right:1px solid #e0e0e0; + } } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style-rtl.min.css b/wp-includes/css/dist/edit-post/style-rtl.min.css index 92c630fa92..80ac38cba5 100644 --- a/wp-includes/css/dist/edit-post/style-rtl.min.css +++ b/wp-includes/css/dist/edit-post/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:10px;right:auto;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;left:0;max-height:100%;position:fixed;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;display:block;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto;z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;position:absolute;right:0;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:0;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus{bottom:0;top:auto}.interface-more-menu-dropdown{margin-right:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-right:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-left:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{position:absolute;right:16px;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-right:160px;padding-right:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-right:48px;margin-top:0}.edit-post-header{align-items:center;background:#fff;display:flex;flex-wrap:wrap;height:60px;max-width:100vw}@media (min-width:280px){.edit-post-header{flex-wrap:nowrap}}.edit-post-header>.edit-post-header__settings{order:1}@supports (position:sticky){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header__toolbar{display:flex;flex-grow:1}.edit-post-header__toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header__toolbar .table-of-contents{display:block}}.edit-post-header__settings{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;padding-left:4px}@media (min-width:600px){.edit-post-header__settings{gap:8px;padding-left:10px}}.edit-post-header-preview__grouping-external{display:flex;padding-bottom:0;position:relative}.edit-post-header-preview__button-external{display:flex;justify-content:flex-start;margin-left:auto;padding-right:8px;width:100%}.edit-post-header-preview__button-external svg{margin-right:auto}.edit-post-post-preview-dropdown .components-popover__content{padding-bottom:0}.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{width:auto}.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{display:none}.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{content:attr(aria-label)}.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{background-color:initial}.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{display:block}.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{content:none}.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{width:60px}.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{display:block}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:12px;padding-right:12px}}.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:none}@media (min-width:600px){.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:attr(aria-label)}}.edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{justify-content:flex-start;margin:0;padding:6px 40px 6px 6px;text-align:right;width:14.625rem}.show-icon-labels.interface-pinned-items{border-bottom:1px solid #ccc;display:block;margin:0 -12px;padding:6px 12px 12px}.show-icon-labels.interface-pinned-items>.components-button.has-icon{justify-content:flex-start;margin:0;padding:6px 8px 6px 6px;width:14.625rem}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{display:block;max-width:24px}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{padding-right:40px}.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{margin-left:8px}.edit-post-fullscreen-mode-close.components-button{display:none}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button{align-items:center;align-self:stretch;background:#1e1e1e;border:none;border-radius:0;color:#fff;display:flex;height:61px;margin-bottom:-1px;position:relative;width:60px}.edit-post-fullscreen-mode-close.components-button:active{color:#fff}.edit-post-fullscreen-mode-close.components-button:focus{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:before{border-radius:4px;bottom:9px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-fullscreen-mode-close.components-button:before{transition-delay:0s;transition-duration:0s}}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}.edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}}.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{border-radius:2px;height:36px;margin-top:-1px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-post-header-toolbar{align-items:center;border:none;display:inline-flex;flex-grow:1}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:inline-flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{display:inline-flex}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(-45deg)}.edit-post-header-toolbar .block-editor-list-view{display:none}@media (min-width:600px){.edit-post-header-toolbar .block-editor-list-view{display:flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{display:none}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{opacity:0}}.edit-post-header-toolbar__left{align-items:center;display:inline-flex;padding-right:8px}@media (min-width:600px){.edit-post-header-toolbar__left{padding-right:24px}}@media (min-width:1280px){.edit-post-header-toolbar__left{padding-left:8px}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:32px;margin-left:8px;min-width:32px;padding:0;width:32px}.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:36px;padding:0 8px;width:auto}.show-icon-labels .edit-post-header-toolbar__left>*+*{margin-right:8px}.edit-post-template-top-area{align-content:space-between;align-items:center;display:flex;flex-direction:column;width:100%}.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{height:auto;padding:0;text-decoration:none}.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{height:100%}.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{margin-left:0;order:1}.edit-post-template-top-area .edit-post-template-title{color:#1e1e1e}.edit-post-template-top-area .edit-post-template-post-title{display:block;margin-top:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-post-template-top-area .edit-post-template-post-title:before{left:0;right:0}@media (min-width:1080px){.edit-post-template-top-area .edit-post-template-post-title{max-width:400px}}.edit-post-template-top-area__popover .components-popover__content{min-width:280px}.edit-post-template-top-area__popover .components-popover__content>div{padding:0}.edit-post-template-top-area__popover .edit-site-template-details__group{padding:16px}.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help{margin-bottom:0}.edit-post-template-top-area__popover .edit-post-template-details__description{color:#757575}.edit-post-template-top-area__second-menu-group{border-top:1px solid #ddd;padding:16px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{display:flex;justify-content:center;padding:4px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive{margin-left:8px;margin-right:8px;padding:inherit;width:calc(100% - 16px)}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item{width:auto}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{margin-left:0;min-width:0;width:100%}.edit-post-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-post-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-post-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-post-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-post-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.edit-post-layout__metaboxes{clear:both;flex-shrink:0}.edit-post-layout .components-editor-notices__snackbar{bottom:40px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-post-layout .components-editor-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{right:160px}}.folded .edit-post-layout .components-editor-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-post-layout .components-editor-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{right:0!important}.edit-post-layout .editor-post-publish-panel{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{animation:edit-post-post-publish-panel__slide-in-animation .1s forwards;border-right:1px solid #ddd;right:auto;top:32px;transform:translateX(-100%);width:281px;z-index:99998}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-layout .editor-post-publish-panel{animation-delay:0s;animation-duration:1ms}}@media (min-width:782px){body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}[role=region]:focus .edit-post-layout .editor-post-publish-panel{transform:translateX(0)}}@keyframes edit-post-post-publish-panel__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button{justify-content:center}.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{background-color:#fff;border:1px dotted #ddd;bottom:auto;display:flex;height:auto!important;justify-content:center;left:0;padding:24px;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel{bottom:0;top:auto}.edit-post-block-manager__no-results{font-style:italic;padding:24px 0;text-align:center}.edit-post-block-manager__search{margin:16px 0}.edit-post-block-manager__disabled-blocks-count{background-color:#fff;border:1px solid #ddd;border-width:1px 0;box-shadow:32px 0 0 0 #fff,-32px 0 0 0 #fff;font-style:italic;padding:8px;position:sticky;text-align:center;top:-1px;z-index:2}.edit-post-block-manager__disabled-blocks-count~.edit-post-block-manager__results .edit-post-block-manager__category-title{top:35px}.edit-post-block-manager__category{margin:0 0 24px}.edit-post-block-manager__category-title{background-color:#fff;padding:16px 0;position:sticky;top:0;z-index:1}.edit-post-block-manager__category-title .components-checkbox-control__label{font-weight:600}.edit-post-block-manager__checklist{margin-top:0}.edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{border-bottom:1px solid #ddd}.edit-post-block-manager__category-title .components-base-control__field,.edit-post-block-manager__checklist-item .components-base-control__field{align-items:center;display:flex;margin:0}.edit-post-block-manager__checklist-item{margin-bottom:0;padding-right:16px}.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{margin:0 8px}.edit-post-block-manager__checklist-item .components-checkbox-control__label{align-items:center;display:flex;flex-grow:1;justify-content:space-between;padding:8px 0}.edit-post-block-manager__checklist-item .block-editor-block-icon{fill:#1e1e1e;margin-left:10px}.edit-post-block-manager__results{border-top:1px solid #ddd}.edit-post-block-manager__disabled-blocks-count+.edit-post-block-manager__results{border-top-width:0}.edit-post-meta-boxes-area{position:relative}.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{box-sizing:initial}.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{box-sizing:border-box}.edit-post-meta-boxes-area .postbox-header{border-bottom:0;border-top:1px solid #ddd}.edit-post-meta-boxes-area #poststuff{margin:0 auto;min-width:auto;padding-top:0}.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{box-sizing:border-box;color:inherit;font-weight:600;outline:none;padding:0 24px;position:relative;width:100%}.edit-post-meta-boxes-area .postbox{border:0;color:inherit;margin-bottom:0}.edit-post-meta-boxes-area .postbox>.inside{color:inherit;margin:0;padding:0 24px 24px}.edit-post-meta-boxes-area .postbox .handlediv{height:44px;width:44px}.edit-post-meta-boxes-area.is-loading:before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.edit-post-meta-boxes-area .components-spinner{left:20px;position:absolute;top:10px;z-index:5}.edit-post-meta-boxes-area .is-hidden{display:none}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{border:1px solid #757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{background:#fff;border-color:#757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{margin:-3px -4px}.edit-post-meta-boxes-area__clear{clear:both}.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{display:flex;flex-direction:column;height:100%}.edit-post-editor__list-view-panel{min-width:350px}.edit-post-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-left:8px;padding-top:8px}.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-post-editor__inserter-panel-content{height:100%}}.edit-post-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:4px;padding-right:16px}.edit-post-editor__list-view-panel-content{overflow-y:auto;padding:8px 6px}.components-panel__header.edit-post-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:16px;padding-right:0}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 auto 0 0;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-panel__body.is-opened.edit-post-last-revision__panel{height:48px;padding:0}.editor-post-last-revision__title.components-button{padding:16px}.edit-post-post-author,.edit-post-post-format{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-schedule{justify-content:flex-start;position:relative;width:100%}.edit-post-post-schedule span{display:block;flex-shrink:0;width:45%}.components-button.edit-post-post-schedule__toggle{height:auto;text-align:right;white-space:normal}.components-button.edit-post-post-schedule__toggle span{width:0}.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker{margin:8px}.edit-post-post-slug{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{margin-top:15px;text-align:center;width:100%}.edit-post-post-template{justify-content:flex-start;width:100%}.edit-post-post-template span{display:block;width:45%}.edit-post-post-template__dropdown{max-width:55%}.components-button.edit-post-post-template__toggle{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%}.edit-post-post-template__dialog{z-index:99999}.edit-post-post-template__form{margin:8px;min-width:248px}@media (min-width:782px){.edit-post-post-template__create-form{width:320px}}.edit-post-post-url{justify-content:flex-start;width:100%}.edit-post-post-url span{display:block;flex-shrink:0;width:45%}.components-button.edit-post-post-url__toggle{height:auto;text-align:right;white-space:normal;word-break:break-word}.edit-post-post-url__dialog .editor-post-url{margin:8px;min-width:248px}.edit-post-post-visibility{justify-content:flex-start;width:100%}.edit-post-post-visibility span{display:block;width:45%}.edit-post-post-visibility__dialog .editor-post-visibility{margin:8px;min-width:248px}.components-button.edit-post-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;font-weight:500;height:48px;margin-right:0;padding:3px 15px}.components-button.edit-post-sidebar__panel-tab:after{speak:none;content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;visibility:hidden}.components-button.edit-post-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-button.edit-post-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -3px 0 0 var(--wp-admin-theme-color)}h2.edit-post-template-summary__title{font-weight:500;line-height:24px;margin:0 0 4px}.edit-post-text-editor{background-color:#fff;flex-grow:1;position:relative;width:100%}.edit-post-text-editor .editor-post-title{border:1px solid #949494;font-family:Menlo,Consolas,monaco,monospace;font-size:2.5em;font-weight:400;line-height:1.4;max-width:none;padding:16px}@media (min-width:600px){.edit-post-text-editor .editor-post-title{padding:24px}}.edit-post-text-editor .editor-post-title:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-post-text-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:0 12px 12px;width:100%}@media (min-width:960px){.edit-post-text-editor__body{padding:0 24px 24px}}.edit-post-text-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-post-text-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-post-text-editor__toolbar{padding:12px 24px}}.edit-post-text-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 0 0 auto}.edit-post-text-editor__toolbar .components-button svg{order:1}.edit-post-visual-editor{background-color:#2f2f2f;display:flex;flex:1 0 auto;flex-flow:column;position:relative}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{padding:6px}.edit-post-visual-editor__post-title-wrapper{margin-bottom:var(--wp--style--block-gap);margin-top:4rem}.edit-post-visual-editor__post-title-wrapper .editor-post-title{margin-left:auto;margin-right:auto}.edit-post-visual-editor__exit-template-mode{color:#fff;position:absolute;right:8px;top:8px}.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{color:#f0f0f0}.edit-post-visual-editor__content-area{box-sizing:border-box;display:flex;flex-grow:1;height:100%;position:relative;width:100%}.edit-post-welcome-guide,.edit-template-welcome-guide{width:312px}.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-template-welcome-guide .components-button svg{fill:#fff}@media (min-width:600px){.edit-post-start-page-options__modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.edit-post-start-page-options__modal{width:750px}}@media (min-width:960px){.edit-post-start-page-options__modal{height:70%}}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list{column-count:2;column-gap:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column;margin-bottom:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{min-height:100px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{width:100%}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.block-editor-page,html.wp-toolbar{background:#fff}body.block-editor-page #wpcontent{padding-right:0}body.block-editor-page #wpbody-content{padding-bottom:0}body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{display:none}body.block-editor-page .a11y-speak-region{right:-1px;top:-1px}body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.block-editor-page ul#adminmenu>li.current>a.current:after{border-left-color:#fff}body.block-editor-page .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.block-editor-page #wpwrap{overflow-y:auto}@media (min-width:782px){.block-editor-page #wpwrap{overflow-y:initial}}.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{box-sizing:inherit}@media (min-width:600px){.block-editor__container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.block-editor__container{min-height:calc(100vh - 32px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}.block-editor__container img{height:auto;max-width:100%}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:10px;right:auto;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;left:0;max-height:100%;position:fixed;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto}.is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;position:absolute;right:0;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:0;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{bottom:0;top:auto}.interface-more-menu-dropdown{margin-right:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-right:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-left:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{position:absolute;right:16px;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{content:none}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-right:160px;padding-right:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-right:48px;margin-top:0}.edit-post-header{align-items:center;background:#fff;display:flex;flex-wrap:wrap;height:60px;max-width:100vw}@media (min-width:280px){.edit-post-header{flex-wrap:nowrap}}.edit-post-header>.edit-post-header__settings{order:1}@supports (position:sticky){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header__toolbar{display:flex;flex-grow:1}.edit-post-header__toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header__toolbar .table-of-contents{display:block}}.edit-post-header__settings{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;padding-left:4px}@media (min-width:600px){.edit-post-header__settings{gap:8px;padding-left:10px}}.edit-post-header-preview__grouping-external{display:flex;padding-bottom:0;position:relative}.edit-post-header-preview__button-external{display:flex;justify-content:flex-start;margin-left:auto;padding-right:8px;width:100%}.edit-post-header-preview__button-external svg{margin-right:auto}.edit-post-post-preview-dropdown .components-popover__content{padding-bottom:0}.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{width:auto}.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{display:none}.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{content:attr(aria-label)}.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{background-color:initial}.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{display:block}.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{content:none}.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{width:60px}.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{display:block}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:12px;padding-right:12px}}.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{content:none}.edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{justify-content:flex-start;margin:0;padding:6px 40px 6px 6px;text-align:right;width:14.625rem}.show-icon-labels.interface-pinned-items{border-bottom:1px solid #ccc;display:block;margin:0 -12px;padding:6px 12px 12px}.show-icon-labels.interface-pinned-items>.components-button.has-icon{justify-content:flex-start;margin:0;padding:6px 8px 6px 6px;width:14.625rem}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{display:block;max-width:24px}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{padding-right:40px}.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{margin-left:8px}.is-distraction-free .interface-interface-skeleton__header{border-bottom:none}.is-distraction-free .edit-post-header{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background-color:hsla(0,0%,100%,.9);border-bottom:1px solid #e0e0e0;position:absolute;width:100%}.is-distraction-free .edit-post-header>.edit-post-header__settings>.editor-post-preview{visibility:hidden}.is-distraction-free .edit-post-header>.edit-post-header__settings>.block-editor-post-preview__dropdown,.is-distraction-free .edit-post-header>.edit-post-header__settings>.interface-pinned-items,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__document-overview-toggle,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__inserter-toggle{display:none}.is-distraction-free .interface-interface-skeleton__header:focus-within{opacity:1!important}.is-distraction-free .interface-interface-skeleton__header:focus-within div{transform:translateX(0) translateZ(0)!important}.is-distraction-free .components-editor-notices__dismissible{position:absolute;z-index:35}.edit-post-fullscreen-mode-close.components-button{display:none}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button{align-items:center;align-self:stretch;background:#1e1e1e;border:none;border-radius:0;color:#fff;display:flex;height:61px;margin-bottom:-1px;position:relative;width:60px}.edit-post-fullscreen-mode-close.components-button:active{color:#fff}.edit-post-fullscreen-mode-close.components-button:focus{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:before{border-radius:4px;bottom:10px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-fullscreen-mode-close.components-button:before{transition-delay:0s;transition-duration:0s}}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}.edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}}.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{border-radius:2px;height:36px;margin-top:-1px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-post-header-toolbar{align-items:center;border:none;display:inline-flex;flex-grow:1}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:inline-flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{display:inline-flex}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(-45deg)}.edit-post-header-toolbar .block-editor-list-view{display:none}@media (min-width:600px){.edit-post-header-toolbar .block-editor-list-view{display:flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{display:none}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{opacity:0}}.edit-post-header-toolbar__left{align-items:center;display:inline-flex;padding-right:8px}@media (min-width:600px){.edit-post-header-toolbar__left{padding-right:24px}}@media (min-width:1280px){.edit-post-header-toolbar__left{padding-left:8px}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:32px;margin-left:8px;min-width:32px;padding:0;width:32px}.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:36px;padding:0 8px;width:auto}.show-icon-labels .edit-post-header-toolbar__left>*+*{margin-right:8px}.edit-post-template-top-area{align-content:space-between;align-items:center;display:flex;flex-direction:column;width:100%}.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{height:auto;padding:0;text-decoration:none}.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{height:100%}.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{margin-left:0;order:1}.edit-post-template-top-area .edit-post-template-title{color:#1e1e1e}.edit-post-template-top-area .edit-post-template-post-title{display:block;margin-top:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-post-template-top-area .edit-post-template-post-title:before{left:0;right:0}@media (min-width:1080px){.edit-post-template-top-area .edit-post-template-post-title{max-width:400px}}.edit-post-template-top-area__popover .components-popover__content{min-width:280px;padding:0}.edit-post-template-top-area__popover .edit-site-template-details__group{padding:16px}.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help{margin-bottom:0}.edit-post-template-top-area__popover .edit-post-template-details__description{color:#757575}.edit-post-template-top-area__second-menu-group{border-top:1px solid #ddd;padding:16px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{display:flex;justify-content:center;padding:4px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive{margin-left:8px;margin-right:8px;padding:inherit;width:calc(100% - 16px)}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item{width:auto}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{margin-left:0;min-width:0;width:100%}.edit-post-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-post-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-post-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-post-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-post-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.edit-post-layout__metaboxes{clear:both;flex-shrink:0}.edit-post-layout .components-editor-notices__snackbar{bottom:40px;left:0;padding-left:16px;padding-right:16px;position:fixed}.is-distraction-free .components-editor-notices__snackbar{bottom:20px}.edit-post-layout .components-editor-notices__snackbar{right:0}@media (min-width:783px){.edit-post-layout .components-editor-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{right:160px}}.folded .edit-post-layout .components-editor-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-post-layout .components-editor-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{right:0!important}.edit-post-layout .editor-post-publish-panel{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{animation:edit-post-post-publish-panel__slide-in-animation .1s forwards;border-right:1px solid #ddd;right:auto;top:32px;transform:translateX(-100%);width:281px;z-index:99998}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-layout .editor-post-publish-panel{animation-delay:0s;animation-duration:1ms}}@media (min-width:782px){body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}[role=region]:focus .edit-post-layout .editor-post-publish-panel{transform:translateX(0)}}@keyframes edit-post-post-publish-panel__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button{justify-content:center}.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{background-color:#fff;border:1px dotted #ddd;bottom:auto;box-sizing:border-box;display:flex;height:auto!important;justify-content:center;left:0;padding:24px;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel{bottom:0;top:auto}.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel{bottom:0;top:auto}.edit-post-block-manager__no-results{font-style:italic;padding:24px 0;text-align:center}.edit-post-block-manager__search{margin:16px 0}.edit-post-block-manager__disabled-blocks-count{background-color:#fff;border:1px solid #ddd;border-width:1px 0;box-shadow:32px 0 0 0 #fff,-32px 0 0 0 #fff;font-style:italic;padding:8px;position:sticky;text-align:center;top:-1px;z-index:2}.edit-post-block-manager__disabled-blocks-count~.edit-post-block-manager__results .edit-post-block-manager__category-title{top:35px}.edit-post-block-manager__category{margin:0 0 24px}.edit-post-block-manager__category-title{background-color:#fff;padding:16px 0;position:sticky;top:0;z-index:1}.edit-post-block-manager__category-title .components-checkbox-control__label{font-weight:600}.edit-post-block-manager__checklist{margin-top:0}.edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{border-bottom:1px solid #ddd}.edit-post-block-manager__checklist-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:8px 16px 8px 0}.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{margin:0 8px}.edit-post-block-manager__checklist-item .block-editor-block-icon{fill:#1e1e1e;margin-left:10px}.edit-post-block-manager__results{border-top:1px solid #ddd}.edit-post-block-manager__disabled-blocks-count+.edit-post-block-manager__results{border-top-width:0}.edit-post-meta-boxes-area{position:relative}.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{box-sizing:initial}.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{box-sizing:border-box}.edit-post-meta-boxes-area .postbox-header{border-bottom:0;border-top:1px solid #ddd}.edit-post-meta-boxes-area #poststuff{margin:0 auto;min-width:auto;padding-top:0}.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{box-sizing:border-box;color:inherit;font-weight:600;outline:none;padding:0 24px;position:relative;width:100%}.edit-post-meta-boxes-area .postbox{border:0;color:inherit;margin-bottom:0}.edit-post-meta-boxes-area .postbox>.inside{color:inherit;margin:0;padding:0 24px 24px}.edit-post-meta-boxes-area .postbox .handlediv{height:44px;width:44px}.edit-post-meta-boxes-area.is-loading:before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.edit-post-meta-boxes-area .components-spinner{left:20px;position:absolute;top:10px;z-index:5}.edit-post-meta-boxes-area .is-hidden{display:none}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{border:1px solid #757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{background:#fff;border-color:#757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{margin:-3px -4px}.edit-post-meta-boxes-area__clear{clear:both}.edit-post-editor__document-overview-panel,.edit-post-editor__inserter-panel{display:flex;flex-direction:column;height:100%}.edit-post-editor__document-overview-panel{width:350px}.edit-post-editor__document-overview-panel .edit-post-sidebar__panel-tabs{flex-direction:row-reverse}.edit-post-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-left:8px;padding-top:8px}.edit-post-editor__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-post-editor__inserter-panel-content{height:100%}}.edit-post-editor__document-overview-panel-header{border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:4px;padding-right:16px}.edit-post-editor__document-overview-panel-header ul{width:calc(100% - 40px)}.edit-post-editor__document-overview-panel-header li{width:50%}.edit-post-editor__document-overview-panel-header li button{text-align:initial;width:100%}.edit-post-editor__document-overview-panel-header li:only-child{width:100%}.edit-post-editor__list-view-container>.document-outline,.edit-post-editor__list-view-empty-headings,.edit-post-editor__list-view-panel-content{height:100%;overflow-x:hidden;overflow-y:auto;padding:8px 6px}.edit-post-editor__list-view-empty-headings{color:#757575;text-align:center}.edit-post-editor__list-view-empty-headings>svg{margin-top:28px}.edit-post-editor__list-view-empty-headings>p{padding-left:32px;padding-right:32px}.edit-post-editor__list-view-overview{border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:8px;padding:16px}.edit-post-editor__list-view-overview>div>span:first-child{display:inline-block;width:90px}.edit-post-editor__list-view-overview>div>span{color:#757575;font-size:12px;line-height:1.4}.edit-post-editor__list-view-container{display:flex;flex-direction:column;height:calc(100% - 48px)}.components-panel__header.edit-post-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:16px;padding-right:0}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 auto 0 0;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-panel__body.is-opened.edit-post-last-revision__panel{height:48px;padding:0}.editor-post-last-revision__title.components-button{padding:16px}.edit-post-post-author,.edit-post-post-format{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-schedule{justify-content:flex-start;position:relative;width:100%}.edit-post-post-schedule span{display:block;flex-shrink:0;padding:6px 0;width:45%}.components-button.edit-post-post-schedule__toggle{text-align:right;white-space:normal}.components-button.edit-post-post-schedule__toggle span{width:0}.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker{margin:8px}.edit-post-post-slug{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{margin-top:15px;text-align:center;width:100%}.edit-post-post-template{justify-content:flex-start;width:100%}.edit-post-post-template span{display:block;padding:6px 0;width:45%}.edit-post-post-template__dropdown{max-width:55%}.components-button.edit-post-post-template__toggle{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%}.edit-post-post-template__dialog{z-index:99999}.edit-post-post-template__form{margin:8px;min-width:248px}@media (min-width:782px){.edit-post-post-template__create-form{width:320px}}.edit-post-post-url{align-items:flex-start;justify-content:flex-start;width:100%}.edit-post-post-url span{display:block;flex-shrink:0;padding:6px 0;width:45%}.components-button.edit-post-post-url__toggle{height:auto;text-align:right;white-space:normal;word-break:break-word}.edit-post-post-url__dialog .editor-post-url{margin:8px;min-width:248px}.edit-post-post-visibility{justify-content:flex-start;width:100%}.edit-post-post-visibility span{display:block;padding:6px 0;width:45%}.edit-post-post-visibility__dialog .editor-post-visibility{margin:8px;min-width:248px}.components-button.edit-post-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-right:0;padding:3px 16px;position:relative}.components-button.edit-post-sidebar__panel-tab:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-button.edit-post-sidebar__panel-tab:after{background:var(--wp-admin-theme-color);border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-post-sidebar__panel-tab:after{transition-delay:0s;transition-duration:0s}}.components-button.edit-post-sidebar__panel-tab.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-button.edit-post-sidebar__panel-tab:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-post-sidebar__panel-tab:before{transition-delay:0s;transition-duration:0s}}.components-button.edit-post-sidebar__panel-tab:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}h2.edit-post-template-summary__title{font-weight:500;line-height:24px;margin:0 0 4px}.edit-post-text-editor{background-color:#fff;flex-grow:1;position:relative;width:100%}.edit-post-text-editor .editor-post-title{border:1px solid #949494;font-family:Menlo,Consolas,monaco,monospace;font-size:2.5em;font-weight:400;line-height:1.4;max-width:none;padding:16px}@media (min-width:600px){.edit-post-text-editor .editor-post-title{padding:24px}}.edit-post-text-editor .editor-post-title:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-post-text-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:0 12px 12px;width:100%}@media (min-width:960px){.edit-post-text-editor__body{padding:0 24px 24px}}.edit-post-text-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-post-text-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-post-text-editor__toolbar{padding:12px 24px}}.edit-post-text-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 0 0 auto}.edit-post-text-editor__toolbar .components-button svg{order:1}.edit-post-visual-editor{background-color:#2f2f2f;display:flex;flex:1 0 auto;flex-flow:column;position:relative}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{padding:6px}.edit-post-visual-editor__post-title-wrapper{margin-bottom:var(--wp--style--block-gap);margin-top:4rem}.edit-post-visual-editor__post-title-wrapper .editor-post-title{margin-left:auto;margin-right:auto}.edit-post-visual-editor__exit-template-mode{color:#fff;position:absolute;right:8px;top:8px}.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{color:#f0f0f0}.edit-post-visual-editor__content-area{box-sizing:border-box;display:flex;flex-grow:1;height:100%;position:relative;width:100%}.edit-post-welcome-guide,.edit-template-welcome-guide{width:312px}.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-template-welcome-guide .components-button svg{fill:#fff}@media (min-width:600px){.edit-post-start-page-options__modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.edit-post-start-page-options__modal{width:750px}}@media (min-width:960px){.edit-post-start-page-options__modal{height:70%}}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list{column-count:2;column-gap:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column;margin-bottom:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{min-height:100px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{width:100%}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.block-editor-page,html.wp-toolbar{background:#fff}body.block-editor-page #wpcontent{padding-right:0}body.block-editor-page #wpbody-content{padding-bottom:0}body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{display:none}body.block-editor-page .a11y-speak-region{right:-1px;top:-1px}body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.block-editor-page ul#adminmenu>li.current>a.current:after{border-left-color:#fff}body.block-editor-page .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.block-editor-page #wpwrap{overflow-y:auto}@media (min-width:782px){.block-editor-page #wpwrap{overflow-y:initial}}.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{box-sizing:inherit}@media (min-width:600px){.block-editor__container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.block-editor__container{min-height:calc(100vh - 32px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}.block-editor__container img{height:auto;max-width:100%}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}.interface-interface-skeleton__sidebar{border-right:none}@media (min-width:782px){.is-sidebar-opened .interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style.css b/wp-includes/css/dist/edit-post/style.css index 1a64538497..9f6095a790 100644 --- a/wp-includes/css/dist/edit-post/style.css +++ b/wp-includes/css/dist/edit-post/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -220,7 +222,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ background:#fff; bottom:0; color:#1e1e1e; - display:block; flex-shrink:0; left:0; position:absolute; @@ -232,6 +233,8 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; + } + .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } @@ -294,7 +297,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus{ +.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } @@ -389,6 +392,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ box-shadow:none; font-weight:500; } +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ + content:none; +} .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } @@ -540,14 +546,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ padding-right:12px; } } -.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{ content:none; } -@media (min-width:600px){ - .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{ - content:attr(aria-label); - } -} .edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{ justify-content:flex-start; @@ -580,6 +581,34 @@ body.is-fullscreen-mode .interface-interface-skeleton{ margin-right:8px; } +.is-distraction-free .interface-interface-skeleton__header{ + border-bottom:none; +} +.is-distraction-free .edit-post-header{ + -webkit-backdrop-filter:blur(20px) !important; + backdrop-filter:blur(20px) !important; + background-color:hsla(0,0%,100%,.9); + border-bottom:1px solid #e0e0e0; + position:absolute; + width:100%; +} +.is-distraction-free .edit-post-header>.edit-post-header__settings>.editor-post-preview{ + visibility:hidden; +} +.is-distraction-free .edit-post-header>.edit-post-header__settings>.block-editor-post-preview__dropdown,.is-distraction-free .edit-post-header>.edit-post-header__settings>.interface-pinned-items,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__document-overview-toggle,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__inserter-toggle{ + display:none; +} +.is-distraction-free .interface-interface-skeleton__header:focus-within{ + opacity:1 !important; +} +.is-distraction-free .interface-interface-skeleton__header:focus-within div{ + transform:translateX(0) translateZ(0) !important; +} +.is-distraction-free .components-editor-notices__dismissible{ + position:absolute; + z-index:35; +} + .edit-post-fullscreen-mode-close.components-button{ display:none; } @@ -605,7 +634,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ } .edit-post-fullscreen-mode-close.components-button:before{ border-radius:4px; - bottom:9px; + bottom:10px; box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; content:""; display:block; @@ -787,8 +816,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .edit-post-template-top-area__popover .components-popover__content{ min-width:280px; -} -.edit-post-template-top-area__popover .components-popover__content>div{ padding:0; } .edit-post-template-top-area__popover .edit-site-template-details__group{ @@ -880,12 +907,19 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .edit-post-layout .components-editor-notices__snackbar{ bottom:40px; - left:0; padding-left:16px; padding-right:16px; position:fixed; right:0; } + +.is-distraction-free .components-editor-notices__snackbar{ + bottom:20px; +} + +.edit-post-layout .components-editor-notices__snackbar{ + left:0; +} @media (min-width:783px){ .edit-post-layout .components-editor-notices__snackbar{ left:160px; @@ -962,6 +996,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ background-color:#fff; border:1px dotted #ddd; bottom:auto; + box-sizing:border-box; display:flex; height:auto !important; justify-content:center; @@ -973,7 +1008,13 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel{ + +.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel{ + bottom:0; + top:auto; +} + +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel{ bottom:0; top:auto; } @@ -1026,26 +1067,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ .edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{ border-bottom:1px solid #ddd; } -.edit-post-block-manager__category-title .components-base-control__field,.edit-post-block-manager__checklist-item .components-base-control__field{ - align-items:center; - display:flex; - margin:0; -} .edit-post-block-manager__checklist-item{ + align-items:center; + display:flex; + justify-content:space-between; margin-bottom:0; - padding-left:16px; + padding:8px 0 8px 16px; } .components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{ margin:0 8px; } -.edit-post-block-manager__checklist-item .components-checkbox-control__label{ - align-items:center; - display:flex; - flex-grow:1; - justify-content:space-between; - padding:8px 0; -} .edit-post-block-manager__checklist-item .block-editor-block-icon{ fill:#1e1e1e; margin-right:10px; @@ -1134,14 +1166,17 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ clear:both; } -.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{ +.edit-post-editor__document-overview-panel,.edit-post-editor__inserter-panel{ display:flex; flex-direction:column; height:100%; } -.edit-post-editor__list-view-panel{ - min-width:350px; +.edit-post-editor__document-overview-panel{ + width:350px; +} +.edit-post-editor__document-overview-panel .edit-post-sidebar__panel-tabs{ + flex-direction:row-reverse; } .edit-post-editor__inserter-panel-header{ @@ -1151,18 +1186,16 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ padding-top:8px; } -.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{ +.edit-post-editor__inserter-panel-content{ height:calc(100% - 44px); } - @media (min-width:782px){ .edit-post-editor__inserter-panel-content{ height:100%; } } -.edit-post-editor__list-view-panel-header{ - align-items:center; +.edit-post-editor__document-overview-panel-header{ border-bottom:1px solid #ddd; display:flex; height:48px; @@ -1170,12 +1203,62 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ padding-left:16px; padding-right:4px; } +.edit-post-editor__document-overview-panel-header ul{ + width:calc(100% - 40px); +} +.edit-post-editor__document-overview-panel-header li{ + width:50%; +} +.edit-post-editor__document-overview-panel-header li button{ + text-align:initial; + width:100%; +} +.edit-post-editor__document-overview-panel-header li:only-child{ + width:100%; +} -.edit-post-editor__list-view-panel-content{ +.edit-post-editor__list-view-container>.document-outline,.edit-post-editor__list-view-empty-headings,.edit-post-editor__list-view-panel-content{ + height:100%; + overflow-x:hidden; overflow-y:auto; padding:8px 6px; } +.edit-post-editor__list-view-empty-headings{ + color:#757575; + text-align:center; +} +.edit-post-editor__list-view-empty-headings>svg{ + margin-top:28px; +} +.edit-post-editor__list-view-empty-headings>p{ + padding-left:32px; + padding-right:32px; +} + +.edit-post-editor__list-view-overview{ + border-bottom:1px solid #ddd; + display:flex; + flex-direction:column; + gap:8px; + padding:16px; +} +.edit-post-editor__list-view-overview>div>span:first-child{ + display:inline-block; + width:90px; +} +.edit-post-editor__list-view-overview>div>span{ + color:#757575; + font-size:12px; + line-height:1.4; +} + +.edit-post-editor__list-view-container{ + display:flex; + flex-direction:column; + height:calc(100% - 48px); +} + .components-panel__header.edit-post-sidebar__panel-tabs{ border-top:0; justify-content:flex-start; @@ -1225,11 +1308,11 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ .edit-post-post-schedule span{ display:block; flex-shrink:0; + padding:6px 0; width:45%; } .components-button.edit-post-post-schedule__toggle{ - height:auto; text-align:left; white-space:normal; } @@ -1259,6 +1342,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ } .edit-post-post-template span{ display:block; + padding:6px 0; width:45%; } @@ -1289,12 +1373,14 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ } .edit-post-post-url{ + align-items:flex-start; justify-content:flex-start; width:100%; } .edit-post-post-url span{ display:block; flex-shrink:0; + padding:6px 0; width:45%; } @@ -1316,6 +1402,7 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ } .edit-post-post-visibility span{ display:block; + padding:6px 0; width:45%; } @@ -1330,42 +1417,61 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ border-radius:0; box-shadow:none; cursor:pointer; - display:inline-block; font-weight:500; height:48px; margin-left:0; - padding:3px 15px; + padding:3px 16px; + position:relative; +} +.components-button.edit-post-sidebar__panel-tab:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; } .components-button.edit-post-sidebar__panel-tab:after{ - speak:none; - content:attr(data-label); - display:block; - font-weight:600; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-button.edit-post-sidebar__panel-tab.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - position:relative; - z-index:1; -} -.components-button.edit-post-sidebar__panel-tab.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; + background:var(--wp-admin-theme-color); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-button.edit-post-sidebar__panel-tab:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position:relative; - z-index:1; +@media (prefers-reduced-motion:reduce){ + .components-button.edit-post-sidebar__panel-tab:after{ + transition-delay:0s; + transition-duration:0s; + } } -.components-button.edit-post-sidebar__panel-tab.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -3px 0 0 var(--wp-admin-theme-color); +.components-button.edit-post-sidebar__panel-tab.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-button.edit-post-sidebar__panel-tab:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-button.edit-post-sidebar__panel-tab:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.edit-post-sidebar__panel-tab:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } h2.edit-post-template-summary__title{ @@ -1742,4 +1848,13 @@ body.admin-color-sunrise{ body.admin-color-sunrise{ --wp-admin-border-width-focus:1.5px; } +} + +.interface-interface-skeleton__sidebar{ + border-left:none; +} +@media (min-width:782px){ + .is-sidebar-opened .interface-interface-skeleton__sidebar{ + border-left:1px solid #e0e0e0; + } } \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style.min.css b/wp-includes/css/dist/edit-post/style.min.css index 6291c27ed2..45ee106a9d 100644 --- a/wp-includes/css/dist/edit-post/style.min.css +++ b/wp-includes/css/dist/edit-post/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:auto;right:10px;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;right:0;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;display:block;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto;z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;left:0;position:absolute;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:auto;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus{bottom:0;top:auto}.interface-more-menu-dropdown{margin-left:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-left:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-right:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{left:16px;position:absolute;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-left:160px;padding-left:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-left:48px;margin-top:0}.edit-post-header{align-items:center;background:#fff;display:flex;flex-wrap:wrap;height:60px;max-width:100vw}@media (min-width:280px){.edit-post-header{flex-wrap:nowrap}}.edit-post-header>.edit-post-header__settings{order:1}@supports (position:sticky){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header__toolbar{display:flex;flex-grow:1}.edit-post-header__toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header__toolbar .table-of-contents{display:block}}.edit-post-header__settings{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;padding-right:4px}@media (min-width:600px){.edit-post-header__settings{gap:8px;padding-right:10px}}.edit-post-header-preview__grouping-external{display:flex;padding-bottom:0;position:relative}.edit-post-header-preview__button-external{display:flex;justify-content:flex-start;margin-right:auto;padding-left:8px;width:100%}.edit-post-header-preview__button-external svg{margin-left:auto}.edit-post-post-preview-dropdown .components-popover__content{padding-bottom:0}.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{width:auto}.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{display:none}.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{content:attr(aria-label)}.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{background-color:initial}.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{display:block}.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{content:none}.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{width:60px}.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{display:block}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:12px;padding-right:12px}}.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:none}@media (min-width:600px){.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:attr(aria-label)}}.edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{justify-content:flex-start;margin:0;padding:6px 6px 6px 40px;text-align:left;width:14.625rem}.show-icon-labels.interface-pinned-items{border-bottom:1px solid #ccc;display:block;margin:0 -12px;padding:6px 12px 12px}.show-icon-labels.interface-pinned-items>.components-button.has-icon{justify-content:flex-start;margin:0;padding:6px 6px 6px 8px;width:14.625rem}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{display:block;max-width:24px}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{padding-left:40px}.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{margin-right:8px}.edit-post-fullscreen-mode-close.components-button{display:none}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button{align-items:center;align-self:stretch;background:#1e1e1e;border:none;border-radius:0;color:#fff;display:flex;height:61px;margin-bottom:-1px;position:relative;width:60px}.edit-post-fullscreen-mode-close.components-button:active{color:#fff}.edit-post-fullscreen-mode-close.components-button:focus{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:before{border-radius:4px;bottom:9px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-fullscreen-mode-close.components-button:before{transition-delay:0s;transition-duration:0s}}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}.edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}}.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{border-radius:2px;height:36px;margin-top:-1px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-post-header-toolbar{align-items:center;border:none;display:inline-flex;flex-grow:1}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:inline-flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{display:inline-flex}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.edit-post-header-toolbar .block-editor-list-view{display:none}@media (min-width:600px){.edit-post-header-toolbar .block-editor-list-view{display:flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{display:none}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{opacity:0}}.edit-post-header-toolbar__left{align-items:center;display:inline-flex;padding-left:8px}@media (min-width:600px){.edit-post-header-toolbar__left{padding-left:24px}}@media (min-width:1280px){.edit-post-header-toolbar__left{padding-right:8px}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:32px;margin-right:8px;min-width:32px;padding:0;width:32px}.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:36px;padding:0 8px;width:auto}.show-icon-labels .edit-post-header-toolbar__left>*+*{margin-left:8px}.edit-post-template-top-area{align-content:space-between;align-items:center;display:flex;flex-direction:column;width:100%}.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{height:auto;padding:0;text-decoration:none}.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{height:100%}.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{margin-right:0;order:1}.edit-post-template-top-area .edit-post-template-title{color:#1e1e1e}.edit-post-template-top-area .edit-post-template-post-title{display:block;margin-top:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-post-template-top-area .edit-post-template-post-title:before{left:0;right:0}@media (min-width:1080px){.edit-post-template-top-area .edit-post-template-post-title{max-width:400px}}.edit-post-template-top-area__popover .components-popover__content{min-width:280px}.edit-post-template-top-area__popover .components-popover__content>div{padding:0}.edit-post-template-top-area__popover .edit-site-template-details__group{padding:16px}.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help{margin-bottom:0}.edit-post-template-top-area__popover .edit-post-template-details__description{color:#757575}.edit-post-template-top-area__second-menu-group{border-top:1px solid #ddd;padding:16px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{display:flex;justify-content:center;padding:4px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive{margin-left:8px;margin-right:8px;padding:inherit;width:calc(100% - 16px)}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item{width:auto}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{margin-right:0;min-width:0;width:100%}.edit-post-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-post-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-post-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-post-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-post-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.edit-post-layout__metaboxes{clear:both;flex-shrink:0}.edit-post-layout .components-editor-notices__snackbar{bottom:40px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-post-layout .components-editor-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:160px}}.folded .edit-post-layout .components-editor-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-post-layout .components-editor-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{left:0!important}.edit-post-layout .editor-post-publish-panel{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{animation:edit-post-post-publish-panel__slide-in-animation .1s forwards;border-left:1px solid #ddd;left:auto;top:32px;transform:translateX(100%);width:281px;z-index:99998}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-layout .editor-post-publish-panel{animation-delay:0s;animation-duration:1ms}}@media (min-width:782px){body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}[role=region]:focus .edit-post-layout .editor-post-publish-panel{transform:translateX(0)}}@keyframes edit-post-post-publish-panel__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button{justify-content:center}.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{background-color:#fff;border:1px dotted #ddd;bottom:auto;display:flex;height:auto!important;justify-content:center;left:auto;padding:24px;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel{bottom:0;top:auto}.edit-post-block-manager__no-results{font-style:italic;padding:24px 0;text-align:center}.edit-post-block-manager__search{margin:16px 0}.edit-post-block-manager__disabled-blocks-count{background-color:#fff;border:1px solid #ddd;border-width:1px 0;box-shadow:-32px 0 0 0 #fff,32px 0 0 0 #fff;font-style:italic;padding:8px;position:sticky;text-align:center;top:-1px;z-index:2}.edit-post-block-manager__disabled-blocks-count~.edit-post-block-manager__results .edit-post-block-manager__category-title{top:35px}.edit-post-block-manager__category{margin:0 0 24px}.edit-post-block-manager__category-title{background-color:#fff;padding:16px 0;position:sticky;top:0;z-index:1}.edit-post-block-manager__category-title .components-checkbox-control__label{font-weight:600}.edit-post-block-manager__checklist{margin-top:0}.edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{border-bottom:1px solid #ddd}.edit-post-block-manager__category-title .components-base-control__field,.edit-post-block-manager__checklist-item .components-base-control__field{align-items:center;display:flex;margin:0}.edit-post-block-manager__checklist-item{margin-bottom:0;padding-left:16px}.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{margin:0 8px}.edit-post-block-manager__checklist-item .components-checkbox-control__label{align-items:center;display:flex;flex-grow:1;justify-content:space-between;padding:8px 0}.edit-post-block-manager__checklist-item .block-editor-block-icon{fill:#1e1e1e;margin-right:10px}.edit-post-block-manager__results{border-top:1px solid #ddd}.edit-post-block-manager__disabled-blocks-count+.edit-post-block-manager__results{border-top-width:0}.edit-post-meta-boxes-area{position:relative}.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{box-sizing:initial}.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{box-sizing:border-box}.edit-post-meta-boxes-area .postbox-header{border-bottom:0;border-top:1px solid #ddd}.edit-post-meta-boxes-area #poststuff{margin:0 auto;min-width:auto;padding-top:0}.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{box-sizing:border-box;color:inherit;font-weight:600;outline:none;padding:0 24px;position:relative;width:100%}.edit-post-meta-boxes-area .postbox{border:0;color:inherit;margin-bottom:0}.edit-post-meta-boxes-area .postbox>.inside{color:inherit;margin:0;padding:0 24px 24px}.edit-post-meta-boxes-area .postbox .handlediv{height:44px;width:44px}.edit-post-meta-boxes-area.is-loading:before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.edit-post-meta-boxes-area .components-spinner{position:absolute;right:20px;top:10px;z-index:5}.edit-post-meta-boxes-area .is-hidden{display:none}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{border:1px solid #757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{background:#fff;border-color:#757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{margin:-3px -4px}.edit-post-meta-boxes-area__clear{clear:both}.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{display:flex;flex-direction:column;height:100%}.edit-post-editor__list-view-panel{min-width:350px}.edit-post-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-right:8px;padding-top:8px}.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-post-editor__inserter-panel-content{height:100%}}.edit-post-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:16px;padding-right:4px}.edit-post-editor__list-view-panel-content{overflow-y:auto;padding:8px 6px}.components-panel__header.edit-post-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:0;padding-right:16px}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 0 0 auto;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-panel__body.is-opened.edit-post-last-revision__panel{height:48px;padding:0}.editor-post-last-revision__title.components-button{padding:16px}.edit-post-post-author,.edit-post-post-format{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-schedule{justify-content:flex-start;position:relative;width:100%}.edit-post-post-schedule span{display:block;flex-shrink:0;width:45%}.components-button.edit-post-post-schedule__toggle{height:auto;text-align:left;white-space:normal}.components-button.edit-post-post-schedule__toggle span{width:0}.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker{margin:8px}.edit-post-post-slug{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{margin-top:15px;text-align:center;width:100%}.edit-post-post-template{justify-content:flex-start;width:100%}.edit-post-post-template span{display:block;width:45%}.edit-post-post-template__dropdown{max-width:55%}.components-button.edit-post-post-template__toggle{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%}.edit-post-post-template__dialog{z-index:99999}.edit-post-post-template__form{margin:8px;min-width:248px}@media (min-width:782px){.edit-post-post-template__create-form{width:320px}}.edit-post-post-url{justify-content:flex-start;width:100%}.edit-post-post-url span{display:block;flex-shrink:0;width:45%}.components-button.edit-post-post-url__toggle{height:auto;text-align:left;white-space:normal;word-break:break-word}.edit-post-post-url__dialog .editor-post-url{margin:8px;min-width:248px}.edit-post-post-visibility{justify-content:flex-start;width:100%}.edit-post-post-visibility span{display:block;width:45%}.edit-post-post-visibility__dialog .editor-post-visibility{margin:8px;min-width:248px}.components-button.edit-post-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;font-weight:500;height:48px;margin-left:0;padding:3px 15px}.components-button.edit-post-sidebar__panel-tab:after{speak:none;content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;visibility:hidden}.components-button.edit-post-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-button.edit-post-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -3px 0 0 var(--wp-admin-theme-color)}h2.edit-post-template-summary__title{font-weight:500;line-height:24px;margin:0 0 4px}.edit-post-text-editor{background-color:#fff;flex-grow:1;position:relative;width:100%}.edit-post-text-editor .editor-post-title{border:1px solid #949494;font-family:Menlo,Consolas,monaco,monospace;font-size:2.5em;font-weight:400;line-height:1.4;max-width:none;padding:16px}@media (min-width:600px){.edit-post-text-editor .editor-post-title{padding:24px}}.edit-post-text-editor .editor-post-title:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-post-text-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:0 12px 12px;width:100%}@media (min-width:960px){.edit-post-text-editor__body{padding:0 24px 24px}}.edit-post-text-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-post-text-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-post-text-editor__toolbar{padding:12px 24px}}.edit-post-text-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 auto 0 0}.edit-post-text-editor__toolbar .components-button svg{order:1}.edit-post-visual-editor{background-color:#2f2f2f;display:flex;flex:1 0 auto;flex-flow:column;position:relative}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{padding:6px}.edit-post-visual-editor__post-title-wrapper{margin-bottom:var(--wp--style--block-gap);margin-top:4rem}.edit-post-visual-editor__post-title-wrapper .editor-post-title{margin-left:auto;margin-right:auto}.edit-post-visual-editor__exit-template-mode{color:#fff;left:8px;position:absolute;top:8px}.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{color:#f0f0f0}.edit-post-visual-editor__content-area{box-sizing:border-box;display:flex;flex-grow:1;height:100%;position:relative;width:100%}.edit-post-welcome-guide,.edit-template-welcome-guide{width:312px}.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-template-welcome-guide .components-button svg{fill:#fff}@media (min-width:600px){.edit-post-start-page-options__modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.edit-post-start-page-options__modal{width:750px}}@media (min-width:960px){.edit-post-start-page-options__modal{height:70%}}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list{column-count:2;column-gap:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column;margin-bottom:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{min-height:100px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{width:100%}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.block-editor-page,html.wp-toolbar{background:#fff}body.block-editor-page #wpcontent{padding-left:0}body.block-editor-page #wpbody-content{padding-bottom:0}body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{display:none}body.block-editor-page .a11y-speak-region{left:-1px;top:-1px}body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.block-editor-page ul#adminmenu>li.current>a.current:after{border-right-color:#fff}body.block-editor-page .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.block-editor-page #wpwrap{overflow-y:auto}@media (min-width:782px){.block-editor-page #wpwrap{overflow-y:initial}}.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{box-sizing:inherit}@media (min-width:600px){.block-editor__container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.block-editor__container{min-height:calc(100vh - 32px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}.block-editor__container img{height:auto;max-width:100%}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:auto;right:10px;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;right:0;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto}.is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;left:0;position:absolute;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:auto;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{bottom:0;top:auto}.interface-more-menu-dropdown{margin-left:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-left:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-right:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{left:16px;position:absolute;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{content:none}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-left:160px;padding-left:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-left:48px;margin-top:0}.edit-post-header{align-items:center;background:#fff;display:flex;flex-wrap:wrap;height:60px;max-width:100vw}@media (min-width:280px){.edit-post-header{flex-wrap:nowrap}}.edit-post-header>.edit-post-header__settings{order:1}@supports (position:sticky){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header__toolbar{display:flex;flex-grow:1}.edit-post-header__toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header__toolbar .table-of-contents{display:block}}.edit-post-header__settings{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;padding-right:4px}@media (min-width:600px){.edit-post-header__settings{gap:8px;padding-right:10px}}.edit-post-header-preview__grouping-external{display:flex;padding-bottom:0;position:relative}.edit-post-header-preview__button-external{display:flex;justify-content:flex-start;margin-right:auto;padding-left:8px;width:100%}.edit-post-header-preview__button-external svg{margin-left:auto}.edit-post-post-preview-dropdown .components-popover__content{padding-bottom:0}.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{width:auto}.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{display:none}.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{content:attr(aria-label)}.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{background-color:initial}.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{display:block}.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{content:none}.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{width:60px}.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{display:block}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:12px;padding-right:12px}}.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{content:none}.edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{justify-content:flex-start;margin:0;padding:6px 6px 6px 40px;text-align:left;width:14.625rem}.show-icon-labels.interface-pinned-items{border-bottom:1px solid #ccc;display:block;margin:0 -12px;padding:6px 12px 12px}.show-icon-labels.interface-pinned-items>.components-button.has-icon{justify-content:flex-start;margin:0;padding:6px 6px 6px 8px;width:14.625rem}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{display:block;max-width:24px}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{padding-left:40px}.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{margin-right:8px}.is-distraction-free .interface-interface-skeleton__header{border-bottom:none}.is-distraction-free .edit-post-header{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background-color:hsla(0,0%,100%,.9);border-bottom:1px solid #e0e0e0;position:absolute;width:100%}.is-distraction-free .edit-post-header>.edit-post-header__settings>.editor-post-preview{visibility:hidden}.is-distraction-free .edit-post-header>.edit-post-header__settings>.block-editor-post-preview__dropdown,.is-distraction-free .edit-post-header>.edit-post-header__settings>.interface-pinned-items,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__document-overview-toggle,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .edit-post-header-toolbar__inserter-toggle{display:none}.is-distraction-free .interface-interface-skeleton__header:focus-within{opacity:1!important}.is-distraction-free .interface-interface-skeleton__header:focus-within div{transform:translateX(0) translateZ(0)!important}.is-distraction-free .components-editor-notices__dismissible{position:absolute;z-index:35}.edit-post-fullscreen-mode-close.components-button{display:none}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button{align-items:center;align-self:stretch;background:#1e1e1e;border:none;border-radius:0;color:#fff;display:flex;height:61px;margin-bottom:-1px;position:relative;width:60px}.edit-post-fullscreen-mode-close.components-button:active{color:#fff}.edit-post-fullscreen-mode-close.components-button:focus{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:before{border-radius:4px;bottom:10px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-fullscreen-mode-close.components-button:before{transition-delay:0s;transition-duration:0s}}@media (min-width:782px){.edit-post-fullscreen-mode-close.components-button:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}.edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{box-shadow:none}.edit-post-fullscreen-mode-close.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}}.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{border-radius:2px;height:36px;margin-top:-1px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-post-header-toolbar{align-items:center;border:none;display:inline-flex;flex-grow:1}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:inline-flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{display:inline-flex}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.edit-post-header-toolbar .block-editor-list-view{display:none}@media (min-width:600px){.edit-post-header-toolbar .block-editor-list-view{display:flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{display:none}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{opacity:0}}.edit-post-header-toolbar__left{align-items:center;display:inline-flex;padding-left:8px}@media (min-width:600px){.edit-post-header-toolbar__left{padding-left:24px}}@media (min-width:1280px){.edit-post-header-toolbar__left{padding-right:8px}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:32px;margin-right:8px;min-width:32px;padding:0;width:32px}.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:36px;padding:0 8px;width:auto}.show-icon-labels .edit-post-header-toolbar__left>*+*{margin-left:8px}.edit-post-template-top-area{align-content:space-between;align-items:center;display:flex;flex-direction:column;width:100%}.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{height:auto;padding:0;text-decoration:none}.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{height:100%}.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{margin-right:0;order:1}.edit-post-template-top-area .edit-post-template-title{color:#1e1e1e}.edit-post-template-top-area .edit-post-template-post-title{display:block;margin-top:4px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-post-template-top-area .edit-post-template-post-title:before{left:0;right:0}@media (min-width:1080px){.edit-post-template-top-area .edit-post-template-post-title{max-width:400px}}.edit-post-template-top-area__popover .components-popover__content{min-width:280px;padding:0}.edit-post-template-top-area__popover .edit-site-template-details__group{padding:16px}.edit-post-template-top-area__popover .edit-site-template-details__group .components-base-control__help{margin-bottom:0}.edit-post-template-top-area__popover .edit-post-template-details__description{color:#757575}.edit-post-template-top-area__second-menu-group{border-top:1px solid #ddd;padding:16px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{display:flex;justify-content:center;padding:4px 8px}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive{margin-left:8px;margin-right:8px;padding:inherit;width:calc(100% - 16px)}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button.is-destructive .components-menu-item__item{width:auto}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{margin-right:0;min-width:0;width:100%}.edit-post-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-post-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-post-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-post-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-post-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.edit-post-layout__metaboxes{clear:both;flex-shrink:0}.edit-post-layout .components-editor-notices__snackbar{bottom:40px;padding-left:16px;padding-right:16px;position:fixed;right:0}.is-distraction-free .components-editor-notices__snackbar{bottom:20px}.edit-post-layout .components-editor-notices__snackbar{left:0}@media (min-width:783px){.edit-post-layout .components-editor-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:160px}}.folded .edit-post-layout .components-editor-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-post-layout .components-editor-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{left:0!important}.edit-post-layout .editor-post-publish-panel{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{animation:edit-post-post-publish-panel__slide-in-animation .1s forwards;border-left:1px solid #ddd;left:auto;top:32px;transform:translateX(100%);width:281px;z-index:99998}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-layout .editor-post-publish-panel{animation-delay:0s;animation-duration:1ms}}@media (min-width:782px){body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}[role=region]:focus .edit-post-layout .editor-post-publish-panel{transform:translateX(0)}}@keyframes edit-post-post-publish-panel__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button{justify-content:center}.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{background-color:#fff;border:1px dotted #ddd;bottom:auto;box-sizing:border-box;display:flex;height:auto!important;justify-content:center;left:auto;padding:24px;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel{bottom:0;top:auto}.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel{bottom:0;top:auto}.edit-post-block-manager__no-results{font-style:italic;padding:24px 0;text-align:center}.edit-post-block-manager__search{margin:16px 0}.edit-post-block-manager__disabled-blocks-count{background-color:#fff;border:1px solid #ddd;border-width:1px 0;box-shadow:-32px 0 0 0 #fff,32px 0 0 0 #fff;font-style:italic;padding:8px;position:sticky;text-align:center;top:-1px;z-index:2}.edit-post-block-manager__disabled-blocks-count~.edit-post-block-manager__results .edit-post-block-manager__category-title{top:35px}.edit-post-block-manager__category{margin:0 0 24px}.edit-post-block-manager__category-title{background-color:#fff;padding:16px 0;position:sticky;top:0;z-index:1}.edit-post-block-manager__category-title .components-checkbox-control__label{font-weight:600}.edit-post-block-manager__checklist{margin-top:0}.edit-post-block-manager__category-title,.edit-post-block-manager__checklist-item{border-bottom:1px solid #ddd}.edit-post-block-manager__checklist-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:8px 0 8px 16px}.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container{margin:0 8px}.edit-post-block-manager__checklist-item .block-editor-block-icon{fill:#1e1e1e;margin-right:10px}.edit-post-block-manager__results{border-top:1px solid #ddd}.edit-post-block-manager__disabled-blocks-count+.edit-post-block-manager__results{border-top-width:0}.edit-post-meta-boxes-area{position:relative}.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{box-sizing:initial}.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{box-sizing:border-box}.edit-post-meta-boxes-area .postbox-header{border-bottom:0;border-top:1px solid #ddd}.edit-post-meta-boxes-area #poststuff{margin:0 auto;min-width:auto;padding-top:0}.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{box-sizing:border-box;color:inherit;font-weight:600;outline:none;padding:0 24px;position:relative;width:100%}.edit-post-meta-boxes-area .postbox{border:0;color:inherit;margin-bottom:0}.edit-post-meta-boxes-area .postbox>.inside{color:inherit;margin:0;padding:0 24px 24px}.edit-post-meta-boxes-area .postbox .handlediv{height:44px;width:44px}.edit-post-meta-boxes-area.is-loading:before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.edit-post-meta-boxes-area .components-spinner{position:absolute;right:20px;top:10px;z-index:5}.edit-post-meta-boxes-area .is-hidden{display:none}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{border:1px solid #757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{background:#fff;border-color:#757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{margin:-3px -4px}.edit-post-meta-boxes-area__clear{clear:both}.edit-post-editor__document-overview-panel,.edit-post-editor__inserter-panel{display:flex;flex-direction:column;height:100%}.edit-post-editor__document-overview-panel{width:350px}.edit-post-editor__document-overview-panel .edit-post-sidebar__panel-tabs{flex-direction:row-reverse}.edit-post-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-right:8px;padding-top:8px}.edit-post-editor__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-post-editor__inserter-panel-content{height:100%}}.edit-post-editor__document-overview-panel-header{border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:16px;padding-right:4px}.edit-post-editor__document-overview-panel-header ul{width:calc(100% - 40px)}.edit-post-editor__document-overview-panel-header li{width:50%}.edit-post-editor__document-overview-panel-header li button{text-align:initial;width:100%}.edit-post-editor__document-overview-panel-header li:only-child{width:100%}.edit-post-editor__list-view-container>.document-outline,.edit-post-editor__list-view-empty-headings,.edit-post-editor__list-view-panel-content{height:100%;overflow-x:hidden;overflow-y:auto;padding:8px 6px}.edit-post-editor__list-view-empty-headings{color:#757575;text-align:center}.edit-post-editor__list-view-empty-headings>svg{margin-top:28px}.edit-post-editor__list-view-empty-headings>p{padding-left:32px;padding-right:32px}.edit-post-editor__list-view-overview{border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:8px;padding:16px}.edit-post-editor__list-view-overview>div>span:first-child{display:inline-block;width:90px}.edit-post-editor__list-view-overview>div>span{color:#757575;font-size:12px;line-height:1.4}.edit-post-editor__list-view-container{display:flex;flex-direction:column;height:calc(100% - 48px)}.components-panel__header.edit-post-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:0;padding-right:16px}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 0 0 auto;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-panel__body.is-opened.edit-post-last-revision__panel{height:48px;padding:0}.editor-post-last-revision__title.components-button{padding:16px}.edit-post-post-author,.edit-post-post-format{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-schedule{justify-content:flex-start;position:relative;width:100%}.edit-post-post-schedule span{display:block;flex-shrink:0;padding:6px 0;width:45%}.components-button.edit-post-post-schedule__toggle{text-align:left;white-space:normal}.components-button.edit-post-post-schedule__toggle span{width:0}.edit-post-post-schedule__dialog .block-editor-publish-date-time-picker{margin:8px}.edit-post-post-slug{align-items:stretch;display:flex;flex-direction:column}.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{margin-top:15px;text-align:center;width:100%}.edit-post-post-template{justify-content:flex-start;width:100%}.edit-post-post-template span{display:block;padding:6px 0;width:45%}.edit-post-post-template__dropdown{max-width:55%}.components-button.edit-post-post-template__toggle{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:100%}.edit-post-post-template__dialog{z-index:99999}.edit-post-post-template__form{margin:8px;min-width:248px}@media (min-width:782px){.edit-post-post-template__create-form{width:320px}}.edit-post-post-url{align-items:flex-start;justify-content:flex-start;width:100%}.edit-post-post-url span{display:block;flex-shrink:0;padding:6px 0;width:45%}.components-button.edit-post-post-url__toggle{height:auto;text-align:left;white-space:normal;word-break:break-word}.edit-post-post-url__dialog .editor-post-url{margin:8px;min-width:248px}.edit-post-post-visibility{justify-content:flex-start;width:100%}.edit-post-post-visibility span{display:block;padding:6px 0;width:45%}.edit-post-post-visibility__dialog .editor-post-visibility{margin:8px;min-width:248px}.components-button.edit-post-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-left:0;padding:3px 16px;position:relative}.components-button.edit-post-sidebar__panel-tab:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-button.edit-post-sidebar__panel-tab:after{background:var(--wp-admin-theme-color);border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-post-sidebar__panel-tab:after{transition-delay:0s;transition-duration:0s}}.components-button.edit-post-sidebar__panel-tab.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-button.edit-post-sidebar__panel-tab:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-post-sidebar__panel-tab:before{transition-delay:0s;transition-duration:0s}}.components-button.edit-post-sidebar__panel-tab:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}h2.edit-post-template-summary__title{font-weight:500;line-height:24px;margin:0 0 4px}.edit-post-text-editor{background-color:#fff;flex-grow:1;position:relative;width:100%}.edit-post-text-editor .editor-post-title{border:1px solid #949494;font-family:Menlo,Consolas,monaco,monospace;font-size:2.5em;font-weight:400;line-height:1.4;max-width:none;padding:16px}@media (min-width:600px){.edit-post-text-editor .editor-post-title{padding:24px}}.edit-post-text-editor .editor-post-title:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-post-text-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:0 12px 12px;width:100%}@media (min-width:960px){.edit-post-text-editor__body{padding:0 24px 24px}}.edit-post-text-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-post-text-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-post-text-editor__toolbar{padding:12px 24px}}.edit-post-text-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 auto 0 0}.edit-post-text-editor__toolbar .components-button svg{order:1}.edit-post-visual-editor{background-color:#2f2f2f;display:flex;flex:1 0 auto;flex-flow:column;position:relative}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{padding:6px}.edit-post-visual-editor__post-title-wrapper{margin-bottom:var(--wp--style--block-gap);margin-top:4rem}.edit-post-visual-editor__post-title-wrapper .editor-post-title{margin-left:auto;margin-right:auto}.edit-post-visual-editor__exit-template-mode{color:#fff;left:8px;position:absolute;top:8px}.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{color:#f0f0f0}.edit-post-visual-editor__content-area{box-sizing:border-box;display:flex;flex-grow:1;height:100%;position:relative;width:100%}.edit-post-welcome-guide,.edit-template-welcome-guide{width:312px}.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-template-welcome-guide .components-button svg{fill:#fff}@media (min-width:600px){.edit-post-start-page-options__modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.edit-post-start-page-options__modal{width:750px}}@media (min-width:960px){.edit-post-start-page-options__modal{height:70%}}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list{column-count:2;column-gap:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{break-inside:avoid-column;margin-bottom:24px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{min-height:100px}.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{width:100%}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.block-editor-page,html.wp-toolbar{background:#fff}body.block-editor-page #wpcontent{padding-left:0}body.block-editor-page #wpbody-content{padding-bottom:0}body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{display:none}body.block-editor-page .a11y-speak-region{left:-1px;top:-1px}body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.block-editor-page ul#adminmenu>li.current>a.current:after{border-right-color:#fff}body.block-editor-page .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.block-editor-page #wpwrap{overflow-y:auto}@media (min-width:782px){.block-editor-page #wpwrap{overflow-y:initial}}.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{box-sizing:inherit}@media (min-width:600px){.block-editor__container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.block-editor__container{min-height:calc(100vh - 32px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}.block-editor__container img{height:auto;max-width:100%}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}.interface-interface-skeleton__sidebar{border-left:none}@media (min-width:782px){.is-sidebar-opened .interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-site/style-rtl.css b/wp-includes/css/dist/edit-site/style-rtl.css index 3fe86f66de..385b9071f2 100644 --- a/wp-includes/css/dist/edit-site/style-rtl.css +++ b/wp-includes/css/dist/edit-site/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -220,7 +222,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ background:#fff; bottom:0; color:#1e1e1e; - display:block; flex-shrink:0; left:0; position:absolute; @@ -232,6 +233,8 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; + } + .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } @@ -294,7 +297,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus{ +.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } @@ -389,6 +392,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ box-shadow:none; font-weight:500; } +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ + content:none; +} .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } @@ -434,939 +440,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ margin-top:0; } -.edit-site-block-editor__editor-styles-wrapper .components-button{ - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:13px; - padding:6px 12px; -} -.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ - padding:6px; -} - -.edit-site-visual-editor{ - align-items:center; - background-color:#2f2f2f; -} -.edit-site-visual-editor.is-focus-mode{ - padding:48px; -} -.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ - border-radius:2px; - max-height:100%; -} -.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ - overflow:visible; -} -.edit-site-visual-editor .components-resizable-box__container{ - margin:0 auto; - overflow:auto; -} - -.edit-site-visual-editor__back-button{ - color:#fff; - position:absolute; - right:8px; - top:8px; -} -.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ - color:#f0f0f0; -} - -.resizable-editor__drag-handle{ - -webkit-appearance:none; - appearance:none; - background:#949494; - border:0; - border-radius:2px; - bottom:0; - cursor:ew-resize; - height:100px; - margin:auto 0; - outline:none; - padding:0; - position:absolute; - top:0; - width:4px; -} -.resizable-editor__drag-handle.is-left{ - right:-16px; -} -.resizable-editor__drag-handle.is-right{ - left:-16px; -} -.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ - background:#ccc; -} -.resizable-editor__drag-handle:focus{ - box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); -} - -.edit-site-code-editor{ - background-color:#fff; - flex-grow:1; - position:relative; - width:100%; -} -.edit-site-code-editor__body{ - margin-left:auto; - margin-right:auto; - max-width:1080px; - padding:12px; - width:100%; -} -@media (min-width:960px){ - .edit-site-code-editor__body{ - padding:24px; - } -} -.edit-site-code-editor__toolbar{ - background:hsla(0,0%,100%,.8); - display:flex; - left:0; - padding:4px 12px; - position:sticky; - right:0; - top:0; - z-index:1; -} -@media (min-width:600px){ - .edit-site-code-editor__toolbar{ - padding:12px; - } -} -@media (min-width:960px){ - .edit-site-code-editor__toolbar{ - padding:12px 24px; - } -} -.edit-site-code-editor__toolbar h2{ - color:#1e1e1e; - font-size:13px; - line-height:36px; - margin:0 0 0 auto; -} -.edit-site-code-editor__toolbar .components-button svg{ - order:1; -} - -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ - border:1px solid #949494; - border-radius:0; - box-shadow:none; - display:block; - font-family:Menlo,Consolas,monaco,monospace; - font-size:16px !important; - line-height:2.4; - margin:0; - min-height:200px; - overflow:hidden; - padding:16px; - resize:none; - transition:border .1s ease-out,box-shadow .1s linear; - width:100%; -} -@media (prefers-reduced-motion:reduce){ - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:600px){ - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ - font-size:15px !important; - padding:24px; - } -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ - border-color:var(--wp-admin-theme-color); - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position:relative; -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ - color:rgba(30,30,30,.62); -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ - color:rgba(30,30,30,.62); - opacity:1; -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ - color:rgba(30,30,30,.62); -} - -.edit-site-global-styles-preview{ - align-items:center; - cursor:pointer; - display:flex; - justify-content:center; - line-height:1; -} - -.edit-site-global-styles-preview__iframe{ - display:block; - max-width:100%; -} - -.edit-site-typography-panel__preview{ - align-items:center; - background:#f0f0f0; - border-radius:2px; - display:flex; - justify-content:center; - margin-bottom:16px; - min-height:100px; -} - -.edit-site-typography-panel__full-width-control{ - grid-column:1 / -1; - max-width:100%; -} - -.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{ - margin:16px; -} - -.edit-site-global-styles-screen-typography__indicator{ - align-items:center; - border-radius:2px; - display:flex !important; - font-size:14px; - height:24px; - justify-content:center; - width:24px; -} - -.edit-site-global-styles-screen-colors{ - margin:16px; -} -.edit-site-global-styles-screen-colors .component-color-indicator{ - background:linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); - flex-shrink:0; -} - -.edit-site-block-types-search,.edit-site-global-styles-header__description{ - padding:0 16px; -} - -.edit-site-global-styles-subtitle{ - font-size:11px !important; - font-weight:500 !important; - margin-bottom:0 !important; - text-transform:uppercase; -} - -.edit-site-global-styles-section-title{ - color:#2f2f2f; - font-weight:600; - line-height:1.2; - margin:0; - padding:16px 16px 0; -} - -.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{ - padding:16px; -} - -.edit-site-global-styles-variations_item{ - box-sizing:border-box; -} -.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ - border:1px solid #e0e0e0; - border-radius:2px; - padding:2px; -} -.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ - border:1px solid #1e1e1e; -} -.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ - border:1px solid var(--wp-admin-theme-color); -} - -.edit-site-global-styles-icon-with-current-color{ - fill:currentColor; -} - -.edit-site-global-styles__color-indicator-wrapper{ - flex-shrink:0; - height:24px; -} - -.edit-site-global-styles__color-label{ - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap; -} - -.edit-site-header{ - align-items:center; - background-color:#fff; - box-sizing:border-box; - display:flex; - height:60px; - justify-content:space-between; - width:100%; -} -body.is-fullscreen-mode .edit-site-header{ - padding-right:60px; - transition:padding-right 20ms linear; - transition-delay:80ms; -} -@media (prefers-reduced-motion:reduce){ - body.is-fullscreen-mode .edit-site-header{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-header .edit-site-header_start{ - border:none; - display:flex; -} -.edit-site-header .edit-site-header_end{ - display:flex; - justify-content:flex-end; -} -.edit-site-header .edit-site-header_center{ - align-items:center; - display:flex; - flex-grow:1; - height:100%; - justify-content:center; - min-width:0; -} - -body.is-navigation-sidebar-open .edit-site-header{ - padding-right:0; - transition:padding-right 20ms linear; - transition-delay:0ms; -} -@media (prefers-reduced-motion:reduce){ - body.is-navigation-sidebar-open .edit-site-header{ - transition-delay:0s; - transition-duration:0s; - } -} - -@media (max-width:959px){ - body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle~.components-button,body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary){ - display:none; - } - body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button{ - margin-left:0; - } -} -.edit-site-header__toolbar{ - align-items:center; - display:flex; - padding-right:8px; -} -@media (min-width:600px){ - .edit-site-header__toolbar{ - padding-right:24px; - } -} -@media (min-width:1280px){ - .edit-site-header__toolbar{ - padding-left:8px; - } -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle{ - height:32px; - margin-left:8px; - min-width:32px; - padding:0; - width:32px; -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ - transition:transform .2s cubic-bezier(.165, .84, .44, 1); -} -@media (prefers-reduced-motion:reduce){ - .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg{ - transform:rotate(-45deg); -} - -.edit-site-header__toolbar-switchers{ - align-items:center; - display:flex; -} - -.edit-site-header__toolbar-switchers-separator{ - margin:0 -6px; -} -.edit-site-header__actions{ - align-items:center; - display:inline-flex; - gap:4px; - padding-left:4px; -} -@media (min-width:600px){ - .edit-site-header__actions{ - gap:8px; - padding-left:10px; - } -} -.edit-site-header__actions .interface-pinned-items{ - display:none; -} -@media (min-width:782px){ - .edit-site-header__actions .interface-pinned-items{ - display:inline-flex; - } -} - -.edit-site-header__actions__preview-options{ - opacity:1; - transition:opacity .3s; -} -.edit-site-header__actions__preview-options.is-zoomed-out{ - opacity:0; -} - -.edit-site-header__actions-more-menu{ - margin-right:-4px; -} -.edit-site-header__actions-more-menu .components-icon-button{ - padding:8px 2px; - width:auto; -} -@media (min-width:600px){ - .edit-site-header__actions-more-menu{ - margin-right:4px; - } - .edit-site-header__actions-more-menu .components-icon-button{ - padding:8px 4px; - } -} - -.edit-site-header_start{ - border:none; - display:flex; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon{ - height:36px; - min-width:36px; - padding:6px; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon.is-pressed,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ - background:#1e1e1e; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline:1px solid transparent; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:before,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:before{ - display:none; -} -.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-icon{ - height:32px; - margin-left:8px; - min-width:32px; - padding:0; - width:32px; -} -.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-text.has-icon{ - padding:0 8px; - width:auto; -} - -.show-icon-labels .edit-site-header .components-button.has-icon{ - width:auto; -} -.show-icon-labels .edit-site-header .components-button.has-icon svg{ - display:none; -} -.show-icon-labels .edit-site-header .components-button.has-icon:after{ - content:attr(aria-label); -} -.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true]{ - background-color:initial; -} -.show-icon-labels .edit-site-header .is-tertiary:active{ - background-color:initial; - box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); -} -.show-icon-labels .edit-site-header .edit-site-save-button__button{ - padding-left:6px; - padding-right:6px; -} -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ - content:none; -} -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle{ - height:36px; - padding:0 8px; -} -.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar>*+*{ - margin-right:8px; -} - -.edit-site-document-actions{ - display:flex; - flex-direction:column; - height:100%; - justify-content:center; - min-width:0; - padding:0 8px; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper{ - align-items:center; - display:flex; - flex-direction:row; - justify-content:center; - min-width:0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{ - display:inline-flex; - margin-right:4px; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{ - min-width:0; - padding:0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{ - margin:0; - min-width:0; -} -.edit-site-document-actions .edit-site-document-actions__title{ - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap; -} -.edit-site-document-actions .edit-site-document-actions__secondary-item{ - background:#e0e0e0; - border-radius:2px; - max-width:0; - opacity:0; - overflow:hidden; - padding:0; - text-overflow:ellipsis; - transition:all .2s ease; - white-space:nowrap; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-document-actions .edit-site-document-actions__secondary-item{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{ - margin-right:6px; - max-width:180px; - opacity:1; - padding:0 4px; -} - -.edit-site-document-actions__info-dropdown>.components-popover__content{ - min-width:240px; - padding:0; -} - -.edit-site-navigation-toggle{ - align-items:center; - background:#1e1e1e; - border-radius:0; - display:flex; - height:60px; - position:absolute; - width:60px; - z-index:31; -} - -.edit-site-navigation-toggle__button.components-button{ - align-items:center; - background:#1e1e1e; - border-radius:0; - color:#fff; - height:61px; - margin-bottom:-1px; - min-width:60px; - width:60px; - z-index:1; -} -.edit-site-navigation-toggle__button.components-button:active,.edit-site-navigation-toggle__button.components-button:hover{ - color:#fff; -} -.edit-site-navigation-toggle__button.components-button:focus{ - box-shadow:none; -} -.edit-site-navigation-toggle__button.components-button:before{ - border-radius:4px; - bottom:9px; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; - content:""; - display:block; - left:9px; - position:absolute; - right:9px; - top:9px; - transition:box-shadow .1s ease; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-navigation-toggle__button.components-button:before{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-navigation-toggle__button.components-button:hover:before{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; -} -.edit-site-navigation-toggle__button.components-button.has-icon:hover:before{ - box-shadow:none; -} -.edit-site-navigation-toggle__button.components-button:focus:before{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon{ - border-radius:2px; - height:36px; - margin-top:-1px; - -o-object-fit:cover; - object-fit:cover; - width:36px; -} - -.edit-site-navigation-panel{ - background:#1e1e1e; - color:#fff; - height:100%; - overflow:hidden; - position:relative; - transition:width .1s linear; - width:0; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-navigation-panel{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:782px){ - .interface-interface-skeleton.has-footer .edit-site-navigation-panel{ - height:calc(100% - 25px); - } -} - -.edit-site-navigation-panel__inner{ - height:100%; - overflow:hidden; - position:relative; - transition:visibility .1s linear; - visibility:hidden; - width:300px; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-navigation-panel__inner{ - transition-delay:0s; - transition-duration:0s; - } -} - -.edit-site-navigation-panel.is-open{ - width:300px; -} -.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner{ - visibility:visible; -} - -.edit-site-navigation-panel__site-title-container{ - align-items:center; - display:flex; - height:60px; - margin:0 8px 0 16px; - padding-right:60px; -} - -.edit-site-navigation-panel__site-title{ - -webkit-line-clamp:2; - -webkit-box-orient:vertical; - color:#ddd; - display:-webkit-box; - font-size:14px; - font-style:normal; - font-weight:600; - line-height:20px; - overflow:hidden; -} - -.edit-site-navigation-panel__scroll-container{ - height:calc(100% - 60px); - overflow-x:hidden; - overflow-y:auto; -} - -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary{ - height:36px; - margin-top:24px; - padding:8px 8px 8px 16px; -} -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled){ - border-bottom-color:transparent; -} - -.edit-site-navigation-panel__preview{ - background:#fff; - border:1px solid #ccc; - border-radius:2px; - box-shadow:0 2px 6px rgba(0,0,0,.05); - color:#1e1e1e; - display:none; - padding:16px; - position:absolute; - right:312px; - top:73px; - width:300px; - z-index:32; -} -@media (min-width:782px){ - .edit-site-navigation-panel__preview{ - display:block; - } -} - -.edit-site-navigation-panel__template-item{ - display:block; -} -.edit-site-navigation-panel__template-item .components-button{ - align-items:flex-start; - color:inherit; - display:flex; - flex-direction:column; - height:auto; - justify-content:center; - min-height:36px; - padding-left:16px; - padding-right:16px; - text-align:right; -} - -.edit-site-navigation-panel__template-item-title{ - font-size:14px; - line-height:20px; -} -.edit-site-navigation-panel__template-item-title em{ - margin-left:1ch; -} - -.edit-site-navigation-panel__template-part-item .components-navigation__item-title,.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading{ - text-transform:capitalize; -} - -.components-navigation__item+.edit-site-navigation-panel__template-item{ - margin-top:16px; -} - -.edit-site-navigation-panel__template-item+.edit-site-navigation-panel__template-item{ - margin-top:8px; -} - -.edit-site-navigation-panel__info-wrapper{ - padding:4px 0; -} - -.edit-site-navigation-panel__template-item-description{ - font-size:12px; - line-height:16px; - padding-top:8px; -} - -.edit-site-navigation-panel__new-template-dropdown{ - margin:0 12px 0 0; -} -.edit-site-navigation-panel__new-template-dropdown button{ - margin:0; -} - -@media (min-width:600px){ - .edit-site-navigation-panel__new-template-popover{ - min-width:300px; - } -} - -.edit-site-list-header{ - align-items:center; - background-color:#fff; - box-sizing:border-box; - display:flex; - height:60px; - justify-content:flex-end; - padding-left:16px; - position:relative; - width:100%; -} -body.is-fullscreen-mode .edit-site-list-header{ - padding-right:60px; - transition:padding-right 20ms linear; - transition-delay:80ms; -} -@media (prefers-reduced-motion:reduce){ - body.is-fullscreen-mode .edit-site-list-header{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-list-header .edit-site-list-header__title{ - font-size:20px; - margin:0; - padding:0; - position:absolute; - right:0; - text-align:center; - width:100%; -} - -.edit-site-list-header__right{ - position:relative; -} - -.edit-site .edit-site-list .interface-interface-skeleton__editor{ - min-width:100%; -} -@media (min-width:782px){ - .edit-site .edit-site-list .interface-interface-skeleton__editor{ - min-width:0; - } -} -.edit-site .edit-site-list .interface-interface-skeleton__content{ - align-items:center; - background:#fff; - padding:16px; -} -@media (min-width:782px){ - .edit-site .edit-site-list .interface-interface-skeleton__content{ - padding:72px; - } -} - -.edit-site-list-table{ - border:1px solid #ddd; - border-radius:2px; - border-spacing:0; - margin:0; - max-width:960px; - overflow:hidden; - width:100%; -} -.edit-site-list-table tr{ - align-items:center; - border-top:1px solid #f0f0f0; - box-sizing:border-box; - display:flex; - margin:0; - padding:16px; -} -.edit-site-list-table tr:first-child{ - border-top:0; -} -@media (min-width:782px){ - .edit-site-list-table tr{ - padding:24px 32px; - } -} -.edit-site-list-table tr .edit-site-list-table-column:first-child{ - padding-left:24px; - width:calc(60% - 18px); -} -.edit-site-list-table tr .edit-site-list-table-column:first-child a{ - display:inline-block; - font-weight:500; - margin-bottom:4px; - text-decoration:none; -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ - width:calc(40% - 18px); - word-break:break-word; -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ - flex-shrink:0; - min-width:36px; -} -.edit-site-list-table tr.edit-site-list-table-head{ - border-bottom:1px solid #ddd; - border-top:none; - color:#1e1e1e; - font-size:16px; - font-weight:600; - text-align:right; -} -.edit-site-list-table tr.edit-site-list-table-head th{ - font-weight:inherit; -} - -@media (min-width:782px){ - .edit-site-list.is-navigation-open .components-snackbar-list{ - margin-right:300px; - } - .edit-site-list__rename-modal .components-base-control{ - width:320px; - } -} - -.edit-site-list__rename-modal-actions{ - margin-top:12px; -} - -.edit-site-template__actions button:not(:last-child){ - margin-left:8px; -} - -.edit-site-list-added-by__icon{ - align-items:center; - background:#2f2f2f; - border-radius:100%; - display:flex; - flex-shrink:0; - height:32px; - justify-content:center; - position:relative; - width:32px; -} -.edit-site-list-added-by__icon svg{ - fill:#fff; -} -.edit-site-list-added-by__icon.is-customized:after{ - background:var(--wp-admin-theme-color); - border-radius:100%; - content:""; - height:8px; - left:-1px; - outline:2px solid #fff; - position:absolute; - top:-1px; - width:8px; -} - -.edit-site-list-added-by__avatar{ - background:#2f2f2f; - border-radius:100%; - flex-shrink:0; - height:32px; - overflow:hidden; - width:32px; -} -.edit-site-list-added-by__avatar img{ - height:32px; - -o-object-fit:cover; - object-fit:cover; - opacity:0; - transition:opacity .1s linear; - width:32px; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-list-added-by__avatar img{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-list-added-by__avatar.is-loaded img{ - opacity:1; -} - -.edit-site-new-template-dropdown .components-dropdown-menu__toggle{ - padding:6px 12px; -} @media (min-width:600px){ .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{ min-width:300px; @@ -1487,23 +560,912 @@ body.is-fullscreen-mode .edit-site-list-header{ margin-bottom:4px; } -.edit-site-custom-generic-template__modal-actions{ - margin-top:12px; +.edit-site-template-actions-loading-screen-modal{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + background-color:initial; +} +.edit-site-template-actions-loading-screen-modal.is-full-screen{ + background-color:#fff; + box-shadow:0 0 0 transparent; + min-height:100%; + min-width:100%; +} +.edit-site-template-actions-loading-screen-modal__content{ + align-items:center; + display:flex; + height:100%; + justify-content:center; } -.edit-site-sidebar{ +.edit-site-block-editor__editor-styles-wrapper .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + padding:6px 12px; +} +.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ + padding:6px; +} + +.edit-site-visual-editor{ + align-items:center; + background-color:#2f2f2f; + display:block; + height:100%; + overflow:hidden; + position:relative; +} +.edit-site-visual-editor iframe{ + display:block; + height:100%; + width:100%; +} +.edit-site-visual-editor .edit-site-visual-editor__editor-canvas{ + background:#fff; + height:100%; +} +.edit-site-layout.is-full-canvas .edit-site-visual-editor.is-focus-mode{ + padding:48px; +} +.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ + border-radius:2px; + max-height:100%; +} +.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ + overflow:visible; +} +.edit-site-visual-editor .components-resizable-box__container{ + margin:0 auto; + overflow:auto; +} +.edit-site-visual-editor.is-view-mode .block-editor-block-contextual-toolbar{ + display:none; +} + +.edit-site-visual-editor__back-button{ + color:#fff; + position:absolute; + right:8px; + top:8px; +} +.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ + color:#f0f0f0; +} + +.resizable-editor__drag-handle{ + -webkit-appearance:none; + appearance:none; + background:none; + border:0; + border-radius:2px; + bottom:0; + cursor:ew-resize; + margin:auto 0; + outline:none; + padding:0; + position:absolute; + top:0; + width:12px; +} +.resizable-editor__drag-handle.is-variation-default{ + height:100px; +} +.resizable-editor__drag-handle.is-variation-separator{ + height:100%; + left:0; + width:24px; +} +.resizable-editor__drag-handle.is-variation-separator:after{ + background:transparent; + border-radius:0; + left:0; + right:50%; + transform:translateX(1px); + transition:all .2s ease; + transition-delay:.1s; + width:2px; +} +@media (prefers-reduced-motion:reduce){ + .resizable-editor__drag-handle.is-variation-separator:after{ + animation-delay:0s; + animation-duration:1ms; + transition-delay:0s; + transition-duration:0s; + } +} +.resizable-editor__drag-handle:after{ + background:#949494; + border-radius:2px; + bottom:24px; + content:""; + left:0; + position:absolute; + right:4px; + top:24px; + width:4px; +} +.resizable-editor__drag-handle.is-left{ + right:-16px; +} +.resizable-editor__drag-handle.is-right{ + left:-16px; +} +.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ + opacity:1; +} +.resizable-editor__drag-handle:active.is-variation-default:after,.resizable-editor__drag-handle:hover.is-variation-default:after{ + background:#ccc; +} +.resizable-editor__drag-handle:active.is-variation-separator:after,.resizable-editor__drag-handle:hover.is-variation-separator:after{ + background:var(--wp-admin-theme-color); +} +.resizable-editor__drag-handle:focus:after{ + box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); +} +.resizable-editor__drag-handle.is-variation-separator:focus:after{ + border-radius:2px; + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); +} + +.edit-site-canvas-spinner{ + align-items:center; + display:flex; + height:100%; + justify-content:center; + width:100%; +} + +.edit-site-code-editor{ + background-color:#fff; + min-height:100%; + position:relative; + width:100%; +} +.edit-site-code-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:12px; + width:100%; +} +@media (min-width:960px){ + .edit-site-code-editor__body{ + padding:24px; + } +} +.edit-site-code-editor__toolbar{ + background:hsla(0,0%,100%,.8); + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; +} +@media (min-width:600px){ + .edit-site-code-editor__toolbar{ + padding:12px; + } +} +@media (min-width:960px){ + .edit-site-code-editor__toolbar{ + padding:12px 24px; + } +} +.edit-site-code-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 0 0 auto; +} +.edit-site-code-editor__toolbar .components-button svg{ + order:1; +} + +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + font-size:15px !important; + padding:24px; + } +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.edit-site-global-styles-preview{ + align-items:center; + cursor:pointer; + display:flex; + justify-content:center; + line-height:1; +} + +.edit-site-global-styles-preview__iframe{ + display:block; + max-width:100%; +} + +.edit-site-typography-preview{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + display:flex; + justify-content:center; + margin-bottom:16px; + min-height:100px; + overflow:hidden; +} + +.edit-site-typography-panel__full-width-control{ + grid-column:1 / -1; + max-width:100%; +} + +.edit-site-global-styles-screen-css,.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{ + margin:16px; +} + +.edit-site-global-styles-screen-typography__indicator{ + align-items:center; + border-radius:2px; + display:flex !important; + font-size:14px; + height:24px; + justify-content:center; + width:24px; +} + +.edit-site-global-styles-screen-colors{ + margin:16px; +} +.edit-site-global-styles-screen-colors .component-color-indicator{ + background:#fff linear-gradient(45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + flex-shrink:0; +} + +.edit-site-global-styles-header__description{ + padding:0 16px; +} + +.edit-site-block-types-search{ + margin-bottom:8px; + padding:0 16px; +} + +.edit-site-global-styles-subtitle{ + font-size:11px !important; + font-weight:500 !important; + margin-bottom:0 !important; + text-transform:uppercase; +} + +.edit-site-global-styles-section-title{ + color:#2f2f2f; + font-weight:600; + line-height:1.2; + margin:0; + padding:16px 16px 0; +} + +.edit-site-screen-background-color__control.has-no-tabs,.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{ + padding:16px; +} + +.edit-site-global-styles-variations_item{ + box-sizing:border-box; +} +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + border:1px solid #e0e0e0; + border-radius:2px; + padding:2px; +} +.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ + border:1px solid #1e1e1e; +} +.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ + border:1px solid var(--wp-admin-theme-color); +} +.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{ + border:var(--wp-admin-theme-color) var(--wp-admin-border-width-focus) solid; +} + +.edit-site-global-styles-icon-with-current-color{ + fill:currentColor; +} + +.edit-site-global-styles__color-indicator-wrapper{ + flex-shrink:0; + height:24px; +} + +.edit-site-global-styles__color-label{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + +.edit-site-global-styles__block-preview-panel{ + border:1px solid #e0e0e0; + border-radius:2px; + height:152px; + overflow:auto; + position:relative; + width:100%; +} + +.edit-site-global-styles-screen-css{ + display:flex; + flex:1 1 auto; + flex-direction:column; +} +.edit-site-global-styles-screen-css .components-v-stack{ + flex:1 1 auto; +} +.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field{ + display:flex; + flex:1 1 auto; + flex-direction:column; +} +.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field .components-textarea-control__input{ + flex:1 1 auto; +} + +.edit-site-global-styles__custom-css-input textarea{ + font-family:Menlo,Consolas,monaco,monospace; +} + +.edit-site-global-styles__custom-css-validation-wrapper{ + bottom:16px; + left:24px; + position:absolute; +} + +.edit-site-global-styles__custom-css-validation-icon{ + fill:#cc1818; +} + +.edit-site-global-styles__custom-css-theme-css{ + line-break:anywhere; + max-height:200px; + overflow-y:scroll; + white-space:break-spaces; + width:100%; +} + +.edit-site-global-styles-screen-css-help-link{ + padding-right:16px; +} + +.edit-site-global-styles-screen-variations{ + border-top:1px solid #ddd; + margin-top:16px; +} +.edit-site-global-styles-screen-variations>*{ + margin:24px 16px; +} + +.edit-site-global-styles-sidebar__navigator-screen{ + display:flex; + flex-direction:column; +} + +.edit-site-global-styles__shadow-panel{ + width:230px; +} + +.edit-site-global-styles__shadow-dropdown{ + display:block; + padding:0; +} +.edit-site-global-styles__shadow-dropdown>button{ + padding:8px; + width:100%; +} +.edit-site-global-styles__shadow-dropdown>button.is-open{ + background-color:#f0f0f0; +} + +.edit-site-global-styles__shadow-indicator-wrapper{ + align-items:center; + display:flex; + justify-content:center; + overflow:hidden; + padding:6px; +} + +.edit-site-global-styles__shadow-indicator{ + border:1px solid #e0e0e0; + border-radius:2px; + color:#2f2f2f; + cursor:pointer; + height:24px; + padding:0; + width:24px; +} + +.edit-site-header-edit-mode{ + align-items:center; + background-color:#fff; + border-bottom:1px solid #e0e0e0; + box-sizing:border-box; + color:#1e1e1e; + display:flex; + height:60px; + justify-content:space-between; + padding-right:60px; + width:100%; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__start{ + border:none; + display:flex; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__end{ + display:flex; + justify-content:flex-end; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__center{ + align-items:center; + display:flex; + flex-grow:1; + height:100%; + justify-content:center; + min-width:0; +} + +.edit-site-header-edit-mode__toolbar{ + align-items:center; + display:flex; + padding-right:8px; +} +@media (min-width:600px){ + .edit-site-header-edit-mode__toolbar{ + padding-right:24px; + } +} +@media (min-width:1280px){ + .edit-site-header-edit-mode__toolbar{ + padding-left:8px; + } +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle{ + height:32px; + margin-left:8px; + min-width:32px; + padding:0; + width:32px; +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); +} +@media (prefers-reduced-motion:reduce){ + .edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle.is-pressed svg{ + transform:rotate(-45deg); +} +.edit-site-header-edit-mode__actions{ + align-items:center; + display:inline-flex; + gap:4px; + padding-left:4px; +} +@media (min-width:600px){ + .edit-site-header-edit-mode__actions{ + gap:8px; + padding-left:10px; + } +} +.edit-site-header-edit-mode__actions .interface-pinned-items{ + display:none; +} +@media (min-width:782px){ + .edit-site-header-edit-mode__actions .interface-pinned-items{ + display:inline-flex; + } +} + +.edit-site-header-edit-mode__preview-options{ + opacity:1; + transition:opacity .3s; +} +.edit-site-header-edit-mode__preview-options.is-zoomed-out{ + opacity:0; +} + +.edit-site-header-edit-mode__start{ + border:none; + display:flex; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon{ + height:36px; + min-width:36px; + padding:6px; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon.is-pressed,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:before,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:before{ + display:none; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-icon{ + height:32px; + margin-left:8px; + min-width:32px; + padding:0; + width:32px; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-text.has-icon{ + padding:0 8px; + width:auto; +} + +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon{ + width:auto; +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon svg{ + display:none; +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon:after{ + content:attr(aria-label); +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon[aria-disabled=true]{ + background-color:initial; +} +.edit-site-header-edit-mode.show-icon-labels .is-tertiary:active{ + background-color:initial; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-save-button__button{ + padding-left:6px; + padding-right:6px; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ + content:none; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__inserter-toggle.edit-site-header-edit-mode__inserter-toggle{ + height:36px; + padding:0 8px; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>*+*{ + margin-right:8px; +} + +.edit-site-document-actions{ + display:flex; + flex-direction:column; + height:100%; + justify-content:center; + min-width:0; + padding:0 8px; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper{ + align-items:center; + display:flex; + flex-direction:row; + justify-content:center; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{ + display:inline-flex; + margin-right:4px; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{ + min-width:0; + padding:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{ + margin:0; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title{ + color:currentColor; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.edit-site-document-actions .edit-site-document-actions__secondary-item{ + align-items:center; + background:rgba(var(--wp-block-synced-color--rgb), .04); + border-radius:2px; + display:flex; + max-width:0; + opacity:0; + overflow:hidden; + padding:0; + text-overflow:ellipsis; + transition:all .2s ease; + white-space:nowrap; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-document-actions .edit-site-document-actions__secondary-item{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-document-actions .edit-site-document-actions__secondary-item .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} +.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{ + margin-right:6px; + max-width:180px; + opacity:1; + padding:0 4px; +} + +.edit-site-document-actions__info-dropdown>.components-popover__content{ + min-width:240px; + padding:0; +} + +.edit-site-list-header{ + align-items:center; + box-sizing:border-box; + display:flex; + height:60px; + justify-content:flex-end; + padding-left:16px; + position:relative; + width:100%; +} +body.is-fullscreen-mode .edit-site-list-header{ + padding-right:60px; + transition:padding-right 20ms linear; + transition-delay:80ms; +} +@media (prefers-reduced-motion:reduce){ + body.is-fullscreen-mode .edit-site-list-header{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-list-header .edit-site-list-header__title{ + font-size:20px; + margin:0; + padding:0; + position:absolute; + right:0; + text-align:center; + width:100%; +} + +.edit-site-list-header__right{ + position:relative; +} + +.edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:100%; +} +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:0; + } +} +.edit-site .edit-site-list .interface-interface-skeleton__content{ + align-items:center; + background:#fff; + padding:16px; +} +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__content{ + padding:72px; + } +} + +.edit-site-list-table{ + border:1px solid #ddd; + border-radius:2px; + border-spacing:0; + margin:0 auto; + max-width:960px; + min-width:100%; + overflow:hidden; +} +.edit-site-list-table tr{ + align-items:center; + border-top:1px solid #f0f0f0; + box-sizing:border-box; + display:flex; + margin:0; + padding:16px; +} +.edit-site-list-table tr:first-child{ + border-top:0; +} +@media (min-width:782px){ + .edit-site-list-table tr{ + padding:24px 32px; + } +} +.edit-site-list-table tr .edit-site-list-table-column:first-child{ + padding-left:24px; + width:calc(60% - 18px); +} +.edit-site-list-table tr .edit-site-list-table-column:first-child a{ + display:inline-block; + font-weight:500; + margin-bottom:4px; + text-decoration:none; +} +.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ + width:calc(40% - 18px); + word-break:break-word; +} +.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ + flex-shrink:0; + min-width:36px; +} +.edit-site-list-table tr.edit-site-list-table-head{ + border-bottom:1px solid #ddd; + border-top:none; + color:#1e1e1e; + font-size:16px; + font-weight:600; + text-align:right; +} +.edit-site-list-table tr.edit-site-list-table-head th{ + font-weight:inherit; +} + +@media (min-width:782px){ + .edit-site-list.is-navigation-open .components-snackbar-list{ + margin-right:360px; + } + .edit-site-list__rename-modal .components-base-control{ + width:320px; + } +} + +.edit-site-template__actions button:not(:last-child){ + margin-left:8px; +} + +.edit-site-list-added-by__icon{ + align-items:center; + background:#2f2f2f; + border-radius:100%; + display:flex; + flex-shrink:0; + height:32px; + justify-content:center; + position:relative; + width:32px; +} +.edit-site-list-added-by__icon svg{ + fill:#fff; +} +.edit-site-list-added-by__icon.is-customized:after{ + background:var(--wp-admin-theme-color); + border-radius:100%; + content:""; + height:8px; + left:-1px; + outline:2px solid #fff; + position:absolute; + top:-1px; + width:8px; +} + +.edit-site-list-added-by__avatar{ + background:#2f2f2f; + border-radius:100%; + flex-shrink:0; + height:32px; + overflow:hidden; + width:32px; +} +.edit-site-list-added-by__avatar img{ + height:32px; + -o-object-fit:cover; + object-fit:cover; + opacity:0; + transition:opacity .1s linear; + width:32px; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-list-added-by__avatar img{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-list-added-by__avatar.is-loaded img{ + opacity:1; +} + +@keyframes loadingpulse{ + 0%{ + opacity:1; + } + 50%{ + opacity:.5; + } + to{ + opacity:1; + } +} +.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + white-space:normal; +} +.edit-site-navigation-inspector .block-editor-list-view-block__title{ + margin-top:3px; +} +.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{ + padding-left:0; +} +.edit-site-navigation-inspector .edit-site-navigation-inspector__select-menu{ + margin-bottom:8px; +} + +.edit-site-navigation-inspector__placeholder{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; + background-color:#f0f0f0; + margin:8px; + padding:8px; +} +.edit-site-navigation-inspector__placeholder.is-child{ + margin-right:24px; + width:50%; +} + +.edit-site-navigation-inspector__empty-msg{ + padding:0 8px; +} + +.edit-site-sidebar-edit-mode{ width:280px; } -.edit-site-sidebar>.components-panel{ +.edit-site-sidebar-edit-mode>.components-panel{ border-left:0; border-right:0; margin-bottom:-1px; margin-top:-1px; } -.edit-site-sidebar>.components-panel>.components-panel__header{ +.edit-site-sidebar-edit-mode>.components-panel>.components-panel__header{ background:#f0f0f0; } -.edit-site-sidebar .block-editor-block-inspector__card{ +.edit-site-sidebar-edit-mode .block-editor-block-inspector__card{ margin:0; } @@ -1542,7 +1504,7 @@ body.is-fullscreen-mode .edit-site-list-header{ border:0; } -.edit-site-global-styles-sidebar .components-tools-panel-item.single-column{ +.edit-site-global-styles-sidebar .single-column{ grid-column:span 1; } @@ -1563,37 +1525,24 @@ body.is-fullscreen-mode .edit-site-list-header{ padding:16px; } -.edit-site-navigation-sidebar__beta{ - align-items:center; - background-color:#1e1e1e; - border-radius:2px; - color:#fff; - display:inline-flex; - font-size:12px; - height:24px; - line-height:1; - margin-right:8px; - padding:0 8px; -} - .edit-site-global-styles-sidebar hr{ margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs{ border-top:0; justify-content:flex-start; margin-top:0; padding-left:16px; padding-right:0; } -.components-panel__header.edit-site-sidebar__panel-tabs ul{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs ul{ display:flex; } -.components-panel__header.edit-site-sidebar__panel-tabs li{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs li{ margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ display:none; height:24px; margin:0 auto 0 0; @@ -1601,89 +1550,72 @@ body.is-fullscreen-mode .edit-site-list-header{ padding:0; } @media (min-width:782px){ - .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ + .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ display:flex; } } -.components-button.edit-site-sidebar__panel-tab{ +.components-button.edit-site-sidebar-edit-mode__panel-tab{ background:transparent; border:none; border-radius:0; box-shadow:none; cursor:pointer; - display:inline-block; font-weight:500; height:48px; margin-right:0; - padding:3px 15px; -} -.components-button.edit-site-sidebar__panel-tab:after{ - speak:none; - content:attr(data-label); - display:block; - font-weight:600; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-button.edit-site-sidebar__panel-tab.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + padding:3px 16px; position:relative; - z-index:1; } -.components-button.edit-site-sidebar__panel-tab.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; +.components-button.edit-site-sidebar-edit-mode__panel-tab:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-button.edit-site-sidebar-edit-mode__panel-tab:after{ + background:var(--wp-admin-theme-color); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-button.edit-site-sidebar__panel-tab:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position:relative; - z-index:1; -} -.components-button.edit-site-sidebar__panel-tab.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); -} - -@keyframes loadingpulse{ - 0%{ - opacity:1; - } - 50%{ - opacity:.5; - } - to{ - opacity:1; +@media (prefers-reduced-motion:reduce){ + .components-button.edit-site-sidebar-edit-mode__panel-tab:after{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-navigation-inspector{ - padding:16px; +.components-button.edit-site-sidebar-edit-mode__panel-tab.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; } -.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{ - white-space:normal; +.components-button.edit-site-sidebar-edit-mode__panel-tab:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; } -.edit-site-navigation-inspector .block-editor-list-view-block__title{ - margin-top:3px; +@media (prefers-reduced-motion:reduce){ + .components-button.edit-site-sidebar-edit-mode__panel-tab:before{ + transition-delay:0s; + transition-duration:0s; + } } -.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{ - padding-left:0; -} - -.edit-site-navigation-inspector__placeholder{ - animation:loadingpulse 1s linear infinite; - animation-delay:.5s; - background-color:#f0f0f0; - margin:8px; - padding:8px; -} -.edit-site-navigation-inspector__placeholder.is-child{ - margin-right:24px; - width:50%; +.components-button.edit-site-sidebar-edit-mode__panel-tab:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } .edit-site-template-card{ @@ -1738,47 +1670,20 @@ h3.edit-site-template-card__template-areas-title{ margin:0 0 8px; } -html #wpadminbar{ - display:none; -} - -html.wp-toolbar{ - padding-top:0; -} - .edit-site-editor__toggle-save-panel{ background-color:#fff; border:1px dotted #ddd; - bottom:auto; + box-sizing:border-box; display:flex; - height:auto !important; justify-content:center; - left:0; padding:24px; - position:fixed !important; - right:auto; - top:-9999em; width:280px; - z-index:100000; } .interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{ bottom:0; top:auto; } -.edit-site-visual-editor{ - display:block; - height:100%; - overflow:hidden; - position:relative; -} -.edit-site-visual-editor iframe{ - background-color:#fff; - display:block; - height:100%; - width:100%; -} - .edit-site .components-editor-notices__snackbar{ bottom:40px; left:0; @@ -1831,6 +1736,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ .edit-site-template-details .edit-site-template-details__template-areas-item{ position:relative; } +.edit-site-template-details .edit-site-template-details__template-areas-item .components-menu-items__item-icon{ + color:var(--wp-block-synced-color); +} .edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{ bottom:0; left:0; @@ -1877,15 +1785,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ } } -.edit-site-create-template-part-modal__modal-actions{ - padding-top:12px; -} - -.edit-site-create-template-part-modal__area-base-control .components-base-control__label{ - cursor:auto; - margin:16px 0 8px; -} - .edit-site-create-template-part-modal__area-radio-group{ border:1px solid #757575; border-radius:2px; @@ -2057,6 +1956,437 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ margin:0 .2rem 0 0; } +.edit-site-layout{ + background:#1e1e1e; + color:#fff; + display:flex; + flex-direction:column; + height:100%; +} + +.edit-site-layout__hub{ + background:#000; + border-radius:8px; + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); + height:68px; + padding:16px 0 16px 16px; + position:fixed; + right:24px; + top:24px; + width:calc(100vw - 48px); + z-index:3; +} +.edit-site-layout.is-full-canvas .edit-site-layout__hub{ + border-radius:0; + box-shadow:none; + height:60px; + padding:0 0 0 16px; + right:0; + top:0; + width:100vw; +} +@media (min-width:782px){ + .edit-site-layout.is-full-canvas .edit-site-layout__hub{ + padding-left:0; + width:auto; + } +} +.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub{ + padding-left:0; + width:auto; +} +@media (min-width:782px){ + .edit-site-layout__hub{ + width:312px; + } +} + +.edit-site-layout__header{ + display:flex; + height:60px; + z-index:2; +} +.edit-site-layout:not(.is-full-canvas) .edit-site-layout__header{ + position:fixed; + width:100vw; +} + +.edit-site-layout__content{ + display:flex; + flex-grow:1; + overflow:hidden; +} + +.edit-site-layout__sidebar{ + width:100vw; + z-index:1; +} +@media (min-width:782px){ + .edit-site-layout__sidebar{ + width:360px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__sidebar{ + height:100vh; + position:fixed !important; + right:0; + top:0; +} +.edit-site-layout__sidebar>div{ + min-height:100%; + overflow-y:auto; + scrollbar-color:#757575 #1e1e1e; + scrollbar-gutter:stable; + scrollbar-width:thin; + visibility:hidden; +} +.edit-site-layout__sidebar>div::-webkit-scrollbar{ + height:12px; + width:12px; +} +.edit-site-layout__sidebar>div::-webkit-scrollbar-track{ + background-color:#1e1e1e; +} +.edit-site-layout__sidebar>div::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:#757575; + border:3px solid transparent; + border-radius:8px; +} +.edit-site-layout__sidebar>div:focus,.edit-site-layout__sidebar>div:hover,.edit-site-layout__sidebar>div>*{ + visibility:visible; +} +.edit-site-layout__sidebar .resizable-editor__drag-handle{ + left:0; +} + +.edit-site-layout__canvas-container{ + flex-grow:1; + position:relative; + z-index:2; +} +.edit-site-layout__canvas-container.is-resizing:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:100; +} + +.edit-site-layout__canvas{ + bottom:0; + position:absolute; + right:0; + top:0; + width:100%; +} +.edit-site-layout__canvas>div{ + background:#fff; + box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8); + color:#1e1e1e; +} +@media (min-width:782px){ + .edit-site-layout__canvas{ + bottom:24px; + top:24px; + width:calc(100% - 24px); + } + .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .edit-site-visual-editor__editor-canvas,.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .interface-interface-skeleton__content,.edit-site-layout__canvas>div{ + border-radius:8px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__canvas{ + bottom:0; + top:0; + width:100%; +} +.edit-site-layout.is-full-canvas .edit-site-layout__canvas>div{ + border-radius:0; +} + +.edit-site-layout__canvas .interface-interface-skeleton{ + min-height:100% !important; + position:relative !important; +} + +.edit-site-layout__view-mode-toggle.components-button{ + align-items:center; + border-radius:2px; + color:#fff; + display:flex; + height:100%; + justify-content:center; + padding:0; + position:relative; + width:100%; +} +.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{ + color:#fff; +} +.edit-site-layout__view-mode-toggle.components-button:focus{ + box-shadow:none; +} +.edit-site-layout__view-mode-toggle.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:none; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-layout__view-mode-toggle.components-button:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-layout__view-mode-toggle.components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ + border-radius:2px; + display:flex; +} + +.edit-site-sidebar__content.edit-site-sidebar__content{ + overflow-x:unset; +} + +.edit-site-sidebar__content>div{ + padding:0 12px; +} + +.edit-site-sidebar-navigation-item.components-item{ + border-width:1.5px; + color:#949494; +} +.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:#2f2f2f; + border-width:1.5px; + color:#fff; +} +.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:var(--wp-admin-theme-color); +} + +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button{ + color:#949494; +} +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button[aria-current]{ + color:#fff; +} + +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf[aria-current]{ + background:#2f2f2f; +} +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf .block-editor-list-view-block__menu{ + margin-right:-8px; +} + +.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{ + cursor:grab; + padding:8px; + width:calc(100% - 2px); +} + +.edit-site-sidebar-navigation-screen{ + display:flex; + flex-direction:column; + overflow-x:unset !important; + position:relative; +} + +.edit-site-sidebar-navigation-screen__content{ + margin:0 36px 16px 16px; +} + +.edit-site-sidebar-navigation-screen__title-icon{ + background:#1e1e1e; + box-shadow:0 8px 16px #1e1e1e; + margin-bottom:8px; + padding-bottom:8px; + padding-left:16px; + padding-top:164px; + position:sticky; + top:0; +} + +.edit-site-sidebar-navigation-screen__title{ + color:#fff; + flex-grow:1; + font-size:20.28px; + font-weight:500; + margin:0; +} + +.edit-site-sidebar-navigation-screen__back{ + color:#e0e0e0; +} +.edit-site-sidebar-navigation-screen__back:hover{ + color:#fff; +} + +.edit-site-sidebar-navigation-screen__icon-placeholder{ + width:36px; +} + +.edit-site-sidebar-navigation-screen-templates__see-all{ + margin-top:16px !important; +} + +.edit-site-sidebar-navigation-screen-templates__add-button{ + color:inherit !important; +} + +.edit-site-site-hub{ + align-items:center; + display:flex; + gap:8px; + justify-content:space-between; +} + +.edit-site-site-hub__edit-button{ + height:32px; +} + +.edit-site-site-hub__post-type{ + opacity:.6; +} + +.edit-site-site-hub__view-mode-toggle-container{ + flex-shrink:0; + height:60px; + width:64px; +} + +.edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container{ + width:60px; +} + +.edit-site-site-hub__text-content{ + overflow:hidden; +} + +.edit-site-site-hub__title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + +.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-block__menu-edit,.edit-site-sidebar-navigation-screen-navigation-menus .edit-site-navigation-inspector__select-menu{ + display:none; +} +.edit-site-sidebar-navigation-screen-navigation-menus .offcanvas-editor-list-view-leaf{ + max-width:calc(100% - 4px); +} +.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ + width:100%; +} + +.edit-site-site-icon__icon{ + fill:currentColor; +} + +.edit-site-site-icon__image{ + border-radius:2px; + height:32px; + -o-object-fit:cover; + object-fit:cover; + width:32px; +} + +.edit-site-style-book{ + background:#fff; + border-radius:2px; + bottom:0; + left:0; + overflow:hidden; + position:absolute; + right:0; + top:0; + transition:all .3s; +} + +.edit-site-style-book__close-button{ + left:8px; + position:absolute; + top:6px; +} + +.edit-site-style-book__tab-panel .components-tab-panel__tabs{ + background:#fff; + color:#1e1e1e; +} +.edit-site-style-book__tab-panel .components-tab-panel__tab-content{ + bottom:0; + left:0; + overflow:auto; + padding:32px; + position:absolute; + right:0; + top:48px; +} + +.edit-site-style-book__examples{ + margin:0 auto; + max-width:900px; +} + +.edit-site-style-book__example{ + background:none; + border:none; + border-radius:2px; + color:inherit; + cursor:pointer; + display:flex; + flex-direction:column; + gap:40px; + margin-bottom:40px; + padding:16px; + width:100%; +} +.edit-site-style-book__example.is-selected{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.edit-site-style-book.is-wide .edit-site-style-book__example{ + flex-direction:row; +} + +.edit-site-style-book__example-title{ + font-size:11px; + font-weight:500; + margin:0; + text-align:right; + text-transform:uppercase; +} +.edit-site-style-book.is-wide .edit-site-style-book__example-title{ + text-align:left; + width:120px; +} + +.edit-site-style-book__example-preview{ + width:100%; +} + +.edit-site-push-changes-to-global-styles-control .components-button{ + justify-content:center; + width:100%; +} + +html #wpadminbar{ + display:none; +} + +html #wpbody,html.wp-toolbar{ + padding-top:0; +} + body.appearance_page_gutenberg-template-parts,body.site-editor-php,html.wp-toolbar{ background:#fff; } @@ -2088,12 +2418,15 @@ body.appearance_page_gutenberg-template-parts .media-frame select.attachment-fil box-sizing:inherit; } +.edit-site{ + height:100vh; +} @media (min-width:600px){ .edit-site{ bottom:0; left:0; min-height:100vh; - position:absolute; + position:fixed; right:0; top:0; } diff --git a/wp-includes/css/dist/edit-site/style-rtl.min.css b/wp-includes/css/dist/edit-site/style-rtl.min.css index fe1e0a56a7..b53e12eb33 100644 --- a/wp-includes/css/dist/edit-site/style-rtl.min.css +++ b/wp-includes/css/dist/edit-site/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:10px;right:auto;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;left:0;max-height:100%;position:fixed;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;display:block;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto;z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;position:absolute;right:0;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:0;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus{bottom:0;top:auto}.interface-more-menu-dropdown{margin-right:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-right:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-left:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{position:absolute;right:16px;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-right:160px;padding-right:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-right:48px;margin-top:0}.edit-site-block-editor__editor-styles-wrapper .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{padding:6px}.edit-site-visual-editor{align-items:center;background-color:#2f2f2f}.edit-site-visual-editor.is-focus-mode{padding:48px}.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{border-radius:2px;max-height:100%}.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{overflow:visible}.edit-site-visual-editor .components-resizable-box__container{margin:0 auto;overflow:auto}.edit-site-visual-editor__back-button{color:#fff;position:absolute;right:8px;top:8px}.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{color:#f0f0f0}.resizable-editor__drag-handle{-webkit-appearance:none;appearance:none;background:#949494;border:0;border-radius:2px;bottom:0;cursor:ew-resize;height:100px;margin:auto 0;outline:none;padding:0;position:absolute;top:0;width:4px}.resizable-editor__drag-handle.is-left{right:-16px}.resizable-editor__drag-handle.is-right{left:-16px}.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{background:#ccc}.resizable-editor__drag-handle:focus{box-shadow:0 0 0 1px #2f2f2f,0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color)}.edit-site-code-editor{background-color:#fff;flex-grow:1;position:relative;width:100%}.edit-site-code-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:12px;width:100%}@media (min-width:960px){.edit-site-code-editor__body{padding:24px}}.edit-site-code-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-site-code-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-site-code-editor__toolbar{padding:12px 24px}}.edit-site-code-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 0 0 auto}.edit-site-code-editor__toolbar .components-button svg{order:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{font-size:15px!important;padding:24px}}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{color:rgba(30,30,30,.62)}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{color:rgba(30,30,30,.62)}.edit-site-global-styles-preview{align-items:center;cursor:pointer;display:flex;justify-content:center;line-height:1}.edit-site-global-styles-preview__iframe{display:block;max-width:100%}.edit-site-typography-panel__preview{align-items:center;background:#f0f0f0;border-radius:2px;display:flex;justify-content:center;margin-bottom:16px;min-height:100px}.edit-site-typography-panel__full-width-control{grid-column:1/-1;max-width:100%}.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{margin:16px}.edit-site-global-styles-screen-typography__indicator{align-items:center;border-radius:2px;display:flex!important;font-size:14px;height:24px;justify-content:center;width:24px}.edit-site-global-styles-screen-colors{margin:16px}.edit-site-global-styles-screen-colors .component-color-indicator{background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);flex-shrink:0}.edit-site-block-types-search,.edit-site-global-styles-header__description{padding:0 16px}.edit-site-global-styles-subtitle{font-size:11px!important;font-weight:500!important;margin-bottom:0!important;text-transform:uppercase}.edit-site-global-styles-section-title{color:#2f2f2f;font-weight:600;line-height:1.2;margin:0;padding:16px 16px 0}.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{padding:16px}.edit-site-global-styles-variations_item{box-sizing:border-box}.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{border:1px solid #e0e0e0;border-radius:2px;padding:2px}.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{border:1px solid #1e1e1e}.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{border:1px solid var(--wp-admin-theme-color)}.edit-site-global-styles-icon-with-current-color{fill:currentColor}.edit-site-global-styles__color-indicator-wrapper{flex-shrink:0;height:24px}.edit-site-global-styles__color-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;width:100%}body.is-fullscreen-mode .edit-site-header{padding-right:60px;transition:padding-right 20ms linear;transition-delay:80ms}@media (prefers-reduced-motion:reduce){body.is-fullscreen-mode .edit-site-header{transition-delay:0s;transition-duration:0s}}.edit-site-header .edit-site-header_start{border:none;display:flex}.edit-site-header .edit-site-header_end{display:flex;justify-content:flex-end}.edit-site-header .edit-site-header_center{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;min-width:0}body.is-navigation-sidebar-open .edit-site-header{padding-right:0;transition:padding-right 20ms linear;transition-delay:0ms}@media (prefers-reduced-motion:reduce){body.is-navigation-sidebar-open .edit-site-header{transition-delay:0s;transition-duration:0s}}@media (max-width:959px){body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle~.components-button,body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary){display:none}body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button{margin-left:0}}.edit-site-header__toolbar{align-items:center;display:flex;padding-right:8px}@media (min-width:600px){.edit-site-header__toolbar{padding-right:24px}}@media (min-width:1280px){.edit-site-header__toolbar{padding-left:8px}}.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle{height:32px;margin-left:8px;min-width:32px;padding:0;width:32px}.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(-45deg)}.edit-site-header__toolbar-switchers{align-items:center;display:flex}.edit-site-header__toolbar-switchers-separator{margin:0 -6px}.edit-site-header__actions{align-items:center;display:inline-flex;gap:4px;padding-left:4px}@media (min-width:600px){.edit-site-header__actions{gap:8px;padding-left:10px}}.edit-site-header__actions .interface-pinned-items{display:none}@media (min-width:782px){.edit-site-header__actions .interface-pinned-items{display:inline-flex}}.edit-site-header__actions__preview-options{opacity:1;transition:opacity .3s}.edit-site-header__actions__preview-options.is-zoomed-out{opacity:0}.edit-site-header__actions-more-menu{margin-right:-4px}.edit-site-header__actions-more-menu .components-icon-button{padding:8px 2px;width:auto}@media (min-width:600px){.edit-site-header__actions-more-menu{margin-right:4px}.edit-site-header__actions-more-menu .components-icon-button{padding:8px 4px}}.edit-site-header_start{border:none;display:flex}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon.is-pressed,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:before,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:before{display:none}.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-icon{height:32px;margin-left:8px;min-width:32px;padding:0;width:32px}.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-text.has-icon{padding:0 8px;width:auto}.show-icon-labels .edit-site-header .components-button.has-icon{width:auto}.show-icon-labels .edit-site-header .components-button.has-icon svg{display:none}.show-icon-labels .edit-site-header .components-button.has-icon:after{content:attr(aria-label)}.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true]{background-color:initial}.show-icon-labels .edit-site-header .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.show-icon-labels .edit-site-header .edit-site-save-button__button{padding-left:6px;padding-right:6px}.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{content:none}.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle{height:36px;padding:0 8px}.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar>*+*{margin-right:8px}.edit-site-document-actions{display:flex;flex-direction:column;height:100%;justify-content:center;min-width:0;padding:0 8px}.edit-site-document-actions .edit-site-document-actions__title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;min-width:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{display:inline-flex;margin-right:4px}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{min-width:0;padding:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{margin:0;min-width:0}.edit-site-document-actions .edit-site-document-actions__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-document-actions .edit-site-document-actions__secondary-item{background:#e0e0e0;border-radius:2px;max-width:0;opacity:0;overflow:hidden;padding:0;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}@media (prefers-reduced-motion:reduce){.edit-site-document-actions .edit-site-document-actions__secondary-item{transition-delay:0s;transition-duration:0s}}.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{margin-right:6px;max-width:180px;opacity:1;padding:0 4px}.edit-site-document-actions__info-dropdown>.components-popover__content{min-width:240px;padding:0}.edit-site-navigation-toggle{align-items:center;background:#1e1e1e;border-radius:0;display:flex;height:60px;position:absolute;width:60px;z-index:31}.edit-site-navigation-toggle__button.components-button{align-items:center;background:#1e1e1e;border-radius:0;color:#fff;height:61px;margin-bottom:-1px;min-width:60px;width:60px;z-index:1}.edit-site-navigation-toggle__button.components-button:active,.edit-site-navigation-toggle__button.components-button:hover{color:#fff}.edit-site-navigation-toggle__button.components-button:focus{box-shadow:none}.edit-site-navigation-toggle__button.components-button:before{border-radius:4px;bottom:9px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}@media (prefers-reduced-motion:reduce){.edit-site-navigation-toggle__button.components-button:before{transition-delay:0s;transition-duration:0s}}.edit-site-navigation-toggle__button.components-button:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}.edit-site-navigation-toggle__button.components-button.has-icon:hover:before{box-shadow:none}.edit-site-navigation-toggle__button.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon{border-radius:2px;height:36px;margin-top:-1px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-site-navigation-panel{background:#1e1e1e;color:#fff;height:100%;overflow:hidden;position:relative;transition:width .1s linear;width:0}@media (prefers-reduced-motion:reduce){.edit-site-navigation-panel{transition-delay:0s;transition-duration:0s}}@media (min-width:782px){.interface-interface-skeleton.has-footer .edit-site-navigation-panel{height:calc(100% - 25px)}}.edit-site-navigation-panel__inner{height:100%;overflow:hidden;position:relative;transition:visibility .1s linear;visibility:hidden;width:300px}@media (prefers-reduced-motion:reduce){.edit-site-navigation-panel__inner{transition-delay:0s;transition-duration:0s}}.edit-site-navigation-panel.is-open{width:300px}.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner{visibility:visible}.edit-site-navigation-panel__site-title-container{align-items:center;display:flex;height:60px;margin:0 8px 0 16px;padding-right:60px}.edit-site-navigation-panel__site-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ddd;display:-webkit-box;font-size:14px;font-style:normal;font-weight:600;line-height:20px;overflow:hidden}.edit-site-navigation-panel__scroll-container{height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto}.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary{height:36px;margin-top:24px;padding:8px 8px 8px 16px}.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled){border-bottom-color:transparent}.edit-site-navigation-panel__preview{background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.05);color:#1e1e1e;display:none;padding:16px;position:absolute;right:312px;top:73px;width:300px;z-index:32}@media (min-width:782px){.edit-site-navigation-panel__preview{display:block}}.edit-site-navigation-panel__template-item{display:block}.edit-site-navigation-panel__template-item .components-button{align-items:flex-start;color:inherit;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:36px;padding-left:16px;padding-right:16px;text-align:right}.edit-site-navigation-panel__template-item-title{font-size:14px;line-height:20px}.edit-site-navigation-panel__template-item-title em{margin-left:1ch}.edit-site-navigation-panel__template-part-item .components-navigation__item-title,.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading{text-transform:capitalize}.components-navigation__item+.edit-site-navigation-panel__template-item{margin-top:16px}.edit-site-navigation-panel__template-item+.edit-site-navigation-panel__template-item{margin-top:8px}.edit-site-navigation-panel__info-wrapper{padding:4px 0}.edit-site-navigation-panel__template-item-description{font-size:12px;line-height:16px;padding-top:8px}.edit-site-navigation-panel__new-template-dropdown{margin:0 12px 0 0}.edit-site-navigation-panel__new-template-dropdown button{margin:0}@media (min-width:600px){.edit-site-navigation-panel__new-template-popover{min-width:300px}}.edit-site-list-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:60px;justify-content:flex-end;padding-left:16px;position:relative;width:100%}body.is-fullscreen-mode .edit-site-list-header{padding-right:60px;transition:padding-right 20ms linear;transition-delay:80ms}@media (prefers-reduced-motion:reduce){body.is-fullscreen-mode .edit-site-list-header{transition-delay:0s;transition-duration:0s}}.edit-site-list-header .edit-site-list-header__title{font-size:20px;margin:0;padding:0;position:absolute;right:0;text-align:center;width:100%}.edit-site-list-header__right{position:relative}.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:100%}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:0}}.edit-site .edit-site-list .interface-interface-skeleton__content{align-items:center;background:#fff;padding:16px}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__content{padding:72px}}.edit-site-list-table{border:1px solid #ddd;border-radius:2px;border-spacing:0;margin:0;max-width:960px;overflow:hidden;width:100%}.edit-site-list-table tr{align-items:center;border-top:1px solid #f0f0f0;box-sizing:border-box;display:flex;margin:0;padding:16px}.edit-site-list-table tr:first-child{border-top:0}@media (min-width:782px){.edit-site-list-table tr{padding:24px 32px}}.edit-site-list-table tr .edit-site-list-table-column:first-child{padding-left:24px;width:calc(60% - 18px)}.edit-site-list-table tr .edit-site-list-table-column:first-child a{display:inline-block;font-weight:500;margin-bottom:4px;text-decoration:none}.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){width:calc(40% - 18px);word-break:break-word}.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){flex-shrink:0;min-width:36px}.edit-site-list-table tr.edit-site-list-table-head{border-bottom:1px solid #ddd;border-top:none;color:#1e1e1e;font-size:16px;font-weight:600;text-align:right}.edit-site-list-table tr.edit-site-list-table-head th{font-weight:inherit}@media (min-width:782px){.edit-site-list.is-navigation-open .components-snackbar-list{margin-right:300px}.edit-site-list__rename-modal .components-base-control{width:320px}}.edit-site-list__rename-modal-actions{margin-top:12px}.edit-site-template__actions button:not(:last-child){margin-left:8px}.edit-site-list-added-by__icon{align-items:center;background:#2f2f2f;border-radius:100%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.edit-site-list-added-by__icon svg{fill:#fff}.edit-site-list-added-by__icon.is-customized:after{background:var(--wp-admin-theme-color);border-radius:100%;content:"";height:8px;left:-1px;outline:2px solid #fff;position:absolute;top:-1px;width:8px}.edit-site-list-added-by__avatar{background:#2f2f2f;border-radius:100%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.edit-site-list-added-by__avatar img{height:32px;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .1s linear;width:32px}@media (prefers-reduced-motion:reduce){.edit-site-list-added-by__avatar img{transition-delay:0s;transition-duration:0s}}.edit-site-list-added-by__avatar.is-loaded img{opacity:1}.edit-site-new-template-dropdown .components-dropdown-menu__toggle{padding:6px 12px}@media (min-width:600px){.edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{min-width:300px}}.edit-site-custom-template-modal__contents>.components-button{border-radius:2px;box-shadow:inset 0 0 0 1px #949494;display:flex;flex-direction:column;gap:8px;height:auto;outline:1px solid transparent;padding:24px;width:256px}.edit-site-custom-template-modal__contents>.components-button span:first-child{color:#1e1e1e}.edit-site-custom-template-modal__contents>.components-button span{color:#757575}.edit-site-custom-template-modal__contents>.components-button:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);color:var(--wp-admin-theme-color-darker-10)}.edit-site-custom-template-modal__contents>.components-button:hover span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__contents>.components-button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{background:#fff;border:1px solid #ddd}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}@media (min-width:782px){.edit-site-custom-template-modal{width:456px}}.edit-site-custom-template-modal__suggestions_list{margin-top:16px}@media (min-width:600px){.edit-site-custom-template-modal__suggestions_list{height:232px;overflow:scroll}}.edit-site-custom-template-modal__suggestions_list__list-item{display:block;height:auto;overflow-wrap:break-word;text-align:right;white-space:pre-wrap;width:100%}.edit-site-custom-template-modal__suggestions_list__list-item mark{background:none;font-weight:700}.edit-site-custom-template-modal__suggestions_list__list-item:hover{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:hover mark{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__suggestions_list__list-item:focus{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal__suggestions_list__list-item__title{display:block;overflow:hidden;text-overflow:ellipsis}.edit-site-custom-template-modal__suggestions_list__list-item__title{font-weight:500;margin-bottom:.2em}.edit-site-custom-template-modal__suggestions_list__list-item__info{color:#757575;font-size:.9em;line-height:1.3;word-break:break-all}.edit-site-custom-template-modal__no-results{border:1px solid #ccc;border-radius:2px;margin-bottom:0;margin-top:16px;padding:16px}@media (min-width:782px){.edit-site-custom-generic-template__modal .components-base-control{width:320px}}.edit-site-custom-generic-template__modal .components-modal__header{border-bottom:none}.edit-site-custom-generic-template__modal .components-modal__content:before{margin-bottom:4px}.edit-site-custom-generic-template__modal-actions{margin-top:12px}.edit-site-sidebar{width:280px}.edit-site-sidebar>.components-panel{border-left:0;border-right:0;margin-bottom:-1px;margin-top:-1px}.edit-site-sidebar>.components-panel>.components-panel__header{background:#f0f0f0}.edit-site-sidebar .block-editor-block-inspector__card{margin:0}.edit-site-global-styles-sidebar{display:flex;flex-direction:column;min-height:100%}.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{display:flex;flex:1;flex-direction:column}.edit-site-global-styles-sidebar__navigator-screen{flex:1}.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{margin-right:0}.edit-site-global-styles-sidebar__reset-button.components-button{margin-right:auto}.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{font-size:15.6px;font-weight:500}.edit-site-global-styles-sidebar .components-navigation__item>button span{font-weight:500}.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{border:0}.edit-site-global-styles-sidebar .components-tools-panel-item.single-column{grid-column:span 1}.edit-site-global-styles-sidebar .components-tools-panel .span-columns{grid-column:1/-1}.edit-site-global-styles-sidebar__blocks-group{border-top:1px solid #e0e0e0;padding-top:24px}.edit-site-global-styles-sidebar__blocks-group-help{padding:0 16px}.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{padding:16px}.edit-site-navigation-sidebar__beta{align-items:center;background-color:#1e1e1e;border-radius:2px;color:#fff;display:inline-flex;font-size:12px;height:24px;line-height:1;margin-right:8px;padding:0 8px}.edit-site-global-styles-sidebar hr{margin:0}.components-panel__header.edit-site-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:16px;padding-right:0}.components-panel__header.edit-site-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-site-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 auto 0 0;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-site-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;font-weight:500;height:48px;margin-right:0;padding:3px 15px}.components-button.edit-site-sidebar__panel-tab:after{speak:none;content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;visibility:hidden}.components-button.edit-site-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-site-sidebar__panel-tab.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-button.edit-site-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-site-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -1.5px 0 0 var(--wp-admin-theme-color)}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.edit-site-navigation-inspector{padding:16px}.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{white-space:normal}.edit-site-navigation-inspector .block-editor-list-view-block__title{margin-top:3px}.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{padding-left:0}.edit-site-navigation-inspector__placeholder{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;margin:8px;padding:8px}.edit-site-navigation-inspector__placeholder.is-child{margin-right:24px;width:50%}.edit-site-template-card{align-items:flex-start;display:flex}.edit-site-template-card__content{flex-grow:1;margin-bottom:4px}.edit-site-template-card__title{font-weight:500;line-height:24px}.edit-site-template-card__title.edit-site-template-card__title{margin:0}.edit-site-template-card__description{font-size:13px;margin:0 0 16px}.edit-site-template-card__icon{flex:0 0 24px;height:24px;margin-left:12px;width:24px}.edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{margin:0}.edit-site-template-card__template-areas-item{width:100%}.edit-site-template-card__template-areas-item.components-button.has-icon{padding:0}.edit-site-template-card__header{display:flex;justify-content:space-between;margin:0 0 4px}.edit-site-template-card__actions{line-height:0}.edit-site-template-card__actions>.components-button.is-small.has-icon{min-width:auto;padding:0}h3.edit-site-template-card__template-areas-title{font-weight:500;margin:0 0 8px}html #wpadminbar{display:none}html.wp-toolbar{padding-top:0}.edit-site-editor__toggle-save-panel{background-color:#fff;border:1px dotted #ddd;bottom:auto;display:flex;height:auto!important;justify-content:center;left:0;padding:24px;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{bottom:0;top:auto}.edit-site-visual-editor{display:block;height:100%;overflow:hidden;position:relative}.edit-site-visual-editor iframe{background-color:#fff;display:block;height:100%;width:100%}.edit-site .components-editor-notices__snackbar{bottom:40px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-site .components-editor-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-site .components-editor-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-site .components-editor-notices__snackbar{right:160px}}.folded .edit-site .components-editor-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-site .components-editor-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{right:0!important}.edit-site-template-details .edit-site-template-details__group{margin:0;padding:16px}.edit-site-template-details .edit-site-template-details__group+.edit-site-template-details__group{border-top:1px solid #ccc}.edit-site-template-details .edit-site-template-details__description{color:#757575}.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas{padding:8px}.edit-site-template-details .edit-site-template-details__template-areas-item{position:relative}.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{bottom:0;left:0;margin:auto 0;position:absolute;top:0}.edit-site-template-details .edit-site-template-details__revert{padding:12px 8px}.edit-site-template-details .edit-site-template-details__revert-button{height:auto;padding:4px 8px;text-align:right}.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:flex;height:44px;justify-content:center;width:100%}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover{color:#fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active{color:#ccc}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-create-template-part-modal{z-index:1000001}@media (min-width:600px){.edit-site-create-template-part-modal .components-modal__frame{max-width:500px}}.edit-site-create-template-part-modal__modal-actions{padding-top:12px}.edit-site-create-template-part-modal__area-base-control .components-base-control__label{cursor:auto;margin:16px 0 8px}.edit-site-create-template-part-modal__area-radio-group{border:1px solid #757575;border-radius:2px;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{display:block;height:100%;padding:12px;text-align:right;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{background-color:inherit;border-bottom:1px solid #757575;border-radius:0;margin:0}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){box-shadow:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{border-bottom:1px solid #fff}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{border-bottom:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{color:#1e1e1e;cursor:auto}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{color:#949494}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{padding-top:4px;white-space:normal}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{font-size:12px;padding-top:4px}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{margin-right:auto;min-width:24px}.edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{display:flex;flex-direction:column;height:100%}.edit-site-editor__list-view-panel{min-width:350px}.edit-site-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-left:8px;padding-top:8px}.edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-site-editor__inserter-panel-content{height:100%}}.edit-site-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:4px;padding-right:16px}.edit-site-editor__list-view-panel-content{overflow-y:auto;padding:8px}.edit-site-welcome-guide{width:312px}.edit-site-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-site-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-site-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-site-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 16px;padding:0 32px}.edit-site-welcome-guide__text img{vertical-align:bottom}.edit-site-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-site-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-site-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-site-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-site-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-site-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-site-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-site-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-site-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}body.appearance_page_gutenberg-template-parts,body.site-editor-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-template-parts #wpcontent,body.site-editor-php #wpcontent{padding-right:0}body.appearance_page_gutenberg-template-parts #wpbody-content,body.site-editor-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.appearance_page_gutenberg-template-parts #wpfooter,body.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.site-editor-php #wpfooter{display:none}body.appearance_page_gutenberg-template-parts .a11y-speak-region,body.site-editor-php .a11y-speak-region{right:-1px;top:-1px}body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.site-editor-php ul#adminmenu>li.current>a.current:after{border-left-color:#fff}body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.site-editor-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.components-modal__frame,.edit-site{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{box-sizing:inherit}@media (min-width:600px){.edit-site{bottom:0;left:0;min-height:100vh;position:absolute;right:0;top:0}}.edit-site .interface-interface-skeleton{top:0}.edit-site .interface-complementary-area__pin-unpin-item.components-button{display:none}.edit-site .interface-interface-skeleton__content{background-color:#2f2f2f}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:10px;right:auto;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;left:0;max-height:100%;position:fixed;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto}.is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;position:absolute;right:0;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:0;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{bottom:0;top:auto}.interface-more-menu-dropdown{margin-right:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-right:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-left:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{position:absolute;right:16px;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{content:none}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-right:160px;padding-right:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-right:48px;margin-top:0}@media (min-width:600px){.edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{min-width:300px}}.edit-site-custom-template-modal__contents>.components-button{border-radius:2px;box-shadow:inset 0 0 0 1px #949494;display:flex;flex-direction:column;gap:8px;height:auto;outline:1px solid transparent;padding:24px;width:256px}.edit-site-custom-template-modal__contents>.components-button span:first-child{color:#1e1e1e}.edit-site-custom-template-modal__contents>.components-button span{color:#757575}.edit-site-custom-template-modal__contents>.components-button:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);color:var(--wp-admin-theme-color-darker-10)}.edit-site-custom-template-modal__contents>.components-button:hover span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__contents>.components-button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{background:#fff;border:1px solid #ddd}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}@media (min-width:782px){.edit-site-custom-template-modal{width:456px}}.edit-site-custom-template-modal__suggestions_list{margin-top:16px}@media (min-width:600px){.edit-site-custom-template-modal__suggestions_list{height:232px;overflow:scroll}}.edit-site-custom-template-modal__suggestions_list__list-item{display:block;height:auto;overflow-wrap:break-word;text-align:right;white-space:pre-wrap;width:100%}.edit-site-custom-template-modal__suggestions_list__list-item mark{background:none;font-weight:700}.edit-site-custom-template-modal__suggestions_list__list-item:hover{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:hover mark{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__suggestions_list__list-item:focus{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal__suggestions_list__list-item__title{display:block;overflow:hidden;text-overflow:ellipsis}.edit-site-custom-template-modal__suggestions_list__list-item__title{font-weight:500;margin-bottom:.2em}.edit-site-custom-template-modal__suggestions_list__list-item__info{color:#757575;font-size:.9em;line-height:1.3;word-break:break-all}.edit-site-custom-template-modal__no-results{border:1px solid #ccc;border-radius:2px;margin-bottom:0;margin-top:16px;padding:16px}@media (min-width:782px){.edit-site-custom-generic-template__modal .components-base-control{width:320px}}.edit-site-custom-generic-template__modal .components-modal__header{border-bottom:none}.edit-site-custom-generic-template__modal .components-modal__content:before{margin-bottom:4px}.edit-site-template-actions-loading-screen-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial}.edit-site-template-actions-loading-screen-modal.is-full-screen{background-color:#fff;box-shadow:0 0 0 transparent;min-height:100%;min-width:100%}.edit-site-template-actions-loading-screen-modal__content{align-items:center;display:flex;height:100%;justify-content:center}.edit-site-block-editor__editor-styles-wrapper .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{padding:6px}.edit-site-visual-editor{align-items:center;background-color:#2f2f2f;display:block;height:100%;overflow:hidden;position:relative}.edit-site-visual-editor iframe{display:block;height:100%;width:100%}.edit-site-visual-editor .edit-site-visual-editor__editor-canvas{background:#fff;height:100%}.edit-site-layout.is-full-canvas .edit-site-visual-editor.is-focus-mode{padding:48px}.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{border-radius:2px;max-height:100%}.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{overflow:visible}.edit-site-visual-editor .components-resizable-box__container{margin:0 auto;overflow:auto}.edit-site-visual-editor.is-view-mode .block-editor-block-contextual-toolbar{display:none}.edit-site-visual-editor__back-button{color:#fff;position:absolute;right:8px;top:8px}.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{color:#f0f0f0}.resizable-editor__drag-handle{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:2px;bottom:0;cursor:ew-resize;margin:auto 0;outline:none;padding:0;position:absolute;top:0;width:12px}.resizable-editor__drag-handle.is-variation-default{height:100px}.resizable-editor__drag-handle.is-variation-separator{height:100%;left:0;width:24px}.resizable-editor__drag-handle.is-variation-separator:after{background:transparent;border-radius:0;left:0;right:50%;transform:translateX(1px);transition:all .2s ease;transition-delay:.1s;width:2px}@media (prefers-reduced-motion:reduce){.resizable-editor__drag-handle.is-variation-separator:after{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.resizable-editor__drag-handle:after{background:#949494;border-radius:2px;bottom:24px;content:"";left:0;position:absolute;right:4px;top:24px;width:4px}.resizable-editor__drag-handle.is-left{right:-16px}.resizable-editor__drag-handle.is-right{left:-16px}.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{opacity:1}.resizable-editor__drag-handle:active.is-variation-default:after,.resizable-editor__drag-handle:hover.is-variation-default:after{background:#ccc}.resizable-editor__drag-handle:active.is-variation-separator:after,.resizable-editor__drag-handle:hover.is-variation-separator:after{background:var(--wp-admin-theme-color)}.resizable-editor__drag-handle:focus:after{box-shadow:0 0 0 1px #2f2f2f,0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color)}.resizable-editor__drag-handle.is-variation-separator:focus:after{border-radius:2px;box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.edit-site-canvas-spinner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.edit-site-code-editor{background-color:#fff;min-height:100%;position:relative;width:100%}.edit-site-code-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:12px;width:100%}@media (min-width:960px){.edit-site-code-editor__body{padding:24px}}.edit-site-code-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-site-code-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-site-code-editor__toolbar{padding:12px 24px}}.edit-site-code-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 0 0 auto}.edit-site-code-editor__toolbar .components-button svg{order:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{font-size:15px!important;padding:24px}}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{color:rgba(30,30,30,.62)}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{color:rgba(30,30,30,.62)}.edit-site-global-styles-preview{align-items:center;cursor:pointer;display:flex;justify-content:center;line-height:1}.edit-site-global-styles-preview__iframe{display:block;max-width:100%}.edit-site-typography-preview{align-items:center;background:#f0f0f0;border-radius:2px;display:flex;justify-content:center;margin-bottom:16px;min-height:100px;overflow:hidden}.edit-site-typography-panel__full-width-control{grid-column:1/-1;max-width:100%}.edit-site-global-styles-screen-css,.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{margin:16px}.edit-site-global-styles-screen-typography__indicator{align-items:center;border-radius:2px;display:flex!important;font-size:14px;height:24px;justify-content:center;width:24px}.edit-site-global-styles-screen-colors{margin:16px}.edit-site-global-styles-screen-colors .component-color-indicator{background:#fff linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);flex-shrink:0}.edit-site-global-styles-header__description{padding:0 16px}.edit-site-block-types-search{margin-bottom:8px;padding:0 16px}.edit-site-global-styles-subtitle{font-size:11px!important;font-weight:500!important;margin-bottom:0!important;text-transform:uppercase}.edit-site-global-styles-section-title{color:#2f2f2f;font-weight:600;line-height:1.2;margin:0;padding:16px 16px 0}.edit-site-screen-background-color__control.has-no-tabs,.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{padding:16px}.edit-site-global-styles-variations_item{box-sizing:border-box}.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{border:1px solid #e0e0e0;border-radius:2px;padding:2px}.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{border:1px solid #1e1e1e}.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{border:1px solid var(--wp-admin-theme-color)}.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{border:var(--wp-admin-theme-color) var(--wp-admin-border-width-focus) solid}.edit-site-global-styles-icon-with-current-color{fill:currentColor}.edit-site-global-styles__color-indicator-wrapper{flex-shrink:0;height:24px}.edit-site-global-styles__color-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-global-styles__block-preview-panel{border:1px solid #e0e0e0;border-radius:2px;height:152px;overflow:auto;position:relative;width:100%}.edit-site-global-styles-screen-css{display:flex;flex:1 1 auto;flex-direction:column}.edit-site-global-styles-screen-css .components-v-stack{flex:1 1 auto}.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field{display:flex;flex:1 1 auto;flex-direction:column}.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field .components-textarea-control__input{flex:1 1 auto}.edit-site-global-styles__custom-css-input textarea{font-family:Menlo,Consolas,monaco,monospace}.edit-site-global-styles__custom-css-validation-wrapper{bottom:16px;left:24px;position:absolute}.edit-site-global-styles__custom-css-validation-icon{fill:#cc1818}.edit-site-global-styles__custom-css-theme-css{line-break:anywhere;max-height:200px;overflow-y:scroll;white-space:break-spaces;width:100%}.edit-site-global-styles-screen-css-help-link{padding-right:16px}.edit-site-global-styles-screen-variations{border-top:1px solid #ddd;margin-top:16px}.edit-site-global-styles-screen-variations>*{margin:24px 16px}.edit-site-global-styles-sidebar__navigator-screen{display:flex;flex-direction:column}.edit-site-global-styles__shadow-panel{width:230px}.edit-site-global-styles__shadow-dropdown{display:block;padding:0}.edit-site-global-styles__shadow-dropdown>button{padding:8px;width:100%}.edit-site-global-styles__shadow-dropdown>button.is-open{background-color:#f0f0f0}.edit-site-global-styles__shadow-indicator-wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:6px}.edit-site-global-styles__shadow-indicator{border:1px solid #e0e0e0;border-radius:2px;color:#2f2f2f;cursor:pointer;height:24px;padding:0;width:24px}.edit-site-header-edit-mode{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-sizing:border-box;color:#1e1e1e;display:flex;height:60px;justify-content:space-between;padding-right:60px;width:100%}.edit-site-header-edit-mode .edit-site-header-edit-mode__start{border:none;display:flex}.edit-site-header-edit-mode .edit-site-header-edit-mode__end{display:flex;justify-content:flex-end}.edit-site-header-edit-mode .edit-site-header-edit-mode__center{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;min-width:0}.edit-site-header-edit-mode__toolbar{align-items:center;display:flex;padding-right:8px}@media (min-width:600px){.edit-site-header-edit-mode__toolbar{padding-right:24px}}@media (min-width:1280px){.edit-site-header-edit-mode__toolbar{padding-left:8px}}.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle{height:32px;margin-left:8px;min-width:32px;padding:0;width:32px}.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle.is-pressed svg{transform:rotate(-45deg)}.edit-site-header-edit-mode__actions{align-items:center;display:inline-flex;gap:4px;padding-left:4px}@media (min-width:600px){.edit-site-header-edit-mode__actions{gap:8px;padding-left:10px}}.edit-site-header-edit-mode__actions .interface-pinned-items{display:none}@media (min-width:782px){.edit-site-header-edit-mode__actions .interface-pinned-items{display:inline-flex}}.edit-site-header-edit-mode__preview-options{opacity:1;transition:opacity .3s}.edit-site-header-edit-mode__preview-options.is-zoomed-out{opacity:0}.edit-site-header-edit-mode__start{border:none;display:flex}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon.is-pressed,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:before,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:before{display:none}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-icon{height:32px;margin-left:8px;min-width:32px;padding:0;width:32px}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-text.has-icon{padding:0 8px;width:auto}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon{width:auto}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon svg{display:none}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon:after{content:attr(aria-label)}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon[aria-disabled=true]{background-color:initial}.edit-site-header-edit-mode.show-icon-labels .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.edit-site-header-edit-mode.show-icon-labels .edit-site-save-button__button{padding-left:6px;padding-right:6px}.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{content:none}.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__inserter-toggle.edit-site-header-edit-mode__inserter-toggle{height:36px;padding:0 8px}.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>*+*{margin-right:8px}.edit-site-document-actions{display:flex;flex-direction:column;height:100%;justify-content:center;min-width:0;padding:0 8px}.edit-site-document-actions .edit-site-document-actions__title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;min-width:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{display:inline-flex;margin-right:4px}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{min-width:0;padding:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{margin:0;min-width:0}.edit-site-document-actions .edit-site-document-actions__title{color:currentColor;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-document-actions .edit-site-document-actions__secondary-item{align-items:center;background:rgba(var(--wp-block-synced-color--rgb),.04);border-radius:2px;display:flex;max-width:0;opacity:0;overflow:hidden;padding:0;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}@media (prefers-reduced-motion:reduce){.edit-site-document-actions .edit-site-document-actions__secondary-item{transition-delay:0s;transition-duration:0s}}.edit-site-document-actions .edit-site-document-actions__secondary-item .block-editor-block-icon.has-colors{color:var(--wp-block-synced-color)}.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{margin-right:6px;max-width:180px;opacity:1;padding:0 4px}.edit-site-document-actions__info-dropdown>.components-popover__content{min-width:240px;padding:0}.edit-site-list-header{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:flex-end;padding-left:16px;position:relative;width:100%}body.is-fullscreen-mode .edit-site-list-header{padding-right:60px;transition:padding-right 20ms linear;transition-delay:80ms}@media (prefers-reduced-motion:reduce){body.is-fullscreen-mode .edit-site-list-header{transition-delay:0s;transition-duration:0s}}.edit-site-list-header .edit-site-list-header__title{font-size:20px;margin:0;padding:0;position:absolute;right:0;text-align:center;width:100%}.edit-site-list-header__right{position:relative}.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:100%}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:0}}.edit-site .edit-site-list .interface-interface-skeleton__content{align-items:center;background:#fff;padding:16px}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__content{padding:72px}}.edit-site-list-table{border:1px solid #ddd;border-radius:2px;border-spacing:0;margin:0 auto;max-width:960px;min-width:100%;overflow:hidden}.edit-site-list-table tr{align-items:center;border-top:1px solid #f0f0f0;box-sizing:border-box;display:flex;margin:0;padding:16px}.edit-site-list-table tr:first-child{border-top:0}@media (min-width:782px){.edit-site-list-table tr{padding:24px 32px}}.edit-site-list-table tr .edit-site-list-table-column:first-child{padding-left:24px;width:calc(60% - 18px)}.edit-site-list-table tr .edit-site-list-table-column:first-child a{display:inline-block;font-weight:500;margin-bottom:4px;text-decoration:none}.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){width:calc(40% - 18px);word-break:break-word}.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){flex-shrink:0;min-width:36px}.edit-site-list-table tr.edit-site-list-table-head{border-bottom:1px solid #ddd;border-top:none;color:#1e1e1e;font-size:16px;font-weight:600;text-align:right}.edit-site-list-table tr.edit-site-list-table-head th{font-weight:inherit}@media (min-width:782px){.edit-site-list.is-navigation-open .components-snackbar-list{margin-right:360px}.edit-site-list__rename-modal .components-base-control{width:320px}}.edit-site-template__actions button:not(:last-child){margin-left:8px}.edit-site-list-added-by__icon{align-items:center;background:#2f2f2f;border-radius:100%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.edit-site-list-added-by__icon svg{fill:#fff}.edit-site-list-added-by__icon.is-customized:after{background:var(--wp-admin-theme-color);border-radius:100%;content:"";height:8px;left:-1px;outline:2px solid #fff;position:absolute;top:-1px;width:8px}.edit-site-list-added-by__avatar{background:#2f2f2f;border-radius:100%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.edit-site-list-added-by__avatar img{height:32px;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .1s linear;width:32px}@media (prefers-reduced-motion:reduce){.edit-site-list-added-by__avatar img{transition-delay:0s;transition-duration:0s}}.edit-site-list-added-by__avatar.is-loaded img{opacity:1}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{white-space:normal}.edit-site-navigation-inspector .block-editor-list-view-block__title{margin-top:3px}.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{padding-left:0}.edit-site-navigation-inspector .edit-site-navigation-inspector__select-menu{margin-bottom:8px}.edit-site-navigation-inspector__placeholder{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;margin:8px;padding:8px}.edit-site-navigation-inspector__placeholder.is-child{margin-right:24px;width:50%}.edit-site-navigation-inspector__empty-msg{padding:0 8px}.edit-site-sidebar-edit-mode{width:280px}.edit-site-sidebar-edit-mode>.components-panel{border-left:0;border-right:0;margin-bottom:-1px;margin-top:-1px}.edit-site-sidebar-edit-mode>.components-panel>.components-panel__header{background:#f0f0f0}.edit-site-sidebar-edit-mode .block-editor-block-inspector__card{margin:0}.edit-site-global-styles-sidebar{display:flex;flex-direction:column;min-height:100%}.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{display:flex;flex:1;flex-direction:column}.edit-site-global-styles-sidebar__navigator-screen{flex:1}.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{margin-right:0}.edit-site-global-styles-sidebar__reset-button.components-button{margin-right:auto}.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{font-size:15.6px;font-weight:500}.edit-site-global-styles-sidebar .components-navigation__item>button span{font-weight:500}.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{border:0}.edit-site-global-styles-sidebar .single-column{grid-column:span 1}.edit-site-global-styles-sidebar .components-tools-panel .span-columns{grid-column:1/-1}.edit-site-global-styles-sidebar__blocks-group{border-top:1px solid #e0e0e0;padding-top:24px}.edit-site-global-styles-sidebar__blocks-group-help{padding:0 16px}.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{padding:16px}.edit-site-global-styles-sidebar hr{margin:0}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:16px;padding-right:0}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs ul{display:flex}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs li{margin:0}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 auto 0 0;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-site-sidebar-edit-mode__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-right:0;padding:3px 16px;position:relative}.components-button.edit-site-sidebar-edit-mode__panel-tab:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-button.edit-site-sidebar-edit-mode__panel-tab:after{background:var(--wp-admin-theme-color);border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-site-sidebar-edit-mode__panel-tab:after{transition-delay:0s;transition-duration:0s}}.components-button.edit-site-sidebar-edit-mode__panel-tab.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-button.edit-site-sidebar-edit-mode__panel-tab:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-site-sidebar-edit-mode__panel-tab:before{transition-delay:0s;transition-duration:0s}}.components-button.edit-site-sidebar-edit-mode__panel-tab:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.edit-site-template-card{align-items:flex-start;display:flex}.edit-site-template-card__content{flex-grow:1;margin-bottom:4px}.edit-site-template-card__title{font-weight:500;line-height:24px}.edit-site-template-card__title.edit-site-template-card__title{margin:0}.edit-site-template-card__description{font-size:13px;margin:0 0 16px}.edit-site-template-card__icon{flex:0 0 24px;height:24px;margin-left:12px;width:24px}.edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{margin:0}.edit-site-template-card__template-areas-item{width:100%}.edit-site-template-card__template-areas-item.components-button.has-icon{padding:0}.edit-site-template-card__header{display:flex;justify-content:space-between;margin:0 0 4px}.edit-site-template-card__actions{line-height:0}.edit-site-template-card__actions>.components-button.is-small.has-icon{min-width:auto;padding:0}h3.edit-site-template-card__template-areas-title{font-weight:500;margin:0 0 8px}.edit-site-editor__toggle-save-panel{background-color:#fff;border:1px dotted #ddd;box-sizing:border-box;display:flex;justify-content:center;padding:24px;width:280px}.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{bottom:0;top:auto}.edit-site .components-editor-notices__snackbar{bottom:40px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-site .components-editor-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-site .components-editor-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-site .components-editor-notices__snackbar{right:160px}}.folded .edit-site .components-editor-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-site .components-editor-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{right:0!important}.edit-site-template-details .edit-site-template-details__group{margin:0;padding:16px}.edit-site-template-details .edit-site-template-details__group+.edit-site-template-details__group{border-top:1px solid #ccc}.edit-site-template-details .edit-site-template-details__description{color:#757575}.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas{padding:8px}.edit-site-template-details .edit-site-template-details__template-areas-item{position:relative}.edit-site-template-details .edit-site-template-details__template-areas-item .components-menu-items__item-icon{color:var(--wp-block-synced-color)}.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{bottom:0;left:0;margin:auto 0;position:absolute;top:0}.edit-site-template-details .edit-site-template-details__revert{padding:12px 8px}.edit-site-template-details .edit-site-template-details__revert-button{height:auto;padding:4px 8px;text-align:right}.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:flex;height:44px;justify-content:center;width:100%}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover{color:#fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active{color:#ccc}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-create-template-part-modal{z-index:1000001}@media (min-width:600px){.edit-site-create-template-part-modal .components-modal__frame{max-width:500px}}.edit-site-create-template-part-modal__area-radio-group{border:1px solid #757575;border-radius:2px;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{display:block;height:100%;padding:12px;text-align:right;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{background-color:inherit;border-bottom:1px solid #757575;border-radius:0;margin:0}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){box-shadow:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{border-bottom:1px solid #fff}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{border-bottom:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{color:#1e1e1e;cursor:auto}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{color:#949494}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{padding-top:4px;white-space:normal}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{font-size:12px;padding-top:4px}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{margin-right:auto;min-width:24px}.edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{display:flex;flex-direction:column;height:100%}.edit-site-editor__list-view-panel{min-width:350px}.edit-site-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-left:8px;padding-top:8px}.edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-site-editor__inserter-panel-content{height:100%}}.edit-site-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:4px;padding-right:16px}.edit-site-editor__list-view-panel-content{overflow-y:auto;padding:8px}.edit-site-welcome-guide{width:312px}.edit-site-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-site-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-site-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-site-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 16px;padding:0 32px}.edit-site-welcome-guide__text img{vertical-align:bottom}.edit-site-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-site-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-site-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-site-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-site-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-site-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-site-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-site-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-site-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.edit-site-layout{background:#1e1e1e;color:#fff;display:flex;flex-direction:column;height:100%}.edit-site-layout__hub{background:#000;border-radius:8px;box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);height:68px;padding:16px 0 16px 16px;position:fixed;right:24px;top:24px;width:calc(100vw - 48px);z-index:3}.edit-site-layout.is-full-canvas .edit-site-layout__hub{border-radius:0;box-shadow:none;height:60px;padding:0 0 0 16px;right:0;top:0;width:100vw}@media (min-width:782px){.edit-site-layout.is-full-canvas .edit-site-layout__hub{padding-left:0;width:auto}}.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub{padding-left:0;width:auto}@media (min-width:782px){.edit-site-layout__hub{width:312px}}.edit-site-layout__header{display:flex;height:60px;z-index:2}.edit-site-layout:not(.is-full-canvas) .edit-site-layout__header{position:fixed;width:100vw}.edit-site-layout__content{display:flex;flex-grow:1;overflow:hidden}.edit-site-layout__sidebar{width:100vw;z-index:1}@media (min-width:782px){.edit-site-layout__sidebar{width:360px}}.edit-site-layout.is-full-canvas .edit-site-layout__sidebar{height:100vh;position:fixed!important;right:0;top:0}.edit-site-layout__sidebar>div{min-height:100%;overflow-y:auto;scrollbar-color:#757575 #1e1e1e;scrollbar-gutter:stable;scrollbar-width:thin;visibility:hidden}.edit-site-layout__sidebar>div::-webkit-scrollbar{height:12px;width:12px}.edit-site-layout__sidebar>div::-webkit-scrollbar-track{background-color:#1e1e1e}.edit-site-layout__sidebar>div::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#757575;border:3px solid transparent;border-radius:8px}.edit-site-layout__sidebar>div:focus,.edit-site-layout__sidebar>div:hover,.edit-site-layout__sidebar>div>*{visibility:visible}.edit-site-layout__sidebar .resizable-editor__drag-handle{left:0}.edit-site-layout__canvas-container{flex-grow:1;position:relative;z-index:2}.edit-site-layout__canvas-container.is-resizing:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:100}.edit-site-layout__canvas{bottom:0;position:absolute;right:0;top:0;width:100%}.edit-site-layout__canvas>div{background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8);color:#1e1e1e}@media (min-width:782px){.edit-site-layout__canvas{bottom:24px;top:24px;width:calc(100% - 24px)}.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .edit-site-visual-editor__editor-canvas,.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .interface-interface-skeleton__content,.edit-site-layout__canvas>div{border-radius:8px}}.edit-site-layout.is-full-canvas .edit-site-layout__canvas{bottom:0;top:0;width:100%}.edit-site-layout.is-full-canvas .edit-site-layout__canvas>div{border-radius:0}.edit-site-layout__canvas .interface-interface-skeleton{min-height:100%!important;position:relative!important}.edit-site-layout__view-mode-toggle.components-button{align-items:center;border-radius:2px;color:#fff;display:flex;height:100%;justify-content:center;padding:0;position:relative;width:100%}.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{color:#fff}.edit-site-layout__view-mode-toggle.components-button:focus{box-shadow:none}.edit-site-layout__view-mode-toggle.components-button:before{border-radius:4px;bottom:9px;box-shadow:none;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}@media (prefers-reduced-motion:reduce){.edit-site-layout__view-mode-toggle.components-button:before{transition-delay:0s;transition-duration:0s}}.edit-site-layout__view-mode-toggle.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{border-radius:2px;display:flex}.edit-site-sidebar__content.edit-site-sidebar__content{overflow-x:unset}.edit-site-sidebar__content>div{padding:0 12px}.edit-site-sidebar-navigation-item.components-item{border-width:1.5px;color:#949494}.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{background:#2f2f2f;border-width:1.5px;color:#fff}.edit-site-sidebar-navigation-item.components-item[aria-current]{background:var(--wp-admin-theme-color)}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button{color:#949494}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button[aria-current]{color:#fff}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf[aria-current]{background:#2f2f2f}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf .block-editor-list-view-block__menu{margin-right:-8px}.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{cursor:grab;padding:8px;width:calc(100% - 2px)}.edit-site-sidebar-navigation-screen{display:flex;flex-direction:column;overflow-x:unset!important;position:relative}.edit-site-sidebar-navigation-screen__content{margin:0 36px 16px 16px}.edit-site-sidebar-navigation-screen__title-icon{background:#1e1e1e;box-shadow:0 8px 16px #1e1e1e;margin-bottom:8px;padding-bottom:8px;padding-left:16px;padding-top:164px;position:sticky;top:0}.edit-site-sidebar-navigation-screen__title{color:#fff;flex-grow:1;font-size:20.28px;font-weight:500;margin:0}.edit-site-sidebar-navigation-screen__back{color:#e0e0e0}.edit-site-sidebar-navigation-screen__back:hover{color:#fff}.edit-site-sidebar-navigation-screen__icon-placeholder{width:36px}.edit-site-sidebar-navigation-screen-templates__see-all{margin-top:16px!important}.edit-site-sidebar-navigation-screen-templates__add-button{color:inherit!important}.edit-site-site-hub{align-items:center;display:flex;gap:8px;justify-content:space-between}.edit-site-site-hub__edit-button{height:32px}.edit-site-site-hub__post-type{opacity:.6}.edit-site-site-hub__view-mode-toggle-container{flex-shrink:0;height:60px;width:64px}.edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container{width:60px}.edit-site-site-hub__text-content{overflow:hidden}.edit-site-site-hub__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-block__menu-edit,.edit-site-sidebar-navigation-screen-navigation-menus .edit-site-navigation-inspector__select-menu{display:none}.edit-site-sidebar-navigation-screen-navigation-menus .offcanvas-editor-list-view-leaf{max-width:calc(100% - 4px)}.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{width:100%}.edit-site-site-icon__icon{fill:currentColor}.edit-site-site-icon__image{border-radius:2px;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.edit-site-style-book{background:#fff;border-radius:2px;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .3s}.edit-site-style-book__close-button{left:8px;position:absolute;top:6px}.edit-site-style-book__tab-panel .components-tab-panel__tabs{background:#fff;color:#1e1e1e}.edit-site-style-book__tab-panel .components-tab-panel__tab-content{bottom:0;left:0;overflow:auto;padding:32px;position:absolute;right:0;top:48px}.edit-site-style-book__examples{margin:0 auto;max-width:900px}.edit-site-style-book__example{background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:40px;margin-bottom:40px;padding:16px;width:100%}.edit-site-style-book__example.is-selected{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.edit-site-style-book.is-wide .edit-site-style-book__example{flex-direction:row}.edit-site-style-book__example-title{font-size:11px;font-weight:500;margin:0;text-align:right;text-transform:uppercase}.edit-site-style-book.is-wide .edit-site-style-book__example-title{text-align:left;width:120px}.edit-site-style-book__example-preview{width:100%}.edit-site-push-changes-to-global-styles-control .components-button{justify-content:center;width:100%}html #wpadminbar{display:none}html #wpbody{padding-top:0}html.wp-toolbar{background:#fff;padding-top:0}body.appearance_page_gutenberg-template-parts,body.site-editor-php{background:#fff}body.appearance_page_gutenberg-template-parts #wpcontent,body.site-editor-php #wpcontent{padding-right:0}body.appearance_page_gutenberg-template-parts #wpbody-content,body.site-editor-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.appearance_page_gutenberg-template-parts #wpfooter,body.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.site-editor-php #wpfooter{display:none}body.appearance_page_gutenberg-template-parts .a11y-speak-region,body.site-editor-php .a11y-speak-region{right:-1px;top:-1px}body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.site-editor-php ul#adminmenu>li.current>a.current:after{border-left-color:#fff}body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.site-editor-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.components-modal__frame,.edit-site{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{box-sizing:inherit}.edit-site{height:100vh}@media (min-width:600px){.edit-site{bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0}}.edit-site .interface-interface-skeleton{top:0}.edit-site .interface-complementary-area__pin-unpin-item.components-button{display:none}.edit-site .interface-interface-skeleton__content{background-color:#2f2f2f}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-site/style.css b/wp-includes/css/dist/edit-site/style.css index fcf1f4a3f5..629e662180 100644 --- a/wp-includes/css/dist/edit-site/style.css +++ b/wp-includes/css/dist/edit-site/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -220,7 +222,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ background:#fff; bottom:0; color:#1e1e1e; - display:block; flex-shrink:0; left:0; position:absolute; @@ -232,6 +233,8 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; + } + .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } @@ -294,7 +297,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus{ +.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } @@ -389,6 +392,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ box-shadow:none; font-weight:500; } +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ + content:none; +} .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } @@ -434,939 +440,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ margin-top:0; } -.edit-site-block-editor__editor-styles-wrapper .components-button{ - font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; - font-size:13px; - padding:6px 12px; -} -.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ - padding:6px; -} - -.edit-site-visual-editor{ - align-items:center; - background-color:#2f2f2f; -} -.edit-site-visual-editor.is-focus-mode{ - padding:48px; -} -.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ - border-radius:2px; - max-height:100%; -} -.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ - overflow:visible; -} -.edit-site-visual-editor .components-resizable-box__container{ - margin:0 auto; - overflow:auto; -} - -.edit-site-visual-editor__back-button{ - color:#fff; - left:8px; - position:absolute; - top:8px; -} -.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ - color:#f0f0f0; -} - -.resizable-editor__drag-handle{ - -webkit-appearance:none; - appearance:none; - background:#949494; - border:0; - border-radius:2px; - bottom:0; - cursor:ew-resize; - height:100px; - margin:auto 0; - outline:none; - padding:0; - position:absolute; - top:0; - width:4px; -} -.resizable-editor__drag-handle.is-left{ - left:-16px; -} -.resizable-editor__drag-handle.is-right{ - right:-16px; -} -.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ - background:#ccc; -} -.resizable-editor__drag-handle:focus{ - box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); -} - -.edit-site-code-editor{ - background-color:#fff; - flex-grow:1; - position:relative; - width:100%; -} -.edit-site-code-editor__body{ - margin-left:auto; - margin-right:auto; - max-width:1080px; - padding:12px; - width:100%; -} -@media (min-width:960px){ - .edit-site-code-editor__body{ - padding:24px; - } -} -.edit-site-code-editor__toolbar{ - background:hsla(0,0%,100%,.8); - display:flex; - left:0; - padding:4px 12px; - position:sticky; - right:0; - top:0; - z-index:1; -} -@media (min-width:600px){ - .edit-site-code-editor__toolbar{ - padding:12px; - } -} -@media (min-width:960px){ - .edit-site-code-editor__toolbar{ - padding:12px 24px; - } -} -.edit-site-code-editor__toolbar h2{ - color:#1e1e1e; - font-size:13px; - line-height:36px; - margin:0 auto 0 0; -} -.edit-site-code-editor__toolbar .components-button svg{ - order:1; -} - -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ - border:1px solid #949494; - border-radius:0; - box-shadow:none; - display:block; - font-family:Menlo,Consolas,monaco,monospace; - font-size:16px !important; - line-height:2.4; - margin:0; - min-height:200px; - overflow:hidden; - padding:16px; - resize:none; - transition:border .1s ease-out,box-shadow .1s linear; - width:100%; -} -@media (prefers-reduced-motion:reduce){ - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:600px){ - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ - font-size:15px !important; - padding:24px; - } -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ - border-color:var(--wp-admin-theme-color); - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position:relative; -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ - color:rgba(30,30,30,.62); -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ - color:rgba(30,30,30,.62); - opacity:1; -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ - color:rgba(30,30,30,.62); -} - -.edit-site-global-styles-preview{ - align-items:center; - cursor:pointer; - display:flex; - justify-content:center; - line-height:1; -} - -.edit-site-global-styles-preview__iframe{ - display:block; - max-width:100%; -} - -.edit-site-typography-panel__preview{ - align-items:center; - background:#f0f0f0; - border-radius:2px; - display:flex; - justify-content:center; - margin-bottom:16px; - min-height:100px; -} - -.edit-site-typography-panel__full-width-control{ - grid-column:1 / -1; - max-width:100%; -} - -.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{ - margin:16px; -} - -.edit-site-global-styles-screen-typography__indicator{ - align-items:center; - border-radius:2px; - display:flex !important; - font-size:14px; - height:24px; - justify-content:center; - width:24px; -} - -.edit-site-global-styles-screen-colors{ - margin:16px; -} -.edit-site-global-styles-screen-colors .component-color-indicator{ - background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); - flex-shrink:0; -} - -.edit-site-block-types-search,.edit-site-global-styles-header__description{ - padding:0 16px; -} - -.edit-site-global-styles-subtitle{ - font-size:11px !important; - font-weight:500 !important; - margin-bottom:0 !important; - text-transform:uppercase; -} - -.edit-site-global-styles-section-title{ - color:#2f2f2f; - font-weight:600; - line-height:1.2; - margin:0; - padding:16px 16px 0; -} - -.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{ - padding:16px; -} - -.edit-site-global-styles-variations_item{ - box-sizing:border-box; -} -.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ - border:1px solid #e0e0e0; - border-radius:2px; - padding:2px; -} -.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ - border:1px solid #1e1e1e; -} -.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ - border:1px solid var(--wp-admin-theme-color); -} - -.edit-site-global-styles-icon-with-current-color{ - fill:currentColor; -} - -.edit-site-global-styles__color-indicator-wrapper{ - flex-shrink:0; - height:24px; -} - -.edit-site-global-styles__color-label{ - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap; -} - -.edit-site-header{ - align-items:center; - background-color:#fff; - box-sizing:border-box; - display:flex; - height:60px; - justify-content:space-between; - width:100%; -} -body.is-fullscreen-mode .edit-site-header{ - padding-left:60px; - transition:padding-left 20ms linear; - transition-delay:80ms; -} -@media (prefers-reduced-motion:reduce){ - body.is-fullscreen-mode .edit-site-header{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-header .edit-site-header_start{ - border:none; - display:flex; -} -.edit-site-header .edit-site-header_end{ - display:flex; - justify-content:flex-end; -} -.edit-site-header .edit-site-header_center{ - align-items:center; - display:flex; - flex-grow:1; - height:100%; - justify-content:center; - min-width:0; -} - -body.is-navigation-sidebar-open .edit-site-header{ - padding-left:0; - transition:padding-left 20ms linear; - transition-delay:0ms; -} -@media (prefers-reduced-motion:reduce){ - body.is-navigation-sidebar-open .edit-site-header{ - transition-delay:0s; - transition-duration:0s; - } -} - -@media (max-width:959px){ - body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle~.components-button,body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary){ - display:none; - } - body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button{ - margin-right:0; - } -} -.edit-site-header__toolbar{ - align-items:center; - display:flex; - padding-left:8px; -} -@media (min-width:600px){ - .edit-site-header__toolbar{ - padding-left:24px; - } -} -@media (min-width:1280px){ - .edit-site-header__toolbar{ - padding-right:8px; - } -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle{ - height:32px; - margin-right:8px; - min-width:32px; - padding:0; - width:32px; -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ - transition:transform .2s cubic-bezier(.165, .84, .44, 1); -} -@media (prefers-reduced-motion:reduce){ - .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg{ - transform:rotate(45deg); -} - -.edit-site-header__toolbar-switchers{ - align-items:center; - display:flex; -} - -.edit-site-header__toolbar-switchers-separator{ - margin:0 -6px; -} -.edit-site-header__actions{ - align-items:center; - display:inline-flex; - gap:4px; - padding-right:4px; -} -@media (min-width:600px){ - .edit-site-header__actions{ - gap:8px; - padding-right:10px; - } -} -.edit-site-header__actions .interface-pinned-items{ - display:none; -} -@media (min-width:782px){ - .edit-site-header__actions .interface-pinned-items{ - display:inline-flex; - } -} - -.edit-site-header__actions__preview-options{ - opacity:1; - transition:opacity .3s; -} -.edit-site-header__actions__preview-options.is-zoomed-out{ - opacity:0; -} - -.edit-site-header__actions-more-menu{ - margin-left:-4px; -} -.edit-site-header__actions-more-menu .components-icon-button{ - padding:8px 2px; - width:auto; -} -@media (min-width:600px){ - .edit-site-header__actions-more-menu{ - margin-left:4px; - } - .edit-site-header__actions-more-menu .components-icon-button{ - padding:8px 4px; - } -} - -.edit-site-header_start{ - border:none; - display:flex; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon{ - height:36px; - min-width:36px; - padding:6px; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon.is-pressed,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ - background:#1e1e1e; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; - outline:1px solid transparent; -} -.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:before,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:before{ - display:none; -} -.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-icon{ - height:32px; - margin-right:8px; - min-width:32px; - padding:0; - width:32px; -} -.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-text.has-icon{ - padding:0 8px; - width:auto; -} - -.show-icon-labels .edit-site-header .components-button.has-icon{ - width:auto; -} -.show-icon-labels .edit-site-header .components-button.has-icon svg{ - display:none; -} -.show-icon-labels .edit-site-header .components-button.has-icon:after{ - content:attr(aria-label); -} -.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true]{ - background-color:initial; -} -.show-icon-labels .edit-site-header .is-tertiary:active{ - background-color:initial; - box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); -} -.show-icon-labels .edit-site-header .edit-site-save-button__button{ - padding-left:6px; - padding-right:6px; -} -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ - content:none; -} -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle{ - height:36px; - padding:0 8px; -} -.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar>*+*{ - margin-left:8px; -} - -.edit-site-document-actions{ - display:flex; - flex-direction:column; - height:100%; - justify-content:center; - min-width:0; - padding:0 8px; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper{ - align-items:center; - display:flex; - flex-direction:row; - justify-content:center; - min-width:0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{ - display:inline-flex; - margin-left:4px; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{ - min-width:0; - padding:0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{ - margin:0; - min-width:0; -} -.edit-site-document-actions .edit-site-document-actions__title{ - overflow:hidden; - text-overflow:ellipsis; - white-space:nowrap; -} -.edit-site-document-actions .edit-site-document-actions__secondary-item{ - background:#e0e0e0; - border-radius:2px; - max-width:0; - opacity:0; - overflow:hidden; - padding:0; - text-overflow:ellipsis; - transition:all .2s ease; - white-space:nowrap; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-document-actions .edit-site-document-actions__secondary-item{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{ - margin-left:6px; - max-width:180px; - opacity:1; - padding:0 4px; -} - -.edit-site-document-actions__info-dropdown>.components-popover__content{ - min-width:240px; - padding:0; -} - -.edit-site-navigation-toggle{ - align-items:center; - background:#1e1e1e; - border-radius:0; - display:flex; - height:60px; - position:absolute; - width:60px; - z-index:31; -} - -.edit-site-navigation-toggle__button.components-button{ - align-items:center; - background:#1e1e1e; - border-radius:0; - color:#fff; - height:61px; - margin-bottom:-1px; - min-width:60px; - width:60px; - z-index:1; -} -.edit-site-navigation-toggle__button.components-button:active,.edit-site-navigation-toggle__button.components-button:hover{ - color:#fff; -} -.edit-site-navigation-toggle__button.components-button:focus{ - box-shadow:none; -} -.edit-site-navigation-toggle__button.components-button:before{ - border-radius:4px; - bottom:9px; - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; - content:""; - display:block; - left:9px; - position:absolute; - right:9px; - top:9px; - transition:box-shadow .1s ease; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-navigation-toggle__button.components-button:before{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-navigation-toggle__button.components-button:hover:before{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; -} -.edit-site-navigation-toggle__button.components-button.has-icon:hover:before{ - box-shadow:none; -} -.edit-site-navigation-toggle__button.components-button:focus:before{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon{ - border-radius:2px; - height:36px; - margin-top:-1px; - -o-object-fit:cover; - object-fit:cover; - width:36px; -} - -.edit-site-navigation-panel{ - background:#1e1e1e; - color:#fff; - height:100%; - overflow:hidden; - position:relative; - transition:width .1s linear; - width:0; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-navigation-panel{ - transition-delay:0s; - transition-duration:0s; - } -} -@media (min-width:782px){ - .interface-interface-skeleton.has-footer .edit-site-navigation-panel{ - height:calc(100% - 25px); - } -} - -.edit-site-navigation-panel__inner{ - height:100%; - overflow:hidden; - position:relative; - transition:visibility .1s linear; - visibility:hidden; - width:300px; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-navigation-panel__inner{ - transition-delay:0s; - transition-duration:0s; - } -} - -.edit-site-navigation-panel.is-open{ - width:300px; -} -.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner{ - visibility:visible; -} - -.edit-site-navigation-panel__site-title-container{ - align-items:center; - display:flex; - height:60px; - margin:0 16px 0 8px; - padding-left:60px; -} - -.edit-site-navigation-panel__site-title{ - -webkit-line-clamp:2; - -webkit-box-orient:vertical; - color:#ddd; - display:-webkit-box; - font-size:14px; - font-style:normal; - font-weight:600; - line-height:20px; - overflow:hidden; -} - -.edit-site-navigation-panel__scroll-container{ - height:calc(100% - 60px); - overflow-x:hidden; - overflow-y:auto; -} - -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary{ - height:36px; - margin-top:24px; - padding:8px 16px 8px 8px; -} -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled){ - border-bottom-color:transparent; -} - -.edit-site-navigation-panel__preview{ - background:#fff; - border:1px solid #ccc; - border-radius:2px; - box-shadow:0 2px 6px rgba(0,0,0,.05); - color:#1e1e1e; - display:none; - left:312px; - padding:16px; - position:absolute; - top:73px; - width:300px; - z-index:32; -} -@media (min-width:782px){ - .edit-site-navigation-panel__preview{ - display:block; - } -} - -.edit-site-navigation-panel__template-item{ - display:block; -} -.edit-site-navigation-panel__template-item .components-button{ - align-items:flex-start; - color:inherit; - display:flex; - flex-direction:column; - height:auto; - justify-content:center; - min-height:36px; - padding-left:16px; - padding-right:16px; - text-align:left; -} - -.edit-site-navigation-panel__template-item-title{ - font-size:14px; - line-height:20px; -} -.edit-site-navigation-panel__template-item-title em{ - margin-right:1ch; -} - -.edit-site-navigation-panel__template-part-item .components-navigation__item-title,.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading{ - text-transform:capitalize; -} - -.components-navigation__item+.edit-site-navigation-panel__template-item{ - margin-top:16px; -} - -.edit-site-navigation-panel__template-item+.edit-site-navigation-panel__template-item{ - margin-top:8px; -} - -.edit-site-navigation-panel__info-wrapper{ - padding:4px 0; -} - -.edit-site-navigation-panel__template-item-description{ - font-size:12px; - line-height:16px; - padding-top:8px; -} - -.edit-site-navigation-panel__new-template-dropdown{ - margin:0 0 0 12px; -} -.edit-site-navigation-panel__new-template-dropdown button{ - margin:0; -} - -@media (min-width:600px){ - .edit-site-navigation-panel__new-template-popover{ - min-width:300px; - } -} - -.edit-site-list-header{ - align-items:center; - background-color:#fff; - box-sizing:border-box; - display:flex; - height:60px; - justify-content:flex-end; - padding-right:16px; - position:relative; - width:100%; -} -body.is-fullscreen-mode .edit-site-list-header{ - padding-left:60px; - transition:padding-left 20ms linear; - transition-delay:80ms; -} -@media (prefers-reduced-motion:reduce){ - body.is-fullscreen-mode .edit-site-list-header{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-list-header .edit-site-list-header__title{ - font-size:20px; - left:0; - margin:0; - padding:0; - position:absolute; - text-align:center; - width:100%; -} - -.edit-site-list-header__right{ - position:relative; -} - -.edit-site .edit-site-list .interface-interface-skeleton__editor{ - min-width:100%; -} -@media (min-width:782px){ - .edit-site .edit-site-list .interface-interface-skeleton__editor{ - min-width:0; - } -} -.edit-site .edit-site-list .interface-interface-skeleton__content{ - align-items:center; - background:#fff; - padding:16px; -} -@media (min-width:782px){ - .edit-site .edit-site-list .interface-interface-skeleton__content{ - padding:72px; - } -} - -.edit-site-list-table{ - border:1px solid #ddd; - border-radius:2px; - border-spacing:0; - margin:0; - max-width:960px; - overflow:hidden; - width:100%; -} -.edit-site-list-table tr{ - align-items:center; - border-top:1px solid #f0f0f0; - box-sizing:border-box; - display:flex; - margin:0; - padding:16px; -} -.edit-site-list-table tr:first-child{ - border-top:0; -} -@media (min-width:782px){ - .edit-site-list-table tr{ - padding:24px 32px; - } -} -.edit-site-list-table tr .edit-site-list-table-column:first-child{ - padding-right:24px; - width:calc(60% - 18px); -} -.edit-site-list-table tr .edit-site-list-table-column:first-child a{ - display:inline-block; - font-weight:500; - margin-bottom:4px; - text-decoration:none; -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ - width:calc(40% - 18px); - word-break:break-word; -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ - flex-shrink:0; - min-width:36px; -} -.edit-site-list-table tr.edit-site-list-table-head{ - border-bottom:1px solid #ddd; - border-top:none; - color:#1e1e1e; - font-size:16px; - font-weight:600; - text-align:left; -} -.edit-site-list-table tr.edit-site-list-table-head th{ - font-weight:inherit; -} - -@media (min-width:782px){ - .edit-site-list.is-navigation-open .components-snackbar-list{ - margin-left:300px; - } - .edit-site-list__rename-modal .components-base-control{ - width:320px; - } -} - -.edit-site-list__rename-modal-actions{ - margin-top:12px; -} - -.edit-site-template__actions button:not(:last-child){ - margin-right:8px; -} - -.edit-site-list-added-by__icon{ - align-items:center; - background:#2f2f2f; - border-radius:100%; - display:flex; - flex-shrink:0; - height:32px; - justify-content:center; - position:relative; - width:32px; -} -.edit-site-list-added-by__icon svg{ - fill:#fff; -} -.edit-site-list-added-by__icon.is-customized:after{ - background:var(--wp-admin-theme-color); - border-radius:100%; - content:""; - height:8px; - outline:2px solid #fff; - position:absolute; - right:-1px; - top:-1px; - width:8px; -} - -.edit-site-list-added-by__avatar{ - background:#2f2f2f; - border-radius:100%; - flex-shrink:0; - height:32px; - overflow:hidden; - width:32px; -} -.edit-site-list-added-by__avatar img{ - height:32px; - -o-object-fit:cover; - object-fit:cover; - opacity:0; - transition:opacity .1s linear; - width:32px; -} -@media (prefers-reduced-motion:reduce){ - .edit-site-list-added-by__avatar img{ - transition-delay:0s; - transition-duration:0s; - } -} -.edit-site-list-added-by__avatar.is-loaded img{ - opacity:1; -} - -.edit-site-new-template-dropdown .components-dropdown-menu__toggle{ - padding:6px 12px; -} @media (min-width:600px){ .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{ min-width:300px; @@ -1487,23 +560,912 @@ body.is-fullscreen-mode .edit-site-list-header{ margin-bottom:4px; } -.edit-site-custom-generic-template__modal-actions{ - margin-top:12px; +.edit-site-template-actions-loading-screen-modal{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + background-color:initial; +} +.edit-site-template-actions-loading-screen-modal.is-full-screen{ + background-color:#fff; + box-shadow:0 0 0 transparent; + min-height:100%; + min-width:100%; +} +.edit-site-template-actions-loading-screen-modal__content{ + align-items:center; + display:flex; + height:100%; + justify-content:center; } -.edit-site-sidebar{ +.edit-site-block-editor__editor-styles-wrapper .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + padding:6px 12px; +} +.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ + padding:6px; +} + +.edit-site-visual-editor{ + align-items:center; + background-color:#2f2f2f; + display:block; + height:100%; + overflow:hidden; + position:relative; +} +.edit-site-visual-editor iframe{ + display:block; + height:100%; + width:100%; +} +.edit-site-visual-editor .edit-site-visual-editor__editor-canvas{ + background:#fff; + height:100%; +} +.edit-site-layout.is-full-canvas .edit-site-visual-editor.is-focus-mode{ + padding:48px; +} +.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ + border-radius:2px; + max-height:100%; +} +.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ + overflow:visible; +} +.edit-site-visual-editor .components-resizable-box__container{ + margin:0 auto; + overflow:auto; +} +.edit-site-visual-editor.is-view-mode .block-editor-block-contextual-toolbar{ + display:none; +} + +.edit-site-visual-editor__back-button{ + color:#fff; + left:8px; + position:absolute; + top:8px; +} +.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ + color:#f0f0f0; +} + +.resizable-editor__drag-handle{ + -webkit-appearance:none; + appearance:none; + background:none; + border:0; + border-radius:2px; + bottom:0; + cursor:ew-resize; + margin:auto 0; + outline:none; + padding:0; + position:absolute; + top:0; + width:12px; +} +.resizable-editor__drag-handle.is-variation-default{ + height:100px; +} +.resizable-editor__drag-handle.is-variation-separator{ + height:100%; + right:0; + width:24px; +} +.resizable-editor__drag-handle.is-variation-separator:after{ + background:transparent; + border-radius:0; + left:50%; + right:0; + transform:translateX(-1px); + transition:all .2s ease; + transition-delay:.1s; + width:2px; +} +@media (prefers-reduced-motion:reduce){ + .resizable-editor__drag-handle.is-variation-separator:after{ + animation-delay:0s; + animation-duration:1ms; + transition-delay:0s; + transition-duration:0s; + } +} +.resizable-editor__drag-handle:after{ + background:#949494; + border-radius:2px; + bottom:24px; + content:""; + left:4px; + position:absolute; + right:0; + top:24px; + width:4px; +} +.resizable-editor__drag-handle.is-left{ + left:-16px; +} +.resizable-editor__drag-handle.is-right{ + right:-16px; +} +.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ + opacity:1; +} +.resizable-editor__drag-handle:active.is-variation-default:after,.resizable-editor__drag-handle:hover.is-variation-default:after{ + background:#ccc; +} +.resizable-editor__drag-handle:active.is-variation-separator:after,.resizable-editor__drag-handle:hover.is-variation-separator:after{ + background:var(--wp-admin-theme-color); +} +.resizable-editor__drag-handle:focus:after{ + box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); +} +.resizable-editor__drag-handle.is-variation-separator:focus:after{ + border-radius:2px; + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); +} + +.edit-site-canvas-spinner{ + align-items:center; + display:flex; + height:100%; + justify-content:center; + width:100%; +} + +.edit-site-code-editor{ + background-color:#fff; + min-height:100%; + position:relative; + width:100%; +} +.edit-site-code-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:12px; + width:100%; +} +@media (min-width:960px){ + .edit-site-code-editor__body{ + padding:24px; + } +} +.edit-site-code-editor__toolbar{ + background:hsla(0,0%,100%,.8); + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; +} +@media (min-width:600px){ + .edit-site-code-editor__toolbar{ + padding:12px; + } +} +@media (min-width:960px){ + .edit-site-code-editor__toolbar{ + padding:12px 24px; + } +} +.edit-site-code-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 auto 0 0; +} +.edit-site-code-editor__toolbar .components-button svg{ + order:1; +} + +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + font-size:15px !important; + padding:24px; + } +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.edit-site-global-styles-preview{ + align-items:center; + cursor:pointer; + display:flex; + justify-content:center; + line-height:1; +} + +.edit-site-global-styles-preview__iframe{ + display:block; + max-width:100%; +} + +.edit-site-typography-preview{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + display:flex; + justify-content:center; + margin-bottom:16px; + min-height:100px; + overflow:hidden; +} + +.edit-site-typography-panel__full-width-control{ + grid-column:1 / -1; + max-width:100%; +} + +.edit-site-global-styles-screen-css,.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{ + margin:16px; +} + +.edit-site-global-styles-screen-typography__indicator{ + align-items:center; + border-radius:2px; + display:flex !important; + font-size:14px; + height:24px; + justify-content:center; + width:24px; +} + +.edit-site-global-styles-screen-colors{ + margin:16px; +} +.edit-site-global-styles-screen-colors .component-color-indicator{ + background:#fff linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0); + flex-shrink:0; +} + +.edit-site-global-styles-header__description{ + padding:0 16px; +} + +.edit-site-block-types-search{ + margin-bottom:8px; + padding:0 16px; +} + +.edit-site-global-styles-subtitle{ + font-size:11px !important; + font-weight:500 !important; + margin-bottom:0 !important; + text-transform:uppercase; +} + +.edit-site-global-styles-section-title{ + color:#2f2f2f; + font-weight:600; + line-height:1.2; + margin:0; + padding:16px 16px 0; +} + +.edit-site-screen-background-color__control.has-no-tabs,.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{ + padding:16px; +} + +.edit-site-global-styles-variations_item{ + box-sizing:border-box; +} +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + border:1px solid #e0e0e0; + border-radius:2px; + padding:2px; +} +.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ + border:1px solid #1e1e1e; +} +.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ + border:1px solid var(--wp-admin-theme-color); +} +.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{ + border:var(--wp-admin-theme-color) var(--wp-admin-border-width-focus) solid; +} + +.edit-site-global-styles-icon-with-current-color{ + fill:currentColor; +} + +.edit-site-global-styles__color-indicator-wrapper{ + flex-shrink:0; + height:24px; +} + +.edit-site-global-styles__color-label{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + +.edit-site-global-styles__block-preview-panel{ + border:1px solid #e0e0e0; + border-radius:2px; + height:152px; + overflow:auto; + position:relative; + width:100%; +} + +.edit-site-global-styles-screen-css{ + display:flex; + flex:1 1 auto; + flex-direction:column; +} +.edit-site-global-styles-screen-css .components-v-stack{ + flex:1 1 auto; +} +.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field{ + display:flex; + flex:1 1 auto; + flex-direction:column; +} +.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field .components-textarea-control__input{ + flex:1 1 auto; +} + +.edit-site-global-styles__custom-css-input textarea{ + font-family:Menlo,Consolas,monaco,monospace; +} + +.edit-site-global-styles__custom-css-validation-wrapper{ + bottom:16px; + position:absolute; + right:24px; +} + +.edit-site-global-styles__custom-css-validation-icon{ + fill:#cc1818; +} + +.edit-site-global-styles__custom-css-theme-css{ + line-break:anywhere; + max-height:200px; + overflow-y:scroll; + white-space:break-spaces; + width:100%; +} + +.edit-site-global-styles-screen-css-help-link{ + padding-left:16px; +} + +.edit-site-global-styles-screen-variations{ + border-top:1px solid #ddd; + margin-top:16px; +} +.edit-site-global-styles-screen-variations>*{ + margin:24px 16px; +} + +.edit-site-global-styles-sidebar__navigator-screen{ + display:flex; + flex-direction:column; +} + +.edit-site-global-styles__shadow-panel{ + width:230px; +} + +.edit-site-global-styles__shadow-dropdown{ + display:block; + padding:0; +} +.edit-site-global-styles__shadow-dropdown>button{ + padding:8px; + width:100%; +} +.edit-site-global-styles__shadow-dropdown>button.is-open{ + background-color:#f0f0f0; +} + +.edit-site-global-styles__shadow-indicator-wrapper{ + align-items:center; + display:flex; + justify-content:center; + overflow:hidden; + padding:6px; +} + +.edit-site-global-styles__shadow-indicator{ + border:1px solid #e0e0e0; + border-radius:2px; + color:#2f2f2f; + cursor:pointer; + height:24px; + padding:0; + width:24px; +} + +.edit-site-header-edit-mode{ + align-items:center; + background-color:#fff; + border-bottom:1px solid #e0e0e0; + box-sizing:border-box; + color:#1e1e1e; + display:flex; + height:60px; + justify-content:space-between; + padding-left:60px; + width:100%; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__start{ + border:none; + display:flex; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__end{ + display:flex; + justify-content:flex-end; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__center{ + align-items:center; + display:flex; + flex-grow:1; + height:100%; + justify-content:center; + min-width:0; +} + +.edit-site-header-edit-mode__toolbar{ + align-items:center; + display:flex; + padding-left:8px; +} +@media (min-width:600px){ + .edit-site-header-edit-mode__toolbar{ + padding-left:24px; + } +} +@media (min-width:1280px){ + .edit-site-header-edit-mode__toolbar{ + padding-right:8px; + } +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle{ + height:32px; + margin-right:8px; + min-width:32px; + padding:0; + width:32px; +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); +} +@media (prefers-reduced-motion:reduce){ + .edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle.is-pressed svg{ + transform:rotate(45deg); +} +.edit-site-header-edit-mode__actions{ + align-items:center; + display:inline-flex; + gap:4px; + padding-right:4px; +} +@media (min-width:600px){ + .edit-site-header-edit-mode__actions{ + gap:8px; + padding-right:10px; + } +} +.edit-site-header-edit-mode__actions .interface-pinned-items{ + display:none; +} +@media (min-width:782px){ + .edit-site-header-edit-mode__actions .interface-pinned-items{ + display:inline-flex; + } +} + +.edit-site-header-edit-mode__preview-options{ + opacity:1; + transition:opacity .3s; +} +.edit-site-header-edit-mode__preview-options.is-zoomed-out{ + opacity:0; +} + +.edit-site-header-edit-mode__start{ + border:none; + display:flex; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon{ + height:36px; + min-width:36px; + padding:6px; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon.is-pressed,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:before,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:before{ + display:none; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-icon{ + height:32px; + margin-right:8px; + min-width:32px; + padding:0; + width:32px; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-text.has-icon{ + padding:0 8px; + width:auto; +} + +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon{ + width:auto; +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon svg{ + display:none; +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon:after{ + content:attr(aria-label); +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon[aria-disabled=true]{ + background-color:initial; +} +.edit-site-header-edit-mode.show-icon-labels .is-tertiary:active{ + background-color:initial; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-save-button__button{ + padding-left:6px; + padding-right:6px; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ + content:none; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__inserter-toggle.edit-site-header-edit-mode__inserter-toggle{ + height:36px; + padding:0 8px; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>*+*{ + margin-left:8px; +} + +.edit-site-document-actions{ + display:flex; + flex-direction:column; + height:100%; + justify-content:center; + min-width:0; + padding:0 8px; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper{ + align-items:center; + display:flex; + flex-direction:row; + justify-content:center; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{ + display:inline-flex; + margin-left:4px; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{ + min-width:0; + padding:0; +} +.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{ + margin:0; + min-width:0; +} +.edit-site-document-actions .edit-site-document-actions__title{ + color:currentColor; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.edit-site-document-actions .edit-site-document-actions__secondary-item{ + align-items:center; + background:rgba(var(--wp-block-synced-color--rgb), .04); + border-radius:2px; + display:flex; + max-width:0; + opacity:0; + overflow:hidden; + padding:0; + text-overflow:ellipsis; + transition:all .2s ease; + white-space:nowrap; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-document-actions .edit-site-document-actions__secondary-item{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-document-actions .edit-site-document-actions__secondary-item .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} +.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{ + margin-left:6px; + max-width:180px; + opacity:1; + padding:0 4px; +} + +.edit-site-document-actions__info-dropdown>.components-popover__content{ + min-width:240px; + padding:0; +} + +.edit-site-list-header{ + align-items:center; + box-sizing:border-box; + display:flex; + height:60px; + justify-content:flex-end; + padding-right:16px; + position:relative; + width:100%; +} +body.is-fullscreen-mode .edit-site-list-header{ + padding-left:60px; + transition:padding-left 20ms linear; + transition-delay:80ms; +} +@media (prefers-reduced-motion:reduce){ + body.is-fullscreen-mode .edit-site-list-header{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-list-header .edit-site-list-header__title{ + font-size:20px; + left:0; + margin:0; + padding:0; + position:absolute; + text-align:center; + width:100%; +} + +.edit-site-list-header__right{ + position:relative; +} + +.edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:100%; +} +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:0; + } +} +.edit-site .edit-site-list .interface-interface-skeleton__content{ + align-items:center; + background:#fff; + padding:16px; +} +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__content{ + padding:72px; + } +} + +.edit-site-list-table{ + border:1px solid #ddd; + border-radius:2px; + border-spacing:0; + margin:0 auto; + max-width:960px; + min-width:100%; + overflow:hidden; +} +.edit-site-list-table tr{ + align-items:center; + border-top:1px solid #f0f0f0; + box-sizing:border-box; + display:flex; + margin:0; + padding:16px; +} +.edit-site-list-table tr:first-child{ + border-top:0; +} +@media (min-width:782px){ + .edit-site-list-table tr{ + padding:24px 32px; + } +} +.edit-site-list-table tr .edit-site-list-table-column:first-child{ + padding-right:24px; + width:calc(60% - 18px); +} +.edit-site-list-table tr .edit-site-list-table-column:first-child a{ + display:inline-block; + font-weight:500; + margin-bottom:4px; + text-decoration:none; +} +.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ + width:calc(40% - 18px); + word-break:break-word; +} +.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ + flex-shrink:0; + min-width:36px; +} +.edit-site-list-table tr.edit-site-list-table-head{ + border-bottom:1px solid #ddd; + border-top:none; + color:#1e1e1e; + font-size:16px; + font-weight:600; + text-align:left; +} +.edit-site-list-table tr.edit-site-list-table-head th{ + font-weight:inherit; +} + +@media (min-width:782px){ + .edit-site-list.is-navigation-open .components-snackbar-list{ + margin-left:360px; + } + .edit-site-list__rename-modal .components-base-control{ + width:320px; + } +} + +.edit-site-template__actions button:not(:last-child){ + margin-right:8px; +} + +.edit-site-list-added-by__icon{ + align-items:center; + background:#2f2f2f; + border-radius:100%; + display:flex; + flex-shrink:0; + height:32px; + justify-content:center; + position:relative; + width:32px; +} +.edit-site-list-added-by__icon svg{ + fill:#fff; +} +.edit-site-list-added-by__icon.is-customized:after{ + background:var(--wp-admin-theme-color); + border-radius:100%; + content:""; + height:8px; + outline:2px solid #fff; + position:absolute; + right:-1px; + top:-1px; + width:8px; +} + +.edit-site-list-added-by__avatar{ + background:#2f2f2f; + border-radius:100%; + flex-shrink:0; + height:32px; + overflow:hidden; + width:32px; +} +.edit-site-list-added-by__avatar img{ + height:32px; + -o-object-fit:cover; + object-fit:cover; + opacity:0; + transition:opacity .1s linear; + width:32px; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-list-added-by__avatar img{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-list-added-by__avatar.is-loaded img{ + opacity:1; +} + +@keyframes loadingpulse{ + 0%{ + opacity:1; + } + 50%{ + opacity:.5; + } + to{ + opacity:1; + } +} +.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + white-space:normal; +} +.edit-site-navigation-inspector .block-editor-list-view-block__title{ + margin-top:3px; +} +.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{ + padding-right:0; +} +.edit-site-navigation-inspector .edit-site-navigation-inspector__select-menu{ + margin-bottom:8px; +} + +.edit-site-navigation-inspector__placeholder{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; + background-color:#f0f0f0; + margin:8px; + padding:8px; +} +.edit-site-navigation-inspector__placeholder.is-child{ + margin-left:24px; + width:50%; +} + +.edit-site-navigation-inspector__empty-msg{ + padding:0 8px; +} + +.edit-site-sidebar-edit-mode{ width:280px; } -.edit-site-sidebar>.components-panel{ +.edit-site-sidebar-edit-mode>.components-panel{ border-left:0; border-right:0; margin-bottom:-1px; margin-top:-1px; } -.edit-site-sidebar>.components-panel>.components-panel__header{ +.edit-site-sidebar-edit-mode>.components-panel>.components-panel__header{ background:#f0f0f0; } -.edit-site-sidebar .block-editor-block-inspector__card{ +.edit-site-sidebar-edit-mode .block-editor-block-inspector__card{ margin:0; } @@ -1542,7 +1504,7 @@ body.is-fullscreen-mode .edit-site-list-header{ border:0; } -.edit-site-global-styles-sidebar .components-tools-panel-item.single-column{ +.edit-site-global-styles-sidebar .single-column{ grid-column:span 1; } @@ -1563,37 +1525,24 @@ body.is-fullscreen-mode .edit-site-list-header{ padding:16px; } -.edit-site-navigation-sidebar__beta{ - align-items:center; - background-color:#1e1e1e; - border-radius:2px; - color:#fff; - display:inline-flex; - font-size:12px; - height:24px; - line-height:1; - margin-left:8px; - padding:0 8px; -} - .edit-site-global-styles-sidebar hr{ margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs{ border-top:0; justify-content:flex-start; margin-top:0; padding-left:0; padding-right:16px; } -.components-panel__header.edit-site-sidebar__panel-tabs ul{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs ul{ display:flex; } -.components-panel__header.edit-site-sidebar__panel-tabs li{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs li{ margin:0; } -.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ display:none; height:24px; margin:0 0 0 auto; @@ -1601,89 +1550,72 @@ body.is-fullscreen-mode .edit-site-list-header{ padding:0; } @media (min-width:782px){ - .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{ + .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ display:flex; } } -.components-button.edit-site-sidebar__panel-tab{ +.components-button.edit-site-sidebar-edit-mode__panel-tab{ background:transparent; border:none; border-radius:0; box-shadow:none; cursor:pointer; - display:inline-block; font-weight:500; height:48px; margin-left:0; - padding:3px 15px; -} -.components-button.edit-site-sidebar__panel-tab:after{ - speak:none; - content:attr(data-label); - display:block; - font-weight:600; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-button.edit-site-sidebar__panel-tab.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); + padding:3px 16px; position:relative; - z-index:1; } -.components-button.edit-site-sidebar__panel-tab.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; +.components-button.edit-site-sidebar-edit-mode__panel-tab:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-button.edit-site-sidebar-edit-mode__panel-tab:after{ + background:var(--wp-admin-theme-color); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-button.edit-site-sidebar__panel-tab:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position:relative; - z-index:1; -} -.components-button.edit-site-sidebar__panel-tab.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); -} - -@keyframes loadingpulse{ - 0%{ - opacity:1; - } - 50%{ - opacity:.5; - } - to{ - opacity:1; +@media (prefers-reduced-motion:reduce){ + .components-button.edit-site-sidebar-edit-mode__panel-tab:after{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-navigation-inspector{ - padding:16px; +.components-button.edit-site-sidebar-edit-mode__panel-tab.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; } -.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{ - white-space:normal; +.components-button.edit-site-sidebar-edit-mode__panel-tab:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; } -.edit-site-navigation-inspector .block-editor-list-view-block__title{ - margin-top:3px; +@media (prefers-reduced-motion:reduce){ + .components-button.edit-site-sidebar-edit-mode__panel-tab:before{ + transition-delay:0s; + transition-duration:0s; + } } -.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{ - padding-right:0; -} - -.edit-site-navigation-inspector__placeholder{ - animation:loadingpulse 1s linear infinite; - animation-delay:.5s; - background-color:#f0f0f0; - margin:8px; - padding:8px; -} -.edit-site-navigation-inspector__placeholder.is-child{ - margin-left:24px; - width:50%; +.components-button.edit-site-sidebar-edit-mode__panel-tab:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } .edit-site-template-card{ @@ -1738,47 +1670,20 @@ h3.edit-site-template-card__template-areas-title{ margin:0 0 8px; } -html #wpadminbar{ - display:none; -} - -html.wp-toolbar{ - padding-top:0; -} - .edit-site-editor__toggle-save-panel{ background-color:#fff; border:1px dotted #ddd; - bottom:auto; + box-sizing:border-box; display:flex; - height:auto !important; justify-content:center; - left:auto; padding:24px; - position:fixed !important; - right:0; - top:-9999em; width:280px; - z-index:100000; } .interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{ bottom:0; top:auto; } -.edit-site-visual-editor{ - display:block; - height:100%; - overflow:hidden; - position:relative; -} -.edit-site-visual-editor iframe{ - background-color:#fff; - display:block; - height:100%; - width:100%; -} - .edit-site .components-editor-notices__snackbar{ bottom:40px; left:0; @@ -1831,6 +1736,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ .edit-site-template-details .edit-site-template-details__template-areas-item{ position:relative; } +.edit-site-template-details .edit-site-template-details__template-areas-item .components-menu-items__item-icon{ + color:var(--wp-block-synced-color); +} .edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{ bottom:0; margin:auto 0; @@ -1877,15 +1785,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ } } -.edit-site-create-template-part-modal__modal-actions{ - padding-top:12px; -} - -.edit-site-create-template-part-modal__area-base-control .components-base-control__label{ - cursor:auto; - margin:16px 0 8px; -} - .edit-site-create-template-part-modal__area-radio-group{ border:1px solid #757575; border-radius:2px; @@ -2057,6 +1956,437 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ margin:0 0 0 .2rem; } +.edit-site-layout{ + background:#1e1e1e; + color:#fff; + display:flex; + flex-direction:column; + height:100%; +} + +.edit-site-layout__hub{ + background:#000; + border-radius:8px; + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); + height:68px; + left:24px; + padding:16px 16px 16px 0; + position:fixed; + top:24px; + width:calc(100vw - 48px); + z-index:3; +} +.edit-site-layout.is-full-canvas .edit-site-layout__hub{ + border-radius:0; + box-shadow:none; + height:60px; + left:0; + padding:0 16px 0 0; + top:0; + width:100vw; +} +@media (min-width:782px){ + .edit-site-layout.is-full-canvas .edit-site-layout__hub{ + padding-right:0; + width:auto; + } +} +.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub{ + padding-right:0; + width:auto; +} +@media (min-width:782px){ + .edit-site-layout__hub{ + width:312px; + } +} + +.edit-site-layout__header{ + display:flex; + height:60px; + z-index:2; +} +.edit-site-layout:not(.is-full-canvas) .edit-site-layout__header{ + position:fixed; + width:100vw; +} + +.edit-site-layout__content{ + display:flex; + flex-grow:1; + overflow:hidden; +} + +.edit-site-layout__sidebar{ + width:100vw; + z-index:1; +} +@media (min-width:782px){ + .edit-site-layout__sidebar{ + width:360px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__sidebar{ + height:100vh; + left:0; + position:fixed !important; + top:0; +} +.edit-site-layout__sidebar>div{ + min-height:100%; + overflow-y:auto; + scrollbar-color:#757575 #1e1e1e; + scrollbar-gutter:stable; + scrollbar-width:thin; + visibility:hidden; +} +.edit-site-layout__sidebar>div::-webkit-scrollbar{ + height:12px; + width:12px; +} +.edit-site-layout__sidebar>div::-webkit-scrollbar-track{ + background-color:#1e1e1e; +} +.edit-site-layout__sidebar>div::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:#757575; + border:3px solid transparent; + border-radius:8px; +} +.edit-site-layout__sidebar>div:focus,.edit-site-layout__sidebar>div:hover,.edit-site-layout__sidebar>div>*{ + visibility:visible; +} +.edit-site-layout__sidebar .resizable-editor__drag-handle{ + right:0; +} + +.edit-site-layout__canvas-container{ + flex-grow:1; + position:relative; + z-index:2; +} +.edit-site-layout__canvas-container.is-resizing:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:100; +} + +.edit-site-layout__canvas{ + bottom:0; + left:0; + position:absolute; + top:0; + width:100%; +} +.edit-site-layout__canvas>div{ + background:#fff; + box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8); + color:#1e1e1e; +} +@media (min-width:782px){ + .edit-site-layout__canvas{ + bottom:24px; + top:24px; + width:calc(100% - 24px); + } + .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .edit-site-visual-editor__editor-canvas,.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .interface-interface-skeleton__content,.edit-site-layout__canvas>div{ + border-radius:8px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__canvas{ + bottom:0; + top:0; + width:100%; +} +.edit-site-layout.is-full-canvas .edit-site-layout__canvas>div{ + border-radius:0; +} + +.edit-site-layout__canvas .interface-interface-skeleton{ + min-height:100% !important; + position:relative !important; +} + +.edit-site-layout__view-mode-toggle.components-button{ + align-items:center; + border-radius:2px; + color:#fff; + display:flex; + height:100%; + justify-content:center; + padding:0; + position:relative; + width:100%; +} +.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{ + color:#fff; +} +.edit-site-layout__view-mode-toggle.components-button:focus{ + box-shadow:none; +} +.edit-site-layout__view-mode-toggle.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:none; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-layout__view-mode-toggle.components-button:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-layout__view-mode-toggle.components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ + border-radius:2px; + display:flex; +} + +.edit-site-sidebar__content.edit-site-sidebar__content{ + overflow-x:unset; +} + +.edit-site-sidebar__content>div{ + padding:0 12px; +} + +.edit-site-sidebar-navigation-item.components-item{ + border-width:1.5px; + color:#949494; +} +.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:#2f2f2f; + border-width:1.5px; + color:#fff; +} +.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:var(--wp-admin-theme-color); +} + +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button{ + color:#949494; +} +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button[aria-current]{ + color:#fff; +} + +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf[aria-current]{ + background:#2f2f2f; +} +.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf .block-editor-list-view-block__menu{ + margin-left:-8px; +} + +.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{ + cursor:grab; + padding:8px; + width:calc(100% - 2px); +} + +.edit-site-sidebar-navigation-screen{ + display:flex; + flex-direction:column; + overflow-x:unset !important; + position:relative; +} + +.edit-site-sidebar-navigation-screen__content{ + margin:0 16px 16px 36px; +} + +.edit-site-sidebar-navigation-screen__title-icon{ + background:#1e1e1e; + box-shadow:0 8px 16px #1e1e1e; + margin-bottom:8px; + padding-bottom:8px; + padding-right:16px; + padding-top:164px; + position:sticky; + top:0; +} + +.edit-site-sidebar-navigation-screen__title{ + color:#fff; + flex-grow:1; + font-size:20.28px; + font-weight:500; + margin:0; +} + +.edit-site-sidebar-navigation-screen__back{ + color:#e0e0e0; +} +.edit-site-sidebar-navigation-screen__back:hover{ + color:#fff; +} + +.edit-site-sidebar-navigation-screen__icon-placeholder{ + width:36px; +} + +.edit-site-sidebar-navigation-screen-templates__see-all{ + margin-top:16px !important; +} + +.edit-site-sidebar-navigation-screen-templates__add-button{ + color:inherit !important; +} + +.edit-site-site-hub{ + align-items:center; + display:flex; + gap:8px; + justify-content:space-between; +} + +.edit-site-site-hub__edit-button{ + height:32px; +} + +.edit-site-site-hub__post-type{ + opacity:.6; +} + +.edit-site-site-hub__view-mode-toggle-container{ + flex-shrink:0; + height:60px; + width:64px; +} + +.edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container{ + width:60px; +} + +.edit-site-site-hub__text-content{ + overflow:hidden; +} + +.edit-site-site-hub__title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + +.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-block__menu-edit,.edit-site-sidebar-navigation-screen-navigation-menus .edit-site-navigation-inspector__select-menu{ + display:none; +} +.edit-site-sidebar-navigation-screen-navigation-menus .offcanvas-editor-list-view-leaf{ + max-width:calc(100% - 4px); +} +.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ + width:100%; +} + +.edit-site-site-icon__icon{ + fill:currentColor; +} + +.edit-site-site-icon__image{ + border-radius:2px; + height:32px; + -o-object-fit:cover; + object-fit:cover; + width:32px; +} + +.edit-site-style-book{ + background:#fff; + border-radius:2px; + bottom:0; + left:0; + overflow:hidden; + position:absolute; + right:0; + top:0; + transition:all .3s; +} + +.edit-site-style-book__close-button{ + position:absolute; + right:8px; + top:6px; +} + +.edit-site-style-book__tab-panel .components-tab-panel__tabs{ + background:#fff; + color:#1e1e1e; +} +.edit-site-style-book__tab-panel .components-tab-panel__tab-content{ + bottom:0; + left:0; + overflow:auto; + padding:32px; + position:absolute; + right:0; + top:48px; +} + +.edit-site-style-book__examples{ + margin:0 auto; + max-width:900px; +} + +.edit-site-style-book__example{ + background:none; + border:none; + border-radius:2px; + color:inherit; + cursor:pointer; + display:flex; + flex-direction:column; + gap:40px; + margin-bottom:40px; + padding:16px; + width:100%; +} +.edit-site-style-book__example.is-selected{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.edit-site-style-book.is-wide .edit-site-style-book__example{ + flex-direction:row; +} + +.edit-site-style-book__example-title{ + font-size:11px; + font-weight:500; + margin:0; + text-align:left; + text-transform:uppercase; +} +.edit-site-style-book.is-wide .edit-site-style-book__example-title{ + text-align:right; + width:120px; +} + +.edit-site-style-book__example-preview{ + width:100%; +} + +.edit-site-push-changes-to-global-styles-control .components-button{ + justify-content:center; + width:100%; +} + +html #wpadminbar{ + display:none; +} + +html #wpbody,html.wp-toolbar{ + padding-top:0; +} + body.appearance_page_gutenberg-template-parts,body.site-editor-php,html.wp-toolbar{ background:#fff; } @@ -2088,12 +2418,15 @@ body.appearance_page_gutenberg-template-parts .media-frame select.attachment-fil box-sizing:inherit; } +.edit-site{ + height:100vh; +} @media (min-width:600px){ .edit-site{ bottom:0; left:0; min-height:100vh; - position:absolute; + position:fixed; right:0; top:0; } diff --git a/wp-includes/css/dist/edit-site/style.min.css b/wp-includes/css/dist/edit-site/style.min.css index 310323b707..4ec2b0a704 100644 --- a/wp-includes/css/dist/edit-site/style.min.css +++ b/wp-includes/css/dist/edit-site/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:auto;right:10px;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;right:0;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;display:block;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto;z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;left:0;position:absolute;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:auto;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus{bottom:0;top:auto}.interface-more-menu-dropdown{margin-left:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-left:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-right:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{left:16px;position:absolute;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-left:160px;padding-left:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-left:48px;margin-top:0}.edit-site-block-editor__editor-styles-wrapper .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{padding:6px}.edit-site-visual-editor{align-items:center;background-color:#2f2f2f}.edit-site-visual-editor.is-focus-mode{padding:48px}.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{border-radius:2px;max-height:100%}.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{overflow:visible}.edit-site-visual-editor .components-resizable-box__container{margin:0 auto;overflow:auto}.edit-site-visual-editor__back-button{color:#fff;left:8px;position:absolute;top:8px}.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{color:#f0f0f0}.resizable-editor__drag-handle{-webkit-appearance:none;appearance:none;background:#949494;border:0;border-radius:2px;bottom:0;cursor:ew-resize;height:100px;margin:auto 0;outline:none;padding:0;position:absolute;top:0;width:4px}.resizable-editor__drag-handle.is-left{left:-16px}.resizable-editor__drag-handle.is-right{right:-16px}.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{background:#ccc}.resizable-editor__drag-handle:focus{box-shadow:0 0 0 1px #2f2f2f,0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color)}.edit-site-code-editor{background-color:#fff;flex-grow:1;position:relative;width:100%}.edit-site-code-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:12px;width:100%}@media (min-width:960px){.edit-site-code-editor__body{padding:24px}}.edit-site-code-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-site-code-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-site-code-editor__toolbar{padding:12px 24px}}.edit-site-code-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 auto 0 0}.edit-site-code-editor__toolbar .components-button svg{order:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{font-size:15px!important;padding:24px}}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{color:rgba(30,30,30,.62)}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{color:rgba(30,30,30,.62)}.edit-site-global-styles-preview{align-items:center;cursor:pointer;display:flex;justify-content:center;line-height:1}.edit-site-global-styles-preview__iframe{display:block;max-width:100%}.edit-site-typography-panel__preview{align-items:center;background:#f0f0f0;border-radius:2px;display:flex;justify-content:center;margin-bottom:16px;min-height:100px}.edit-site-typography-panel__full-width-control{grid-column:1/-1;max-width:100%}.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{margin:16px}.edit-site-global-styles-screen-typography__indicator{align-items:center;border-radius:2px;display:flex!important;font-size:14px;height:24px;justify-content:center;width:24px}.edit-site-global-styles-screen-colors{margin:16px}.edit-site-global-styles-screen-colors .component-color-indicator{background:linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);flex-shrink:0}.edit-site-block-types-search,.edit-site-global-styles-header__description{padding:0 16px}.edit-site-global-styles-subtitle{font-size:11px!important;font-weight:500!important;margin-bottom:0!important;text-transform:uppercase}.edit-site-global-styles-section-title{color:#2f2f2f;font-weight:600;line-height:1.2;margin:0;padding:16px 16px 0}.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{padding:16px}.edit-site-global-styles-variations_item{box-sizing:border-box}.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{border:1px solid #e0e0e0;border-radius:2px;padding:2px}.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{border:1px solid #1e1e1e}.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{border:1px solid var(--wp-admin-theme-color)}.edit-site-global-styles-icon-with-current-color{fill:currentColor}.edit-site-global-styles__color-indicator-wrapper{flex-shrink:0;height:24px}.edit-site-global-styles__color-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;width:100%}body.is-fullscreen-mode .edit-site-header{padding-left:60px;transition:padding-left 20ms linear;transition-delay:80ms}@media (prefers-reduced-motion:reduce){body.is-fullscreen-mode .edit-site-header{transition-delay:0s;transition-duration:0s}}.edit-site-header .edit-site-header_start{border:none;display:flex}.edit-site-header .edit-site-header_end{display:flex;justify-content:flex-end}.edit-site-header .edit-site-header_center{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;min-width:0}body.is-navigation-sidebar-open .edit-site-header{padding-left:0;transition:padding-left 20ms linear;transition-delay:0ms}@media (prefers-reduced-motion:reduce){body.is-navigation-sidebar-open .edit-site-header{transition-delay:0s;transition-duration:0s}}@media (max-width:959px){body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle~.components-button,body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary){display:none}body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button{margin-right:0}}.edit-site-header__toolbar{align-items:center;display:flex;padding-left:8px}@media (min-width:600px){.edit-site-header__toolbar{padding-left:24px}}@media (min-width:1280px){.edit-site-header__toolbar{padding-right:8px}}.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle{height:32px;margin-right:8px;min-width:32px;padding:0;width:32px}.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.edit-site-header__toolbar-switchers{align-items:center;display:flex}.edit-site-header__toolbar-switchers-separator{margin:0 -6px}.edit-site-header__actions{align-items:center;display:inline-flex;gap:4px;padding-right:4px}@media (min-width:600px){.edit-site-header__actions{gap:8px;padding-right:10px}}.edit-site-header__actions .interface-pinned-items{display:none}@media (min-width:782px){.edit-site-header__actions .interface-pinned-items{display:inline-flex}}.edit-site-header__actions__preview-options{opacity:1;transition:opacity .3s}.edit-site-header__actions__preview-options.is-zoomed-out{opacity:0}.edit-site-header__actions-more-menu{margin-left:-4px}.edit-site-header__actions-more-menu .components-icon-button{padding:8px 2px;width:auto}@media (min-width:600px){.edit-site-header__actions-more-menu{margin-left:4px}.edit-site-header__actions-more-menu .components-icon-button{padding:8px 4px}}.edit-site-header_start{border:none;display:flex}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon.is-pressed,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-site-header_start .edit-site-header__toolbar>.components-button.has-icon:before,.edit-site-header_start .edit-site-header__toolbar>.components-dropdown>.components-button.has-icon:before{display:none}.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-icon{height:32px;margin-right:8px;min-width:32px;padding:0;width:32px}.edit-site-header_start .edit-site-header__toolbar>.edit-site-header-toolbar__inserter-toggle.has-text.has-icon{padding:0 8px;width:auto}.show-icon-labels .edit-site-header .components-button.has-icon{width:auto}.show-icon-labels .edit-site-header .components-button.has-icon svg{display:none}.show-icon-labels .edit-site-header .components-button.has-icon:after{content:attr(aria-label)}.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true]{background-color:initial}.show-icon-labels .edit-site-header .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.show-icon-labels .edit-site-header .edit-site-save-button__button{padding-left:6px;padding-right:6px}.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{content:none}.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle{height:36px;padding:0 8px}.show-icon-labels .edit-site-header .edit-site-header_start .edit-site-header__toolbar>*+*{margin-left:8px}.edit-site-document-actions{display:flex;flex-direction:column;height:100%;justify-content:center;min-width:0;padding:0 8px}.edit-site-document-actions .edit-site-document-actions__title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;min-width:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{display:inline-flex;margin-left:4px}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{min-width:0;padding:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{margin:0;min-width:0}.edit-site-document-actions .edit-site-document-actions__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-document-actions .edit-site-document-actions__secondary-item{background:#e0e0e0;border-radius:2px;max-width:0;opacity:0;overflow:hidden;padding:0;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}@media (prefers-reduced-motion:reduce){.edit-site-document-actions .edit-site-document-actions__secondary-item{transition-delay:0s;transition-duration:0s}}.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{margin-left:6px;max-width:180px;opacity:1;padding:0 4px}.edit-site-document-actions__info-dropdown>.components-popover__content{min-width:240px;padding:0}.edit-site-navigation-toggle{align-items:center;background:#1e1e1e;border-radius:0;display:flex;height:60px;position:absolute;width:60px;z-index:31}.edit-site-navigation-toggle__button.components-button{align-items:center;background:#1e1e1e;border-radius:0;color:#fff;height:61px;margin-bottom:-1px;min-width:60px;width:60px;z-index:1}.edit-site-navigation-toggle__button.components-button:active,.edit-site-navigation-toggle__button.components-button:hover{color:#fff}.edit-site-navigation-toggle__button.components-button:focus{box-shadow:none}.edit-site-navigation-toggle__button.components-button:before{border-radius:4px;bottom:9px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}@media (prefers-reduced-motion:reduce){.edit-site-navigation-toggle__button.components-button:before{transition-delay:0s;transition-duration:0s}}.edit-site-navigation-toggle__button.components-button:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}.edit-site-navigation-toggle__button.components-button.has-icon:hover:before{box-shadow:none}.edit-site-navigation-toggle__button.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon{border-radius:2px;height:36px;margin-top:-1px;-o-object-fit:cover;object-fit:cover;width:36px}.edit-site-navigation-panel{background:#1e1e1e;color:#fff;height:100%;overflow:hidden;position:relative;transition:width .1s linear;width:0}@media (prefers-reduced-motion:reduce){.edit-site-navigation-panel{transition-delay:0s;transition-duration:0s}}@media (min-width:782px){.interface-interface-skeleton.has-footer .edit-site-navigation-panel{height:calc(100% - 25px)}}.edit-site-navigation-panel__inner{height:100%;overflow:hidden;position:relative;transition:visibility .1s linear;visibility:hidden;width:300px}@media (prefers-reduced-motion:reduce){.edit-site-navigation-panel__inner{transition-delay:0s;transition-duration:0s}}.edit-site-navigation-panel.is-open{width:300px}.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner{visibility:visible}.edit-site-navigation-panel__site-title-container{align-items:center;display:flex;height:60px;margin:0 16px 0 8px;padding-left:60px}.edit-site-navigation-panel__site-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ddd;display:-webkit-box;font-size:14px;font-style:normal;font-weight:600;line-height:20px;overflow:hidden}.edit-site-navigation-panel__scroll-container{height:calc(100% - 60px);overflow-x:hidden;overflow-y:auto}.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary{height:36px;margin-top:24px;padding:8px 16px 8px 8px}.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled){border-bottom-color:transparent}.edit-site-navigation-panel__preview{background:#fff;border:1px solid #ccc;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.05);color:#1e1e1e;display:none;left:312px;padding:16px;position:absolute;top:73px;width:300px;z-index:32}@media (min-width:782px){.edit-site-navigation-panel__preview{display:block}}.edit-site-navigation-panel__template-item{display:block}.edit-site-navigation-panel__template-item .components-button{align-items:flex-start;color:inherit;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:36px;padding-left:16px;padding-right:16px;text-align:left}.edit-site-navigation-panel__template-item-title{font-size:14px;line-height:20px}.edit-site-navigation-panel__template-item-title em{margin-right:1ch}.edit-site-navigation-panel__template-part-item .components-navigation__item-title,.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading{text-transform:capitalize}.components-navigation__item+.edit-site-navigation-panel__template-item{margin-top:16px}.edit-site-navigation-panel__template-item+.edit-site-navigation-panel__template-item{margin-top:8px}.edit-site-navigation-panel__info-wrapper{padding:4px 0}.edit-site-navigation-panel__template-item-description{font-size:12px;line-height:16px;padding-top:8px}.edit-site-navigation-panel__new-template-dropdown{margin:0 0 0 12px}.edit-site-navigation-panel__new-template-dropdown button{margin:0}@media (min-width:600px){.edit-site-navigation-panel__new-template-popover{min-width:300px}}.edit-site-list-header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:60px;justify-content:flex-end;padding-right:16px;position:relative;width:100%}body.is-fullscreen-mode .edit-site-list-header{padding-left:60px;transition:padding-left 20ms linear;transition-delay:80ms}@media (prefers-reduced-motion:reduce){body.is-fullscreen-mode .edit-site-list-header{transition-delay:0s;transition-duration:0s}}.edit-site-list-header .edit-site-list-header__title{font-size:20px;left:0;margin:0;padding:0;position:absolute;text-align:center;width:100%}.edit-site-list-header__right{position:relative}.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:100%}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:0}}.edit-site .edit-site-list .interface-interface-skeleton__content{align-items:center;background:#fff;padding:16px}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__content{padding:72px}}.edit-site-list-table{border:1px solid #ddd;border-radius:2px;border-spacing:0;margin:0;max-width:960px;overflow:hidden;width:100%}.edit-site-list-table tr{align-items:center;border-top:1px solid #f0f0f0;box-sizing:border-box;display:flex;margin:0;padding:16px}.edit-site-list-table tr:first-child{border-top:0}@media (min-width:782px){.edit-site-list-table tr{padding:24px 32px}}.edit-site-list-table tr .edit-site-list-table-column:first-child{padding-right:24px;width:calc(60% - 18px)}.edit-site-list-table tr .edit-site-list-table-column:first-child a{display:inline-block;font-weight:500;margin-bottom:4px;text-decoration:none}.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){width:calc(40% - 18px);word-break:break-word}.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){flex-shrink:0;min-width:36px}.edit-site-list-table tr.edit-site-list-table-head{border-bottom:1px solid #ddd;border-top:none;color:#1e1e1e;font-size:16px;font-weight:600;text-align:left}.edit-site-list-table tr.edit-site-list-table-head th{font-weight:inherit}@media (min-width:782px){.edit-site-list.is-navigation-open .components-snackbar-list{margin-left:300px}.edit-site-list__rename-modal .components-base-control{width:320px}}.edit-site-list__rename-modal-actions{margin-top:12px}.edit-site-template__actions button:not(:last-child){margin-right:8px}.edit-site-list-added-by__icon{align-items:center;background:#2f2f2f;border-radius:100%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.edit-site-list-added-by__icon svg{fill:#fff}.edit-site-list-added-by__icon.is-customized:after{background:var(--wp-admin-theme-color);border-radius:100%;content:"";height:8px;outline:2px solid #fff;position:absolute;right:-1px;top:-1px;width:8px}.edit-site-list-added-by__avatar{background:#2f2f2f;border-radius:100%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.edit-site-list-added-by__avatar img{height:32px;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .1s linear;width:32px}@media (prefers-reduced-motion:reduce){.edit-site-list-added-by__avatar img{transition-delay:0s;transition-duration:0s}}.edit-site-list-added-by__avatar.is-loaded img{opacity:1}.edit-site-new-template-dropdown .components-dropdown-menu__toggle{padding:6px 12px}@media (min-width:600px){.edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{min-width:300px}}.edit-site-custom-template-modal__contents>.components-button{border-radius:2px;box-shadow:inset 0 0 0 1px #949494;display:flex;flex-direction:column;gap:8px;height:auto;outline:1px solid transparent;padding:24px;width:256px}.edit-site-custom-template-modal__contents>.components-button span:first-child{color:#1e1e1e}.edit-site-custom-template-modal__contents>.components-button span{color:#757575}.edit-site-custom-template-modal__contents>.components-button:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);color:var(--wp-admin-theme-color-darker-10)}.edit-site-custom-template-modal__contents>.components-button:hover span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__contents>.components-button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{background:#fff;border:1px solid #ddd}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}@media (min-width:782px){.edit-site-custom-template-modal{width:456px}}.edit-site-custom-template-modal__suggestions_list{margin-top:16px}@media (min-width:600px){.edit-site-custom-template-modal__suggestions_list{height:232px;overflow:scroll}}.edit-site-custom-template-modal__suggestions_list__list-item{display:block;height:auto;overflow-wrap:break-word;text-align:left;white-space:pre-wrap;width:100%}.edit-site-custom-template-modal__suggestions_list__list-item mark{background:none;font-weight:700}.edit-site-custom-template-modal__suggestions_list__list-item:hover{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:hover mark{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__suggestions_list__list-item:focus{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal__suggestions_list__list-item__title{display:block;overflow:hidden;text-overflow:ellipsis}.edit-site-custom-template-modal__suggestions_list__list-item__title{font-weight:500;margin-bottom:.2em}.edit-site-custom-template-modal__suggestions_list__list-item__info{color:#757575;font-size:.9em;line-height:1.3;word-break:break-all}.edit-site-custom-template-modal__no-results{border:1px solid #ccc;border-radius:2px;margin-bottom:0;margin-top:16px;padding:16px}@media (min-width:782px){.edit-site-custom-generic-template__modal .components-base-control{width:320px}}.edit-site-custom-generic-template__modal .components-modal__header{border-bottom:none}.edit-site-custom-generic-template__modal .components-modal__content:before{margin-bottom:4px}.edit-site-custom-generic-template__modal-actions{margin-top:12px}.edit-site-sidebar{width:280px}.edit-site-sidebar>.components-panel{border-left:0;border-right:0;margin-bottom:-1px;margin-top:-1px}.edit-site-sidebar>.components-panel>.components-panel__header{background:#f0f0f0}.edit-site-sidebar .block-editor-block-inspector__card{margin:0}.edit-site-global-styles-sidebar{display:flex;flex-direction:column;min-height:100%}.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{display:flex;flex:1;flex-direction:column}.edit-site-global-styles-sidebar__navigator-screen{flex:1}.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{margin-left:0}.edit-site-global-styles-sidebar__reset-button.components-button{margin-left:auto}.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{font-size:15.6px;font-weight:500}.edit-site-global-styles-sidebar .components-navigation__item>button span{font-weight:500}.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{border:0}.edit-site-global-styles-sidebar .components-tools-panel-item.single-column{grid-column:span 1}.edit-site-global-styles-sidebar .components-tools-panel .span-columns{grid-column:1/-1}.edit-site-global-styles-sidebar__blocks-group{border-top:1px solid #e0e0e0;padding-top:24px}.edit-site-global-styles-sidebar__blocks-group-help{padding:0 16px}.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{padding:16px}.edit-site-navigation-sidebar__beta{align-items:center;background-color:#1e1e1e;border-radius:2px;color:#fff;display:inline-flex;font-size:12px;height:24px;line-height:1;margin-left:8px;padding:0 8px}.edit-site-global-styles-sidebar hr{margin:0}.components-panel__header.edit-site-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:0;padding-right:16px}.components-panel__header.edit-site-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-site-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 0 0 auto;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-site-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;font-weight:500;height:48px;margin-left:0;padding:3px 15px}.components-button.edit-site-sidebar__panel-tab:after{speak:none;content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;visibility:hidden}.components-button.edit-site-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-site-sidebar__panel-tab.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-button.edit-site-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-site-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -1.5px 0 0 var(--wp-admin-theme-color)}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.edit-site-navigation-inspector{padding:16px}.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{white-space:normal}.edit-site-navigation-inspector .block-editor-list-view-block__title{margin-top:3px}.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{padding-right:0}.edit-site-navigation-inspector__placeholder{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;margin:8px;padding:8px}.edit-site-navigation-inspector__placeholder.is-child{margin-left:24px;width:50%}.edit-site-template-card{align-items:flex-start;display:flex}.edit-site-template-card__content{flex-grow:1;margin-bottom:4px}.edit-site-template-card__title{font-weight:500;line-height:24px}.edit-site-template-card__title.edit-site-template-card__title{margin:0}.edit-site-template-card__description{font-size:13px;margin:0 0 16px}.edit-site-template-card__icon{flex:0 0 24px;height:24px;margin-right:12px;width:24px}.edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{margin:0}.edit-site-template-card__template-areas-item{width:100%}.edit-site-template-card__template-areas-item.components-button.has-icon{padding:0}.edit-site-template-card__header{display:flex;justify-content:space-between;margin:0 0 4px}.edit-site-template-card__actions{line-height:0}.edit-site-template-card__actions>.components-button.is-small.has-icon{min-width:auto;padding:0}h3.edit-site-template-card__template-areas-title{font-weight:500;margin:0 0 8px}html #wpadminbar{display:none}html.wp-toolbar{padding-top:0}.edit-site-editor__toggle-save-panel{background-color:#fff;border:1px dotted #ddd;bottom:auto;display:flex;height:auto!important;justify-content:center;left:auto;padding:24px;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{bottom:0;top:auto}.edit-site-visual-editor{display:block;height:100%;overflow:hidden;position:relative}.edit-site-visual-editor iframe{background-color:#fff;display:block;height:100%;width:100%}.edit-site .components-editor-notices__snackbar{bottom:40px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-site .components-editor-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-site .components-editor-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-site .components-editor-notices__snackbar{left:160px}}.folded .edit-site .components-editor-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-site .components-editor-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{left:0!important}.edit-site-template-details .edit-site-template-details__group{margin:0;padding:16px}.edit-site-template-details .edit-site-template-details__group+.edit-site-template-details__group{border-top:1px solid #ccc}.edit-site-template-details .edit-site-template-details__description{color:#757575}.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas{padding:8px}.edit-site-template-details .edit-site-template-details__template-areas-item{position:relative}.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{bottom:0;margin:auto 0;position:absolute;right:0;top:0}.edit-site-template-details .edit-site-template-details__revert{padding:12px 8px}.edit-site-template-details .edit-site-template-details__revert-button{height:auto;padding:4px 8px;text-align:left}.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:flex;height:44px;justify-content:center;width:100%}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover{color:#fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active{color:#ccc}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-create-template-part-modal{z-index:1000001}@media (min-width:600px){.edit-site-create-template-part-modal .components-modal__frame{max-width:500px}}.edit-site-create-template-part-modal__modal-actions{padding-top:12px}.edit-site-create-template-part-modal__area-base-control .components-base-control__label{cursor:auto;margin:16px 0 8px}.edit-site-create-template-part-modal__area-radio-group{border:1px solid #757575;border-radius:2px;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{display:block;height:100%;padding:12px;text-align:left;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{background-color:inherit;border-bottom:1px solid #757575;border-radius:0;margin:0}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){box-shadow:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{border-bottom:1px solid #fff}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{border-bottom:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{color:#1e1e1e;cursor:auto}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{color:#949494}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{padding-top:4px;white-space:normal}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{font-size:12px;padding-top:4px}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{margin-left:auto;min-width:24px}.edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{display:flex;flex-direction:column;height:100%}.edit-site-editor__list-view-panel{min-width:350px}.edit-site-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-right:8px;padding-top:8px}.edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-site-editor__inserter-panel-content{height:100%}}.edit-site-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:16px;padding-right:4px}.edit-site-editor__list-view-panel-content{overflow-y:auto;padding:8px}.edit-site-welcome-guide{width:312px}.edit-site-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-site-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-site-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-site-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 16px;padding:0 32px}.edit-site-welcome-guide__text img{vertical-align:bottom}.edit-site-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-site-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-site-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-site-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-site-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-site-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-site-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-site-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-site-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}body.appearance_page_gutenberg-template-parts,body.site-editor-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-template-parts #wpcontent,body.site-editor-php #wpcontent{padding-left:0}body.appearance_page_gutenberg-template-parts #wpbody-content,body.site-editor-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.appearance_page_gutenberg-template-parts #wpfooter,body.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.site-editor-php #wpfooter{display:none}body.appearance_page_gutenberg-template-parts .a11y-speak-region,body.site-editor-php .a11y-speak-region{left:-1px;top:-1px}body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.site-editor-php ul#adminmenu>li.current>a.current:after{border-right-color:#fff}body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.site-editor-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.components-modal__frame,.edit-site{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{box-sizing:inherit}@media (min-width:600px){.edit-site{bottom:0;left:0;min-height:100vh;position:absolute;right:0;top:0}}.edit-site .interface-interface-skeleton{top:0}.edit-site .interface-complementary-area__pin-unpin-item.components-button{display:none}.edit-site .interface-interface-skeleton__content{background-color:#2f2f2f}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:auto;right:10px;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;right:0;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto}.is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;left:0;position:absolute;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:auto;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{bottom:0;top:auto}.interface-more-menu-dropdown{margin-left:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-left:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-right:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{left:16px;position:absolute;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{content:none}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-left:160px;padding-left:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-left:48px;margin-top:0}@media (min-width:600px){.edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover{min-width:300px}}.edit-site-custom-template-modal__contents>.components-button{border-radius:2px;box-shadow:inset 0 0 0 1px #949494;display:flex;flex-direction:column;gap:8px;height:auto;outline:1px solid transparent;padding:24px;width:256px}.edit-site-custom-template-modal__contents>.components-button span:first-child{color:#1e1e1e}.edit-site-custom-template-modal__contents>.components-button span{color:#757575}.edit-site-custom-template-modal__contents>.components-button:hover{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10);color:var(--wp-admin-theme-color-darker-10)}.edit-site-custom-template-modal__contents>.components-button:hover span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__contents>.components-button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{background:#fff;border:1px solid #ddd}.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}@media (min-width:782px){.edit-site-custom-template-modal{width:456px}}.edit-site-custom-template-modal__suggestions_list{margin-top:16px}@media (min-width:600px){.edit-site-custom-template-modal__suggestions_list{height:232px;overflow:scroll}}.edit-site-custom-template-modal__suggestions_list__list-item{display:block;height:auto;overflow-wrap:break-word;text-align:left;white-space:pre-wrap;width:100%}.edit-site-custom-template-modal__suggestions_list__list-item mark{background:none;font-weight:700}.edit-site-custom-template-modal__suggestions_list__list-item:hover{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:hover mark{color:var(--wp-admin-theme-color)}.edit-site-custom-template-modal__suggestions_list__list-item:focus{background-color:#f0f0f0}.edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal__suggestions_list__list-item__title{display:block;overflow:hidden;text-overflow:ellipsis}.edit-site-custom-template-modal__suggestions_list__list-item__title{font-weight:500;margin-bottom:.2em}.edit-site-custom-template-modal__suggestions_list__list-item__info{color:#757575;font-size:.9em;line-height:1.3;word-break:break-all}.edit-site-custom-template-modal__no-results{border:1px solid #ccc;border-radius:2px;margin-bottom:0;margin-top:16px;padding:16px}@media (min-width:782px){.edit-site-custom-generic-template__modal .components-base-control{width:320px}}.edit-site-custom-generic-template__modal .components-modal__header{border-bottom:none}.edit-site-custom-generic-template__modal .components-modal__content:before{margin-bottom:4px}.edit-site-template-actions-loading-screen-modal{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial}.edit-site-template-actions-loading-screen-modal.is-full-screen{background-color:#fff;box-shadow:0 0 0 transparent;min-height:100%;min-width:100%}.edit-site-template-actions-loading-screen-modal__content{align-items:center;display:flex;height:100%;justify-content:center}.edit-site-block-editor__editor-styles-wrapper .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{padding:6px}.edit-site-visual-editor{align-items:center;background-color:#2f2f2f;display:block;height:100%;overflow:hidden;position:relative}.edit-site-visual-editor iframe{display:block;height:100%;width:100%}.edit-site-visual-editor .edit-site-visual-editor__editor-canvas{background:#fff;height:100%}.edit-site-layout.is-full-canvas .edit-site-visual-editor.is-focus-mode{padding:48px}.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{border-radius:2px;max-height:100%}.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{overflow:visible}.edit-site-visual-editor .components-resizable-box__container{margin:0 auto;overflow:auto}.edit-site-visual-editor.is-view-mode .block-editor-block-contextual-toolbar{display:none}.edit-site-visual-editor__back-button{color:#fff;left:8px;position:absolute;top:8px}.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{color:#f0f0f0}.resizable-editor__drag-handle{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:2px;bottom:0;cursor:ew-resize;margin:auto 0;outline:none;padding:0;position:absolute;top:0;width:12px}.resizable-editor__drag-handle.is-variation-default{height:100px}.resizable-editor__drag-handle.is-variation-separator{height:100%;right:0;width:24px}.resizable-editor__drag-handle.is-variation-separator:after{background:transparent;border-radius:0;left:50%;right:0;transform:translateX(-1px);transition:all .2s ease;transition-delay:.1s;width:2px}@media (prefers-reduced-motion:reduce){.resizable-editor__drag-handle.is-variation-separator:after{animation-delay:0s;animation-duration:1ms;transition-delay:0s;transition-duration:0s}}.resizable-editor__drag-handle:after{background:#949494;border-radius:2px;bottom:24px;content:"";left:4px;position:absolute;right:0;top:24px;width:4px}.resizable-editor__drag-handle.is-left{left:-16px}.resizable-editor__drag-handle.is-right{right:-16px}.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{opacity:1}.resizable-editor__drag-handle:active.is-variation-default:after,.resizable-editor__drag-handle:hover.is-variation-default:after{background:#ccc}.resizable-editor__drag-handle:active.is-variation-separator:after,.resizable-editor__drag-handle:hover.is-variation-separator:after{background:var(--wp-admin-theme-color)}.resizable-editor__drag-handle:focus:after{box-shadow:0 0 0 1px #2f2f2f,0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color)}.resizable-editor__drag-handle.is-variation-separator:focus:after{border-radius:2px;box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.edit-site-canvas-spinner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.edit-site-code-editor{background-color:#fff;min-height:100%;position:relative;width:100%}.edit-site-code-editor__body{margin-left:auto;margin-right:auto;max-width:1080px;padding:12px;width:100%}@media (min-width:960px){.edit-site-code-editor__body{padding:24px}}.edit-site-code-editor__toolbar{background:hsla(0,0%,100%,.8);display:flex;left:0;padding:4px 12px;position:sticky;right:0;top:0;z-index:1}@media (min-width:600px){.edit-site-code-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-site-code-editor__toolbar{padding:12px 24px}}.edit-site-code-editor__toolbar h2{color:#1e1e1e;font-size:13px;line-height:36px;margin:0 auto 0 0}.edit-site-code-editor__toolbar .components-button svg{order:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{font-size:15px!important;padding:24px}}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{color:rgba(30,30,30,.62)}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{color:rgba(30,30,30,.62)}.edit-site-global-styles-preview{align-items:center;cursor:pointer;display:flex;justify-content:center;line-height:1}.edit-site-global-styles-preview__iframe{display:block;max-width:100%}.edit-site-typography-preview{align-items:center;background:#f0f0f0;border-radius:2px;display:flex;justify-content:center;margin-bottom:16px;min-height:100px;overflow:hidden}.edit-site-typography-panel__full-width-control{grid-column:1/-1;max-width:100%}.edit-site-global-styles-screen-css,.edit-site-global-styles-screen-heading-color,.edit-site-global-styles-screen-typography{margin:16px}.edit-site-global-styles-screen-typography__indicator{align-items:center;border-radius:2px;display:flex!important;font-size:14px;height:24px;justify-content:center;width:24px}.edit-site-global-styles-screen-colors{margin:16px}.edit-site-global-styles-screen-colors .component-color-indicator{background:#fff linear-gradient(-45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);flex-shrink:0}.edit-site-global-styles-header__description{padding:0 16px}.edit-site-block-types-search{margin-bottom:8px;padding:0 16px}.edit-site-global-styles-subtitle{font-size:11px!important;font-weight:500!important;margin-bottom:0!important;text-transform:uppercase}.edit-site-global-styles-section-title{color:#2f2f2f;font-weight:600;line-height:1.2;margin:0;padding:16px 16px 0}.edit-site-screen-background-color__control.has-no-tabs,.edit-site-screen-button-color__control,.edit-site-screen-link-color__control,.edit-site-screen-text-color__control{padding:16px}.edit-site-global-styles-variations_item{box-sizing:border-box}.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{border:1px solid #e0e0e0;border-radius:2px;padding:2px}.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{border:1px solid #1e1e1e}.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{border:1px solid var(--wp-admin-theme-color)}.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{border:var(--wp-admin-theme-color) var(--wp-admin-border-width-focus) solid}.edit-site-global-styles-icon-with-current-color{fill:currentColor}.edit-site-global-styles__color-indicator-wrapper{flex-shrink:0;height:24px}.edit-site-global-styles__color-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-global-styles__block-preview-panel{border:1px solid #e0e0e0;border-radius:2px;height:152px;overflow:auto;position:relative;width:100%}.edit-site-global-styles-screen-css{display:flex;flex:1 1 auto;flex-direction:column}.edit-site-global-styles-screen-css .components-v-stack{flex:1 1 auto}.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field{display:flex;flex:1 1 auto;flex-direction:column}.edit-site-global-styles-screen-css .components-v-stack .edit-site-global-styles__custom-css-input .components-base-control__field .components-textarea-control__input{flex:1 1 auto}.edit-site-global-styles__custom-css-input textarea{font-family:Menlo,Consolas,monaco,monospace}.edit-site-global-styles__custom-css-validation-wrapper{bottom:16px;position:absolute;right:24px}.edit-site-global-styles__custom-css-validation-icon{fill:#cc1818}.edit-site-global-styles__custom-css-theme-css{line-break:anywhere;max-height:200px;overflow-y:scroll;white-space:break-spaces;width:100%}.edit-site-global-styles-screen-css-help-link{padding-left:16px}.edit-site-global-styles-screen-variations{border-top:1px solid #ddd;margin-top:16px}.edit-site-global-styles-screen-variations>*{margin:24px 16px}.edit-site-global-styles-sidebar__navigator-screen{display:flex;flex-direction:column}.edit-site-global-styles__shadow-panel{width:230px}.edit-site-global-styles__shadow-dropdown{display:block;padding:0}.edit-site-global-styles__shadow-dropdown>button{padding:8px;width:100%}.edit-site-global-styles__shadow-dropdown>button.is-open{background-color:#f0f0f0}.edit-site-global-styles__shadow-indicator-wrapper{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:6px}.edit-site-global-styles__shadow-indicator{border:1px solid #e0e0e0;border-radius:2px;color:#2f2f2f;cursor:pointer;height:24px;padding:0;width:24px}.edit-site-header-edit-mode{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-sizing:border-box;color:#1e1e1e;display:flex;height:60px;justify-content:space-between;padding-left:60px;width:100%}.edit-site-header-edit-mode .edit-site-header-edit-mode__start{border:none;display:flex}.edit-site-header-edit-mode .edit-site-header-edit-mode__end{display:flex;justify-content:flex-end}.edit-site-header-edit-mode .edit-site-header-edit-mode__center{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;min-width:0}.edit-site-header-edit-mode__toolbar{align-items:center;display:flex;padding-left:8px}@media (min-width:600px){.edit-site-header-edit-mode__toolbar{padding-left:24px}}@media (min-width:1280px){.edit-site-header-edit-mode__toolbar{padding-right:8px}}.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle{height:32px;margin-right:8px;min-width:32px;padding:0;width:32px}.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.edit-site-header-edit-mode__actions{align-items:center;display:inline-flex;gap:4px;padding-right:4px}@media (min-width:600px){.edit-site-header-edit-mode__actions{gap:8px;padding-right:10px}}.edit-site-header-edit-mode__actions .interface-pinned-items{display:none}@media (min-width:782px){.edit-site-header-edit-mode__actions .interface-pinned-items{display:inline-flex}}.edit-site-header-edit-mode__preview-options{opacity:1;transition:opacity .3s}.edit-site-header-edit-mode__preview-options.is-zoomed-out{opacity:0}.edit-site-header-edit-mode__start{border:none;display:flex}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon.is-pressed,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:before,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:before{display:none}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-icon{height:32px;margin-right:8px;min-width:32px;padding:0;width:32px}.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-text.has-icon{padding:0 8px;width:auto}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon{width:auto}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon svg{display:none}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon:after{content:attr(aria-label)}.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon[aria-disabled=true]{background-color:initial}.edit-site-header-edit-mode.show-icon-labels .is-tertiary:active{background-color:initial;box-shadow:0 0 0 1.5px var(--wp-admin-theme-color)}.edit-site-header-edit-mode.show-icon-labels .edit-site-save-button__button{padding-left:6px;padding-right:6px}.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{content:none}.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__inserter-toggle.edit-site-header-edit-mode__inserter-toggle{height:36px;padding:0 8px}.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>*+*{margin-left:8px}.edit-site-document-actions{display:flex;flex-direction:column;height:100%;justify-content:center;min-width:0;padding:0 8px}.edit-site-document-actions .edit-site-document-actions__title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;min-width:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown{display:inline-flex;margin-left:4px}.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button{min-width:0;padding:0}.edit-site-document-actions .edit-site-document-actions__title-wrapper>h1{margin:0;min-width:0}.edit-site-document-actions .edit-site-document-actions__title{color:currentColor;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-document-actions .edit-site-document-actions__secondary-item{align-items:center;background:rgba(var(--wp-block-synced-color--rgb),.04);border-radius:2px;display:flex;max-width:0;opacity:0;overflow:hidden;padding:0;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}@media (prefers-reduced-motion:reduce){.edit-site-document-actions .edit-site-document-actions__secondary-item{transition-delay:0s;transition-duration:0s}}.edit-site-document-actions .edit-site-document-actions__secondary-item .block-editor-block-icon.has-colors{color:var(--wp-block-synced-color)}.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item{margin-left:6px;max-width:180px;opacity:1;padding:0 4px}.edit-site-document-actions__info-dropdown>.components-popover__content{min-width:240px;padding:0}.edit-site-list-header{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:flex-end;padding-right:16px;position:relative;width:100%}body.is-fullscreen-mode .edit-site-list-header{padding-left:60px;transition:padding-left 20ms linear;transition-delay:80ms}@media (prefers-reduced-motion:reduce){body.is-fullscreen-mode .edit-site-list-header{transition-delay:0s;transition-duration:0s}}.edit-site-list-header .edit-site-list-header__title{font-size:20px;left:0;margin:0;padding:0;position:absolute;text-align:center;width:100%}.edit-site-list-header__right{position:relative}.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:100%}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__editor{min-width:0}}.edit-site .edit-site-list .interface-interface-skeleton__content{align-items:center;background:#fff;padding:16px}@media (min-width:782px){.edit-site .edit-site-list .interface-interface-skeleton__content{padding:72px}}.edit-site-list-table{border:1px solid #ddd;border-radius:2px;border-spacing:0;margin:0 auto;max-width:960px;min-width:100%;overflow:hidden}.edit-site-list-table tr{align-items:center;border-top:1px solid #f0f0f0;box-sizing:border-box;display:flex;margin:0;padding:16px}.edit-site-list-table tr:first-child{border-top:0}@media (min-width:782px){.edit-site-list-table tr{padding:24px 32px}}.edit-site-list-table tr .edit-site-list-table-column:first-child{padding-right:24px;width:calc(60% - 18px)}.edit-site-list-table tr .edit-site-list-table-column:first-child a{display:inline-block;font-weight:500;margin-bottom:4px;text-decoration:none}.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){width:calc(40% - 18px);word-break:break-word}.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){flex-shrink:0;min-width:36px}.edit-site-list-table tr.edit-site-list-table-head{border-bottom:1px solid #ddd;border-top:none;color:#1e1e1e;font-size:16px;font-weight:600;text-align:left}.edit-site-list-table tr.edit-site-list-table-head th{font-weight:inherit}@media (min-width:782px){.edit-site-list.is-navigation-open .components-snackbar-list{margin-left:360px}.edit-site-list__rename-modal .components-base-control{width:320px}}.edit-site-template__actions button:not(:last-child){margin-right:8px}.edit-site-list-added-by__icon{align-items:center;background:#2f2f2f;border-radius:100%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.edit-site-list-added-by__icon svg{fill:#fff}.edit-site-list-added-by__icon.is-customized:after{background:var(--wp-admin-theme-color);border-radius:100%;content:"";height:8px;outline:2px solid #fff;position:absolute;right:-1px;top:-1px;width:8px}.edit-site-list-added-by__avatar{background:#2f2f2f;border-radius:100%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.edit-site-list-added-by__avatar img{height:32px;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .1s linear;width:32px}@media (prefers-reduced-motion:reduce){.edit-site-list-added-by__avatar img{transition-delay:0s;transition-duration:0s}}.edit-site-list-added-by__avatar.is-loaded img{opacity:1}@keyframes loadingpulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents{white-space:normal}.edit-site-navigation-inspector .block-editor-list-view-block__title{margin-top:3px}.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell{padding-right:0}.edit-site-navigation-inspector .edit-site-navigation-inspector__select-menu{margin-bottom:8px}.edit-site-navigation-inspector__placeholder{animation:loadingpulse 1s linear infinite;animation-delay:.5s;background-color:#f0f0f0;margin:8px;padding:8px}.edit-site-navigation-inspector__placeholder.is-child{margin-left:24px;width:50%}.edit-site-navigation-inspector__empty-msg{padding:0 8px}.edit-site-sidebar-edit-mode{width:280px}.edit-site-sidebar-edit-mode>.components-panel{border-left:0;border-right:0;margin-bottom:-1px;margin-top:-1px}.edit-site-sidebar-edit-mode>.components-panel>.components-panel__header{background:#f0f0f0}.edit-site-sidebar-edit-mode .block-editor-block-inspector__card{margin:0}.edit-site-global-styles-sidebar{display:flex;flex-direction:column;min-height:100%}.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{display:flex;flex:1;flex-direction:column}.edit-site-global-styles-sidebar__navigator-screen{flex:1}.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{margin-left:0}.edit-site-global-styles-sidebar__reset-button.components-button{margin-left:auto}.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{font-size:15.6px;font-weight:500}.edit-site-global-styles-sidebar .components-navigation__item>button span{font-weight:500}.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{border:0}.edit-site-global-styles-sidebar .single-column{grid-column:span 1}.edit-site-global-styles-sidebar .components-tools-panel .span-columns{grid-column:1/-1}.edit-site-global-styles-sidebar__blocks-group{border-top:1px solid #e0e0e0;padding-top:24px}.edit-site-global-styles-sidebar__blocks-group-help{padding:0 16px}.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{padding:16px}.edit-site-global-styles-sidebar hr{margin:0}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:0;padding-right:16px}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs ul{display:flex}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs li{margin:0}.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{display:none;height:24px;margin:0 0 0 auto;min-width:24px;padding:0}@media (min-width:782px){.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-site-sidebar-edit-mode__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-left:0;padding:3px 16px;position:relative}.components-button.edit-site-sidebar-edit-mode__panel-tab:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-button.edit-site-sidebar-edit-mode__panel-tab:after{background:var(--wp-admin-theme-color);border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-site-sidebar-edit-mode__panel-tab:after{transition-delay:0s;transition-duration:0s}}.components-button.edit-site-sidebar-edit-mode__panel-tab.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-button.edit-site-sidebar-edit-mode__panel-tab:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-site-sidebar-edit-mode__panel-tab:before{transition-delay:0s;transition-duration:0s}}.components-button.edit-site-sidebar-edit-mode__panel-tab:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.edit-site-template-card{align-items:flex-start;display:flex}.edit-site-template-card__content{flex-grow:1;margin-bottom:4px}.edit-site-template-card__title{font-weight:500;line-height:24px}.edit-site-template-card__title.edit-site-template-card__title{margin:0}.edit-site-template-card__description{font-size:13px;margin:0 0 16px}.edit-site-template-card__icon{flex:0 0 24px;height:24px;margin-right:12px;width:24px}.edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{margin:0}.edit-site-template-card__template-areas-item{width:100%}.edit-site-template-card__template-areas-item.components-button.has-icon{padding:0}.edit-site-template-card__header{display:flex;justify-content:space-between;margin:0 0 4px}.edit-site-template-card__actions{line-height:0}.edit-site-template-card__actions>.components-button.is-small.has-icon{min-width:auto;padding:0}h3.edit-site-template-card__template-areas-title{font-weight:500;margin:0 0 8px}.edit-site-editor__toggle-save-panel{background-color:#fff;border:1px dotted #ddd;box-sizing:border-box;display:flex;justify-content:center;padding:24px;width:280px}.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel,.interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel{bottom:0;top:auto}.edit-site .components-editor-notices__snackbar{bottom:40px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-site .components-editor-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-site .components-editor-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-site .components-editor-notices__snackbar{left:160px}}.folded .edit-site .components-editor-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-site .components-editor-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{left:0!important}.edit-site-template-details .edit-site-template-details__group{margin:0;padding:16px}.edit-site-template-details .edit-site-template-details__group+.edit-site-template-details__group{border-top:1px solid #ccc}.edit-site-template-details .edit-site-template-details__description{color:#757575}.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas{padding:8px}.edit-site-template-details .edit-site-template-details__template-areas-item{position:relative}.edit-site-template-details .edit-site-template-details__template-areas-item .components-menu-items__item-icon{color:var(--wp-block-synced-color)}.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more{bottom:0;margin:auto 0;position:absolute;right:0;top:0}.edit-site-template-details .edit-site-template-details__revert{padding:12px 8px}.edit-site-template-details .edit-site-template-details__revert-button{height:auto;padding:4px 8px;text-align:left}.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button{background:#1e1e1e;border-radius:0;color:#fff;display:flex;height:44px;justify-content:center;width:100%}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover{color:#fff}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active{color:#ccc}.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.edit-site-create-template-part-modal{z-index:1000001}@media (min-width:600px){.edit-site-create-template-part-modal .components-modal__frame{max-width:500px}}.edit-site-create-template-part-modal__area-radio-group{border:1px solid #757575;border-radius:2px;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{display:block;height:100%;padding:12px;text-align:left;width:100%}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{background-color:inherit;border-bottom:1px solid #757575;border-radius:0;margin:0}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){box-shadow:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{border-bottom:1px solid #fff}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{border-bottom:none}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{color:#1e1e1e;cursor:auto}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{color:#949494}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{padding-top:4px;white-space:normal}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{font-size:12px;padding-top:4px}.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{margin-left:auto;min-width:24px}.edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{display:flex;flex-direction:column;height:100%}.edit-site-editor__list-view-panel{min-width:350px}.edit-site-editor__inserter-panel-header{display:flex;justify-content:flex-end;padding-right:8px;padding-top:8px}.edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-site-editor__inserter-panel-content{height:100%}}.edit-site-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:16px;padding-right:4px}.edit-site-editor__list-view-panel-content{overflow-y:auto;padding:8px}.edit-site-welcome-guide{width:312px}.edit-site-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-site-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-site-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-site-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 16px;padding:0 32px}.edit-site-welcome-guide__text img{vertical-align:bottom}.edit-site-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-site-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-site-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-site-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-site-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-site-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-site-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-site-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-site-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.edit-site-layout{background:#1e1e1e;color:#fff;display:flex;flex-direction:column;height:100%}.edit-site-layout__hub{background:#000;border-radius:8px;box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);height:68px;left:24px;padding:16px 16px 16px 0;position:fixed;top:24px;width:calc(100vw - 48px);z-index:3}.edit-site-layout.is-full-canvas .edit-site-layout__hub{border-radius:0;box-shadow:none;height:60px;left:0;padding:0 16px 0 0;top:0;width:100vw}@media (min-width:782px){.edit-site-layout.is-full-canvas .edit-site-layout__hub{padding-right:0;width:auto}}.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub{padding-right:0;width:auto}@media (min-width:782px){.edit-site-layout__hub{width:312px}}.edit-site-layout__header{display:flex;height:60px;z-index:2}.edit-site-layout:not(.is-full-canvas) .edit-site-layout__header{position:fixed;width:100vw}.edit-site-layout__content{display:flex;flex-grow:1;overflow:hidden}.edit-site-layout__sidebar{width:100vw;z-index:1}@media (min-width:782px){.edit-site-layout__sidebar{width:360px}}.edit-site-layout.is-full-canvas .edit-site-layout__sidebar{height:100vh;left:0;position:fixed!important;top:0}.edit-site-layout__sidebar>div{min-height:100%;overflow-y:auto;scrollbar-color:#757575 #1e1e1e;scrollbar-gutter:stable;scrollbar-width:thin;visibility:hidden}.edit-site-layout__sidebar>div::-webkit-scrollbar{height:12px;width:12px}.edit-site-layout__sidebar>div::-webkit-scrollbar-track{background-color:#1e1e1e}.edit-site-layout__sidebar>div::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#757575;border:3px solid transparent;border-radius:8px}.edit-site-layout__sidebar>div:focus,.edit-site-layout__sidebar>div:hover,.edit-site-layout__sidebar>div>*{visibility:visible}.edit-site-layout__sidebar .resizable-editor__drag-handle{right:0}.edit-site-layout__canvas-container{flex-grow:1;position:relative;z-index:2}.edit-site-layout__canvas-container.is-resizing:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:100}.edit-site-layout__canvas{bottom:0;left:0;position:absolute;top:0;width:100%}.edit-site-layout__canvas>div{background:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8);color:#1e1e1e}@media (min-width:782px){.edit-site-layout__canvas{bottom:24px;top:24px;width:calc(100% - 24px)}.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .edit-site-visual-editor__editor-canvas,.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .interface-interface-skeleton__content,.edit-site-layout__canvas>div{border-radius:8px}}.edit-site-layout.is-full-canvas .edit-site-layout__canvas{bottom:0;top:0;width:100%}.edit-site-layout.is-full-canvas .edit-site-layout__canvas>div{border-radius:0}.edit-site-layout__canvas .interface-interface-skeleton{min-height:100%!important;position:relative!important}.edit-site-layout__view-mode-toggle.components-button{align-items:center;border-radius:2px;color:#fff;display:flex;height:100%;justify-content:center;padding:0;position:relative;width:100%}.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{color:#fff}.edit-site-layout__view-mode-toggle.components-button:focus{box-shadow:none}.edit-site-layout__view-mode-toggle.components-button:before{border-radius:4px;bottom:9px;box-shadow:none;content:"";display:block;left:9px;position:absolute;right:9px;top:9px;transition:box-shadow .1s ease}@media (prefers-reduced-motion:reduce){.edit-site-layout__view-mode-toggle.components-button:before{transition-delay:0s;transition-duration:0s}}.edit-site-layout__view-mode-toggle.components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{border-radius:2px;display:flex}.edit-site-sidebar__content.edit-site-sidebar__content{overflow-x:unset}.edit-site-sidebar__content>div{padding:0 12px}.edit-site-sidebar-navigation-item.components-item{border-width:1.5px;color:#949494}.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{background:#2f2f2f;border-width:1.5px;color:#fff}.edit-site-sidebar-navigation-item.components-item[aria-current]{background:var(--wp-admin-theme-color)}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button{color:#949494}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .components-button[aria-current]{color:#fff}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:focus,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf:hover,.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf[aria-current]{background:#2f2f2f}.edit-site-sidebar-navigation-screen__content .edit-site-navigation-inspector .offcanvas-editor-list-view-leaf .block-editor-list-view-block__menu{margin-left:-8px}.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{cursor:grab;padding:8px;width:calc(100% - 2px)}.edit-site-sidebar-navigation-screen{display:flex;flex-direction:column;overflow-x:unset!important;position:relative}.edit-site-sidebar-navigation-screen__content{margin:0 16px 16px 36px}.edit-site-sidebar-navigation-screen__title-icon{background:#1e1e1e;box-shadow:0 8px 16px #1e1e1e;margin-bottom:8px;padding-bottom:8px;padding-right:16px;padding-top:164px;position:sticky;top:0}.edit-site-sidebar-navigation-screen__title{color:#fff;flex-grow:1;font-size:20.28px;font-weight:500;margin:0}.edit-site-sidebar-navigation-screen__back{color:#e0e0e0}.edit-site-sidebar-navigation-screen__back:hover{color:#fff}.edit-site-sidebar-navigation-screen__icon-placeholder{width:36px}.edit-site-sidebar-navigation-screen-templates__see-all{margin-top:16px!important}.edit-site-sidebar-navigation-screen-templates__add-button{color:inherit!important}.edit-site-site-hub{align-items:center;display:flex;gap:8px;justify-content:space-between}.edit-site-site-hub__edit-button{height:32px}.edit-site-site-hub__post-type{opacity:.6}.edit-site-site-hub__view-mode-toggle-container{flex-shrink:0;height:60px;width:64px}.edit-site-layout.is-edit-mode .edit-site-site-hub__view-mode-toggle-container{width:60px}.edit-site-site-hub__text-content{overflow:hidden}.edit-site-site-hub__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-block__menu-edit,.edit-site-sidebar-navigation-screen-navigation-menus .edit-site-navigation-inspector__select-menu{display:none}.edit-site-sidebar-navigation-screen-navigation-menus .offcanvas-editor-list-view-leaf{max-width:calc(100% - 4px)}.edit-site-sidebar-navigation-screen-navigation-menus .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{width:100%}.edit-site-site-icon__icon{fill:currentColor}.edit-site-site-icon__image{border-radius:2px;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.edit-site-style-book{background:#fff;border-radius:2px;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all .3s}.edit-site-style-book__close-button{position:absolute;right:8px;top:6px}.edit-site-style-book__tab-panel .components-tab-panel__tabs{background:#fff;color:#1e1e1e}.edit-site-style-book__tab-panel .components-tab-panel__tab-content{bottom:0;left:0;overflow:auto;padding:32px;position:absolute;right:0;top:48px}.edit-site-style-book__examples{margin:0 auto;max-width:900px}.edit-site-style-book__example{background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:40px;margin-bottom:40px;padding:16px;width:100%}.edit-site-style-book__example.is-selected{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.edit-site-style-book.is-wide .edit-site-style-book__example{flex-direction:row}.edit-site-style-book__example-title{font-size:11px;font-weight:500;margin:0;text-align:left;text-transform:uppercase}.edit-site-style-book.is-wide .edit-site-style-book__example-title{text-align:right;width:120px}.edit-site-style-book__example-preview{width:100%}.edit-site-push-changes-to-global-styles-control .components-button{justify-content:center;width:100%}html #wpadminbar{display:none}html #wpbody{padding-top:0}html.wp-toolbar{background:#fff;padding-top:0}body.appearance_page_gutenberg-template-parts,body.site-editor-php{background:#fff}body.appearance_page_gutenberg-template-parts #wpcontent,body.site-editor-php #wpcontent{padding-left:0}body.appearance_page_gutenberg-template-parts #wpbody-content,body.site-editor-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.appearance_page_gutenberg-template-parts #wpfooter,body.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.site-editor-php #wpfooter{display:none}body.appearance_page_gutenberg-template-parts .a11y-speak-region,body.site-editor-php .a11y-speak-region{left:-1px;top:-1px}body.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.site-editor-php ul#adminmenu>li.current>a.current:after{border-right-color:#fff}body.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.site-editor-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.components-modal__frame,.edit-site{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{box-sizing:inherit}.edit-site{height:100vh}@media (min-width:600px){.edit-site{bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0}}.edit-site .interface-interface-skeleton{top:0}.edit-site .interface-complementary-area__pin-unpin-item.components-button{display:none}.edit-site .interface-interface-skeleton__content{background-color:#2f2f2f}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style-rtl.css b/wp-includes/css/dist/edit-widgets/style-rtl.css index 2801be376a..70ec00d5c3 100644 --- a/wp-includes/css/dist/edit-widgets/style-rtl.css +++ b/wp-includes/css/dist/edit-widgets/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -220,7 +222,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ background:#fff; bottom:0; color:#1e1e1e; - display:block; flex-shrink:0; left:0; position:absolute; @@ -232,6 +233,8 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; + } + .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } @@ -294,7 +297,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus{ +.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } @@ -389,6 +392,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ box-shadow:none; font-weight:500; } +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ + content:none; +} .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } @@ -481,7 +487,7 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c } .edit-widgets-error-boundary{ - box-shadow:0 10px 10px rgba(0,0,0,.25); + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); margin:60px auto auto; max-width:780px; padding:20px; @@ -648,42 +654,62 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c border:none; border-radius:0; box-shadow:none; - color:#1e1e1e; cursor:pointer; - display:inline-block; - font-weight:400; - height:49px; + font-weight:500; + height:48px; margin-right:0; - padding:3px 15px; -} -.components-button.edit-widgets-sidebar__panel-tab:after{ - speak:none; - content:attr(data-label); - display:block; - font-weight:600; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-button.edit-widgets-sidebar__panel-tab.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - font-weight:600; + padding:3px 16px; position:relative; } -.components-button.edit-widgets-sidebar__panel-tab.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; +.components-button.edit-widgets-sidebar__panel-tab:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-button.edit-widgets-sidebar__panel-tab:after{ + background:var(--wp-admin-theme-color); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-button.edit-widgets-sidebar__panel-tab:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +@media (prefers-reduced-motion:reduce){ + .components-button.edit-widgets-sidebar__panel-tab:after{ + transition-delay:0s; + transition-duration:0s; + } } -.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); +.components-button.edit-widgets-sidebar__panel-tab.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-button.edit-widgets-sidebar__panel-tab:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-button.edit-widgets-sidebar__panel-tab:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.edit-widgets-sidebar__panel-tab:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } .edit-widgets-widget-areas__top-container{ diff --git a/wp-includes/css/dist/edit-widgets/style-rtl.min.css b/wp-includes/css/dist/edit-widgets/style-rtl.min.css index 17424ea1ce..a47ae5cccb 100644 --- a/wp-includes/css/dist/edit-widgets/style-rtl.min.css +++ b/wp-includes/css/dist/edit-widgets/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:10px;right:auto;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;left:0;max-height:100%;position:fixed;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;display:block;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto;z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;position:absolute;right:0;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:0;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus{bottom:0;top:auto}.interface-more-menu-dropdown{margin-right:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-right:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-left:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{position:absolute;right:16px;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-right:160px;padding-right:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-right:48px;margin-top:0}.wp-block[data-type="core/widget-area"]{margin-left:auto;margin-right:auto;max-width:700px}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;height:48px;margin:0;position:relative;transform:translateZ(0);z-index:1}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{background:#fff}.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{position:relative;width:auto}.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{max-width:100%}.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{margin:0;padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{margin-top:-48px;min-height:32px;padding:72px 16px 16px}.wp-block-widget-area__highlight-drop-zone{outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color)}body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{pointer-events:none}.edit-widgets-error-boundary{box-shadow:0 10px 10px rgba(0,0,0,.25);margin:60px auto auto;max-width:780px;padding:20px}.edit-widgets-header{align-items:center;display:flex;height:60px;justify-content:space-between;overflow:auto;padding:0 16px}@media (min-width:600px){.edit-widgets-header{overflow:visible}}.edit-widgets-header__navigable-toolbar-wrapper{align-items:center;display:flex;justify-content:center}.edit-widgets-header__title{font-size:20px;margin:0 0 0 20px;padding:0}.edit-widgets-header__actions{align-items:center;display:flex;gap:4px}@media (min-width:600px){.edit-widgets-header__actions{gap:8px}}.edit-widgets-header-toolbar{border:none}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{height:36px;min-width:36px;padding:6px}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{background:#1e1e1e}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{display:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:12px;padding-right:12px}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{content:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(-45deg)}.edit-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.components-panel__header.edit-widgets-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:4px;padding-right:0}.components-panel__header.edit-widgets-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-widgets-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:none;margin-right:auto}@media (min-width:782px){.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-widgets-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;color:#1e1e1e;cursor:pointer;display:inline-block;font-weight:400;height:49px;margin-right:0;padding:3px 15px}.components-button.edit-widgets-sidebar__panel-tab:after{speak:none;content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;visibility:hidden}.components-button.edit-widgets-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);font-weight:600;position:relative}.components-button.edit-widgets-sidebar__panel-tab.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-button.edit-widgets-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -1.5px 0 0 var(--wp-admin-theme-color)}.edit-widgets-widget-areas__top-container{display:flex;padding:16px}.edit-widgets-widget-areas__top-container .block-editor-block-icon{margin-left:16px}.edit-widgets-notices__snackbar{bottom:20px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-widgets-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-widgets-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-widgets-notices__snackbar{right:160px}}.folded .edit-widgets-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-widgets-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-widgets-notices__snackbar{right:0!important}.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.edit-widgets-layout__inserter-panel{display:flex;flex-direction:column;height:100%}.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{overflow:hidden}.edit-widgets-layout__inserter-panel-header{display:flex;justify-content:flex-end;padding-left:8px;padding-top:8px}.edit-widgets-layout__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-widgets-layout__inserter-panel-content{height:100%}}.edit-widgets-welcome-guide{width:312px}.edit-widgets-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-widgets-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-widgets-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-widgets-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-widgets-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-widgets-block-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:relative}.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{display:flex;flex-direction:column;flex-grow:1}.edit-widgets-block-editor .edit-widgets-main-block-list{height:100%}.edit-widgets-block-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{padding:6px}.edit-widgets-editor__list-view-panel{display:flex;flex-direction:column;height:100%;min-width:350px}.edit-widgets-editor__list-view-panel-content{height:calc(100% - 44px);overflow-y:auto;padding:8px}.edit-widgets-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:4px;padding-right:16px}body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{padding-right:0}body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{display:none}body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{right:-1px;top:-1px}body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after{border-left-color:#fff}body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.blocks-widgets-container,.components-modal__frame{box-sizing:border-box}.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}@media (min-width:600px){.blocks-widgets-container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.blocks-widgets-container{min-height:calc(100vh - 32px)}}.blocks-widgets-container .interface-interface-skeleton__content{background-color:#f0f0f0}.blocks-widgets-container .editor-styles-wrapper{margin:auto;max-width:700px}.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{display:none}.widgets-php .notice{display:none!important}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:10px;right:auto;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;left:0;max-height:100%;position:fixed;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto}.is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;position:absolute;right:0;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:0;position:fixed!important;right:auto;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{bottom:0;top:auto}.interface-more-menu-dropdown{margin-right:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-right:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-left:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{position:absolute;right:16px;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{content:none}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-right:160px;padding-right:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-right:48px;margin-top:0}.wp-block[data-type="core/widget-area"]{margin-left:auto;margin-right:auto;max-width:700px}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;height:48px;margin:0;position:relative;transform:translateZ(0);z-index:1}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{background:#fff}.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{position:relative;width:auto}.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{max-width:100%}.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{margin:0;padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{margin-top:-48px;min-height:32px;padding:72px 16px 16px}.wp-block-widget-area__highlight-drop-zone{outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color)}body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{pointer-events:none}.edit-widgets-error-boundary{box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);margin:60px auto auto;max-width:780px;padding:20px}.edit-widgets-header{align-items:center;display:flex;height:60px;justify-content:space-between;overflow:auto;padding:0 16px}@media (min-width:600px){.edit-widgets-header{overflow:visible}}.edit-widgets-header__navigable-toolbar-wrapper{align-items:center;display:flex;justify-content:center}.edit-widgets-header__title{font-size:20px;margin:0 0 0 20px;padding:0}.edit-widgets-header__actions{align-items:center;display:flex;gap:4px}@media (min-width:600px){.edit-widgets-header__actions{gap:8px}}.edit-widgets-header-toolbar{border:none}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{height:36px;min-width:36px;padding:6px}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{background:#1e1e1e}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{display:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:12px;padding-right:12px}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{content:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(-45deg)}.edit-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.components-panel__header.edit-widgets-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:4px;padding-right:0}.components-panel__header.edit-widgets-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-widgets-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:none;margin-right:auto}@media (min-width:782px){.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-widgets-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-right:0;padding:3px 16px;position:relative}.components-button.edit-widgets-sidebar__panel-tab:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-button.edit-widgets-sidebar__panel-tab:after{background:var(--wp-admin-theme-color);border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-widgets-sidebar__panel-tab:after{transition-delay:0s;transition-duration:0s}}.components-button.edit-widgets-sidebar__panel-tab.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-button.edit-widgets-sidebar__panel-tab:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-widgets-sidebar__panel-tab:before{transition-delay:0s;transition-duration:0s}}.components-button.edit-widgets-sidebar__panel-tab:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.edit-widgets-widget-areas__top-container{display:flex;padding:16px}.edit-widgets-widget-areas__top-container .block-editor-block-icon{margin-left:16px}.edit-widgets-notices__snackbar{bottom:20px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-widgets-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-widgets-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-widgets-notices__snackbar{right:160px}}.folded .edit-widgets-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-widgets-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-widgets-notices__snackbar{right:0!important}.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.edit-widgets-layout__inserter-panel{display:flex;flex-direction:column;height:100%}.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{overflow:hidden}.edit-widgets-layout__inserter-panel-header{display:flex;justify-content:flex-end;padding-left:8px;padding-top:8px}.edit-widgets-layout__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-widgets-layout__inserter-panel-content{height:100%}}.edit-widgets-welcome-guide{width:312px}.edit-widgets-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-widgets-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-widgets-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-widgets-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-widgets-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-widgets-block-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:relative}.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{display:flex;flex-direction:column;flex-grow:1}.edit-widgets-block-editor .edit-widgets-main-block-list{height:100%}.edit-widgets-block-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{padding:6px}.edit-widgets-editor__list-view-panel{display:flex;flex-direction:column;height:100%;min-width:350px}.edit-widgets-editor__list-view-panel-content{height:calc(100% - 44px);overflow-y:auto;padding:8px}.edit-widgets-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:4px;padding-right:16px}body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{padding-right:0}body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{display:none}body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{right:-1px;top:-1px}body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after{border-left-color:#fff}body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.blocks-widgets-container,.components-modal__frame{box-sizing:border-box}.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}@media (min-width:600px){.blocks-widgets-container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.blocks-widgets-container{min-height:calc(100vh - 32px)}}.blocks-widgets-container .interface-interface-skeleton__content{background-color:#f0f0f0}.blocks-widgets-container .editor-styles-wrapper{margin:auto;max-width:700px}.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{display:none}.widgets-php .notice{display:none!important}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style.css b/wp-includes/css/dist/edit-widgets/style.css index e64a4208a9..4c6ae26734 100644 --- a/wp-includes/css/dist/edit-widgets/style.css +++ b/wp-includes/css/dist/edit-widgets/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -220,7 +222,6 @@ body.is-fullscreen-mode .interface-interface-skeleton{ background:#fff; bottom:0; color:#1e1e1e; - display:block; flex-shrink:0; left:0; position:absolute; @@ -232,6 +233,8 @@ body.is-fullscreen-mode .interface-interface-skeleton{ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; + } + .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } @@ -294,7 +297,7 @@ body.is-fullscreen-mode .interface-interface-skeleton{ width:280px; z-index:100000; } -.interface-interface-skeleton__actions:focus{ +.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } @@ -389,6 +392,9 @@ body.is-fullscreen-mode .interface-interface-skeleton{ box-shadow:none; font-weight:500; } +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ + content:none; +} .interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } @@ -481,7 +487,7 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c } .edit-widgets-error-boundary{ - box-shadow:0 10px 10px rgba(0,0,0,.25); + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); margin:60px auto auto; max-width:780px; padding:20px; @@ -648,42 +654,62 @@ body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .c border:none; border-radius:0; box-shadow:none; - color:#1e1e1e; cursor:pointer; - display:inline-block; - font-weight:400; - height:49px; + font-weight:500; + height:48px; margin-left:0; - padding:3px 15px; -} -.components-button.edit-widgets-sidebar__panel-tab:after{ - speak:none; - content:attr(data-label); - display:block; - font-weight:600; - height:0; - overflow:hidden; - visibility:hidden; -} -.components-button.edit-widgets-sidebar__panel-tab.is-active{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -1.5px 0 0 var(--wp-admin-theme-color); - font-weight:600; + padding:3px 16px; position:relative; } -.components-button.edit-widgets-sidebar__panel-tab.is-active:before{ - border-bottom:1.5px solid transparent; - bottom:1px; +.components-button.edit-widgets-sidebar__panel-tab:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-button.edit-widgets-sidebar__panel-tab:after{ + background:var(--wp-admin-theme-color); + border-radius:0; + bottom:0; content:""; + height:calc(var(--wp-admin-border-width-focus)*0); left:0; + pointer-events:none; position:absolute; right:0; - top:0; + transition:all .1s linear; } -.components-button.edit-widgets-sidebar__panel-tab:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +@media (prefers-reduced-motion:reduce){ + .components-button.edit-widgets-sidebar__panel-tab:after{ + transition-delay:0s; + transition-duration:0s; + } } -.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -1.5px 0 0 var(--wp-admin-theme-color); +.components-button.edit-widgets-sidebar__panel-tab.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-button.edit-widgets-sidebar__panel-tab:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-button.edit-widgets-sidebar__panel-tab:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.edit-widgets-sidebar__panel-tab:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; } .edit-widgets-widget-areas__top-container{ diff --git a/wp-includes/css/dist/edit-widgets/style.min.css b/wp-includes/css/dist/edit-widgets/style.min.css index 3c1367fb8c..1b5cf385d2 100644 --- a/wp-includes/css/dist/edit-widgets/style.min.css +++ b/wp-includes/css/dist/edit-widgets/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:auto;right:10px;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;right:0;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;display:block;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto;z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;left:0;position:absolute;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:auto;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus{bottom:0;top:auto}.interface-more-menu-dropdown{margin-left:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-left:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-right:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{left:16px;position:absolute;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-left:160px;padding-left:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-left:48px;margin-top:0}.wp-block[data-type="core/widget-area"]{margin-left:auto;margin-right:auto;max-width:700px}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;height:48px;margin:0;position:relative;transform:translateZ(0);z-index:1}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{background:#fff}.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{position:relative;width:auto}.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{max-width:100%}.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{margin:0;padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{margin-top:-48px;min-height:32px;padding:72px 16px 16px}.wp-block-widget-area__highlight-drop-zone{outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color)}body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{pointer-events:none}.edit-widgets-error-boundary{box-shadow:0 10px 10px rgba(0,0,0,.25);margin:60px auto auto;max-width:780px;padding:20px}.edit-widgets-header{align-items:center;display:flex;height:60px;justify-content:space-between;overflow:auto;padding:0 16px}@media (min-width:600px){.edit-widgets-header{overflow:visible}}.edit-widgets-header__navigable-toolbar-wrapper{align-items:center;display:flex;justify-content:center}.edit-widgets-header__title{font-size:20px;margin:0 20px 0 0;padding:0}.edit-widgets-header__actions{align-items:center;display:flex;gap:4px}@media (min-width:600px){.edit-widgets-header__actions{gap:8px}}.edit-widgets-header-toolbar{border:none}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{height:36px;min-width:36px;padding:6px}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{background:#1e1e1e}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{display:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:12px;padding-right:12px}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{content:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.edit-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.components-panel__header.edit-widgets-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:0;padding-right:4px}.components-panel__header.edit-widgets-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-widgets-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:none;margin-left:auto}@media (min-width:782px){.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-widgets-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;color:#1e1e1e;cursor:pointer;display:inline-block;font-weight:400;height:49px;margin-left:0;padding:3px 15px}.components-button.edit-widgets-sidebar__panel-tab:after{speak:none;content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;visibility:hidden}.components-button.edit-widgets-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -1.5px 0 0 var(--wp-admin-theme-color);font-weight:600;position:relative}.components-button.edit-widgets-sidebar__panel-tab.is-active:before{border-bottom:1.5px solid transparent;bottom:1px;content:"";left:0;position:absolute;right:0;top:0}.components-button.edit-widgets-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -1.5px 0 0 var(--wp-admin-theme-color)}.edit-widgets-widget-areas__top-container{display:flex;padding:16px}.edit-widgets-widget-areas__top-container .block-editor-block-icon{margin-right:16px}.edit-widgets-notices__snackbar{bottom:20px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-widgets-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-widgets-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-widgets-notices__snackbar{left:160px}}.folded .edit-widgets-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-widgets-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-widgets-notices__snackbar{left:0!important}.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.edit-widgets-layout__inserter-panel{display:flex;flex-direction:column;height:100%}.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{overflow:hidden}.edit-widgets-layout__inserter-panel-header{display:flex;justify-content:flex-end;padding-right:8px;padding-top:8px}.edit-widgets-layout__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-widgets-layout__inserter-panel-content{height:100%}}.edit-widgets-welcome-guide{width:312px}.edit-widgets-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-widgets-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-widgets-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-widgets-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-widgets-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-widgets-block-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:relative}.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{display:flex;flex-direction:column;flex-grow:1}.edit-widgets-block-editor .edit-widgets-main-block-list{height:100%}.edit-widgets-block-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{padding:6px}.edit-widgets-editor__list-view-panel{display:flex;flex-direction:column;height:100%;min-width:350px}.edit-widgets-editor__list-view-panel-content{height:calc(100% - 44px);overflow-y:auto;padding:8px}.edit-widgets-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:16px;padding-right:4px}body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{padding-left:0}body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{display:none}body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{left:-1px;top:-1px}body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after{border-right-color:#fff}body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.blocks-widgets-container,.components-modal__frame{box-sizing:border-box}.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}@media (min-width:600px){.blocks-widgets-container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.blocks-widgets-container{min-height:calc(100vh - 32px)}}.blocks-widgets-container .interface-interface-skeleton__content{background-color:#f0f0f0}.blocks-widgets-container .editor-styles-wrapper{margin:auto;max-width:700px}.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{display:none}.widgets-php .notice{display:none!important}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}.components-panel__header+.interface-complementary-area-header{margin-top:0}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p:not(.components-base-control__help){margin-top:0}.interface-complementary-area h2{color:#1e1e1e;font-size:13px;margin-bottom:1.5em}.interface-complementary-area h3{color:#1e1e1e;font-size:11px;font-weight:500;margin-bottom:1.5em;text-transform:uppercase}.interface-complementary-area hr{border-bottom:1px solid #f0f0f0;border-top:none;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{bottom:10px;left:auto;right:10px;top:auto}@media (min-width:782px){body.js.is-fullscreen-mode{height:calc(100% + 32px);margin-top:-32px}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{bottom:0;display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;right:0;top:46px}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex:0 1 100%;flex-direction:column;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{display:flex;flex-grow:1;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{background:#fff;bottom:0;color:#1e1e1e;flex-shrink:0;left:0;position:absolute;right:0;top:0;z-index:100000}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;width:auto}.is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{z-index:90}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{border-bottom:1px solid #e0e0e0;color:#1e1e1e;flex-shrink:0;height:auto;z-index:30}.interface-interface-skeleton__footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;color:#1e1e1e;display:none;flex-shrink:0;height:auto;left:0;position:absolute;width:100%;z-index:90}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{align-items:center;background:#fff;display:flex;font-size:13px;height:24px;padding:0 18px;z-index:30}.interface-interface-skeleton__actions{bottom:auto;color:#1e1e1e;left:auto;position:fixed!important;right:0;top:-9999em;width:280px;z-index:100000}.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{bottom:0;top:auto}.interface-more-menu-dropdown{margin-left:-4px}.interface-more-menu-dropdown .components-button{padding:0 2px;width:auto}@media (min-width:600px){.interface-more-menu-dropdown{margin-left:0}.interface-more-menu-dropdown .components-button{padding:0 4px}}.interface-more-menu-dropdown__content .components-popover__content{min-width:280px}@media (min-width:480px){.interface-more-menu-dropdown__content .components-popover__content{max-width:480px}}.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.interface-more-menu-dropdown__content{z-index:99998}.interface-pinned-items{display:flex;gap:4px;margin-right:-4px}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin:0}.interface-pinned-items .components-button svg{max-height:24px;max-width:24px}@media (min-width:600px){.interface-preferences-modal{height:calc(100% - 120px);width:calc(100% - 32px)}}@media (min-width:782px){.interface-preferences-modal{width:750px}}@media (min-width:960px){.interface-preferences-modal{height:70%}}@media (max-width:781px){.interface-preferences-modal .components-modal__content{padding:0}}.interface-preferences__tabs .components-tab-panel__tabs{left:16px;position:absolute;top:84px;width:160px}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{content:none}.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.interface-preferences__tabs .components-tab-panel__tab-content{margin-left:160px;padding-left:24px}@media (max-width:781px){.interface-preferences__provider{height:100%}}.interface-preferences-modal__section{margin:0 0 2.5rem}.interface-preferences-modal__section:last-child{margin:0}.interface-preferences-modal__section-legend{margin-bottom:8px}.interface-preferences-modal__section-title{font-size:.9rem;font-weight:600;margin-top:0}.interface-preferences-modal__section-description{color:#757575;font-size:12px;font-style:normal;margin:-8px 0 8px}.interface-preferences-modal__option+.interface-preferences-modal__option{margin-top:16px}.interface-preferences-modal__option .components-base-control__help{margin-left:48px;margin-top:0}.wp-block[data-type="core/widget-area"]{margin-left:auto;margin-right:auto;max-width:700px}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;height:48px;margin:0;position:relative;transform:translateZ(0);z-index:1}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{background:#fff}.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{position:relative;width:auto}.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{max-width:100%}.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{margin:0;padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{margin-top:-48px;min-height:32px;padding:72px 16px 16px}.wp-block-widget-area__highlight-drop-zone{outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color)}body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{pointer-events:none}.edit-widgets-error-boundary{box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);margin:60px auto auto;max-width:780px;padding:20px}.edit-widgets-header{align-items:center;display:flex;height:60px;justify-content:space-between;overflow:auto;padding:0 16px}@media (min-width:600px){.edit-widgets-header{overflow:visible}}.edit-widgets-header__navigable-toolbar-wrapper{align-items:center;display:flex;justify-content:center}.edit-widgets-header__title{font-size:20px;margin:0 20px 0 0;padding:0}.edit-widgets-header__actions{align-items:center;display:flex;gap:4px}@media (min-width:600px){.edit-widgets-header__actions{gap:8px}}.edit-widgets-header-toolbar{border:none}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{height:36px;min-width:36px;padding:6px}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{background:#1e1e1e}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{display:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:12px;padding-right:12px}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{content:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{transition-delay:0s;transition-duration:0s}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.edit-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-widgets-keyboard-shortcut-help-modal__shortcut{align-items:baseline;border-top:1px solid #ddd;display:flex;margin-bottom:0;padding:.6rem 0}.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;flex-basis:auto;margin:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{background:none;display:block;margin:0;padding:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{border-radius:8%;margin:0 .2rem;padding:.25rem .5rem}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.components-panel__header.edit-widgets-sidebar__panel-tabs{border-top:0;justify-content:flex-start;margin-top:0;padding-left:0;padding-right:4px}.components-panel__header.edit-widgets-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-widgets-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:none;margin-left:auto}@media (min-width:782px){.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-widgets-sidebar__panel-tab{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px;margin-left:0;padding:3px 16px;position:relative}.components-button.edit-widgets-sidebar__panel-tab:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-button.edit-widgets-sidebar__panel-tab:after{background:var(--wp-admin-theme-color);border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-widgets-sidebar__panel-tab:after{transition-delay:0s;transition-duration:0s}}.components-button.edit-widgets-sidebar__panel-tab.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid transparent;outline-offset:-1px}.components-button.edit-widgets-sidebar__panel-tab:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 transparent;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:all .1s linear}@media (prefers-reduced-motion:reduce){.components-button.edit-widgets-sidebar__panel-tab:before{transition-delay:0s;transition-duration:0s}}.components-button.edit-widgets-sidebar__panel-tab:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.edit-widgets-widget-areas__top-container{display:flex;padding:16px}.edit-widgets-widget-areas__top-container .block-editor-block-icon{margin-right:16px}.edit-widgets-notices__snackbar{bottom:20px;left:0;padding-left:16px;padding-right:16px;position:fixed;right:0}@media (min-width:783px){.edit-widgets-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-widgets-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-widgets-notices__snackbar{left:160px}}.folded .edit-widgets-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-widgets-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-widgets-notices__snackbar{left:0!important}.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.edit-widgets-layout__inserter-panel{display:flex;flex-direction:column;height:100%}.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{overflow:hidden}.edit-widgets-layout__inserter-panel-header{display:flex;justify-content:flex-end;padding-right:8px;padding-top:8px}.edit-widgets-layout__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-widgets-layout__inserter-panel-content{height:100%}}.edit-widgets-welcome-guide{width:312px}.edit-widgets-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-widgets-welcome-guide__image>img{display:block;max-width:100%;-o-object-fit:cover;object-fit:cover}.edit-widgets-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-widgets-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-widgets-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-widgets-block-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:relative}.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{display:flex;flex-direction:column;flex-grow:1}.edit-widgets-block-editor .edit-widgets-main-block-list{height:100%}.edit-widgets-block-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{padding:6px}.edit-widgets-editor__list-view-panel{display:flex;flex-direction:column;height:100%;min-width:350px}.edit-widgets-editor__list-view-panel-content{height:calc(100% - 44px);overflow-y:auto;padding:8px}.edit-widgets-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;height:48px;justify-content:space-between;padding-left:16px;padding-right:4px}body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{padding-left:0}body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{display:none}body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{left:-1px;top:-1px}body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after{border-right-color:#fff}body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.blocks-widgets-container,.components-modal__frame{box-sizing:border-box}.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}@media (min-width:600px){.blocks-widgets-container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.blocks-widgets-container{min-height:calc(100vh - 32px)}}.blocks-widgets-container .interface-interface-skeleton__content{background-color:#f0f0f0}.blocks-widgets-container .editor-styles-wrapper{margin:auto;max-width:700px}.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{display:none}.widgets-php .notice{display:none!important}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style-rtl.css b/wp-includes/css/dist/editor/style-rtl.css index 726b303d82..0ccd3e26a6 100644 --- a/wp-includes/css/dist/editor/style-rtl.css +++ b/wp-includes/css/dist/editor/style-rtl.css @@ -7,6 +7,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -188,7 +190,7 @@ } .editor-error-boundary{ - box-shadow:0 10px 10px rgba(0,0,0,.25); + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); margin:60px auto auto; max-width:780px; padding:20px; @@ -465,9 +467,6 @@ display:flex; margin-bottom:16px; } -.post-publish-panel__postpublish-post-address-container .components-base-control__field{ - margin-bottom:0; -} .post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{ flex:1; } @@ -537,10 +536,6 @@ margin-left:0; } -:root[dir=rtl] .editor-post-saved-state.has-text.has-icon{ - justify-content:right; -} - .editor-post-taxonomies__hierarchical-terms-list{ margin-right:-6px; margin-top:-6px; @@ -578,8 +573,7 @@ } .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{ - font-weight:400; - margin-bottom:12px; + margin-bottom:4px; } .editor-post-taxonomies__flat-term-most-used-list{ @@ -734,7 +728,7 @@ margin-bottom:0; } .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -773,23 +767,6 @@ color:rgba(30,30,30,.62); } -.editor-post-title{ - position:relative; -} -.editor-post-title.is-focus-mode{ - opacity:.2; - transition:opacity .1s linear; -} -@media (prefers-reduced-motion:reduce){ - .editor-post-title.is-focus-mode{ - transition-delay:0s; - transition-duration:0s; - } -} -.editor-post-title.is-focus-mode:focus{ - opacity:1; -} - .editor-post-trash.components-button{ display:flex; justify-content:center; diff --git a/wp-includes/css/dist/editor/style-rtl.min.css b/wp-includes/css/dist/editor/style-rtl.min.css index 6819eed4b0..1d66ef52fa 100644 --- a/wp-includes/css/dist/editor/style-rtl.min.css +++ b/wp-includes/css/dist/editor/style-rtl.min.css @@ -1 +1 @@ -@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-autocompleters__user .editor-autocompleters__no-avatar:before{content:"";font:normal 20px/1 dashicons;margin-left:5px;vertical-align:middle}.editor-autocompleters__user .editor-autocompleters__user-avatar{flex-grow:0;flex-shrink:0;height:24px;margin-left:8px;max-width:none;width:24px}.editor-autocompleters__user .editor-autocompleters__user-name{flex-grow:1;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user .editor-autocompleters__user-slug{color:#757575;flex-grow:0;flex-shrink:0;margin-right:8px;max-width:100px;overflow:none;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user:hover .editor-autocompleters__user-slug{color:var(--wp-admin-theme-color)}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item a{text-decoration:none}.document-outline__item .document-outline__emdash:before{color:#ddd;margin-left:4px}.document-outline__item.is-h2 .document-outline__emdash:before{content:"—"}.document-outline__item.is-h3 .document-outline__emdash:before{content:"——"}.document-outline__item.is-h4 .document-outline__emdash:before{content:"———"}.document-outline__item.is-h5 .document-outline__emdash:before{content:"————"}.document-outline__item.is-h6 .document-outline__emdash:before{content:"—————"}.document-outline__button{align-items:flex-start;background:none;border:none;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;margin:0 -1px 0 0;padding:2px 1px 2px 5px;text-align:right}.document-outline__button:disabled{cursor:default}.document-outline__button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.document-outline__level{background:#ddd;border-radius:3px;color:#1e1e1e;font-size:13px;margin-left:4px;padding:1px 6px}.is-invalid .document-outline__level{background:#f0b849}.document-outline__item-content{padding:1px 0}.components-editor-notices__dismissible,.components-editor-notices__pinned{color:#1e1e1e;left:0;position:relative;right:0;top:0}.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.entities-saved-states__panel{background:#fff;bottom:0;box-sizing:border-box;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{box-sizing:inherit}.entities-saved-states__panel .entities-saved-states__find-entity{display:none}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:block}@media (min-width:782px){.entities-saved-states__panel{border-right:1px solid #ddd;right:auto;top:32px;width:280px}body.is-fullscreen-mode .entities-saved-states__panel{top:0}.entities-saved-states__panel .entities-saved-states__find-entity{display:block}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:none}}.entities-saved-states__panel .entities-saved-states__panel-header{background:#fff;border-bottom:1px solid #ddd;height:61px;padding-left:8px;padding-right:8px}.entities-saved-states__panel .entities-saved-states__text-prompt{padding:16px 16px 4px}.editor-error-boundary{box-shadow:0 10px 10px rgba(0,0,0,.25);margin:60px auto auto;max-width:780px;padding:20px}.editor-page-attributes__order{width:100%}.editor-page-attributes__order .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.editor-page-attributes__order input{width:66px}.editor-post-excerpt__textarea{margin-bottom:10px;width:100%}.editor-post-featured-image{padding:0}.editor-post-featured-image__container{margin-bottom:1em;position:relative}.editor-post-featured-image .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.editor-post-featured-image .components-button+.components-button{display:block;margin-top:1em}.editor-post-featured-image .components-responsive-wrapper__content{max-width:100%;width:auto}.editor-post-featured-image__preview,.editor-post-featured-image__toggle{box-shadow:0 0 0 0 var(--wp-admin-theme-color);display:block;padding:0;transition:all .1s ease-out;width:100%}@media (prefers-reduced-motion:reduce){.editor-post-featured-image__preview,.editor-post-featured-image__toggle{transition-delay:0s;transition-duration:0s}}.editor-post-featured-image__preview{height:auto}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px var(--wp-admin-theme-color)}.editor-post-featured-image__toggle{background-color:#f0f0f0;border-radius:2px;line-height:20px;min-height:90px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background:#ddd;color:#1e1e1e}[class].editor-post-format__suggestion{margin:4px 0 0}.editor-post-last-revision__title{font-weight:600;width:100%}.editor-post-last-revision__title .dashicon{margin-left:5px}.components-button.editor-post-last-revision__title{height:100%}.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{background:#f0f0f0}.components-button.editor-post-last-revision__title:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}@media (min-width:600px){.editor-post-locked-modal{max-width:480px}}.editor-post-locked-modal .components-modal__content{display:flex}.editor-post-locked-modal__buttons{margin-top:24px}.editor-post-locked-modal__avatar{border-radius:2px;margin-left:24px;margin-top:16px}.editor-post-publish-button__button.has-changes-dot:before{background:currentcolor;border-radius:4px;content:"";height:8px;margin:auto -3px auto 5px;width:8px}.editor-post-publish-panel{background:#fff}.editor-post-publish-panel__content{min-height:calc(100% - 144px)}.editor-post-publish-panel__content .components-spinner{display:block;margin:100px auto 0}.editor-post-publish-panel__header{align-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;height:61px;padding-left:16px;padding-right:16px}.editor-post-publish-panel__header .components-button{justify-content:center;width:100%}.editor-post-publish-panel__header .has-icon{margin-right:auto;width:auto}.components-site-card{align-items:center;display:flex;margin:16px 0}.components-site-icon{border:none;border-radius:2px;height:36px;margin-left:12px;width:36px}.components-site-name{display:block;font-size:14px}.components-site-home{color:#757575;display:block;font-size:12px}.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{flex-grow:1}@media (min-width:480px){.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{max-width:160px}}.editor-post-publish-panel__header-publish-button{padding-left:4px}.editor-post-publish-panel__header-cancel-button{padding-right:4px}.editor-post-publish-panel__header-published{flex-grow:1}.editor-post-publish-panel__footer{padding:16px}.components-button.editor-post-publish-panel__toggle.is-primary{align-items:center;display:inline-flex}.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{display:none}.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{margin-left:-4px}.editor-post-publish-panel__link{font-weight:400;padding-right:4px}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#1e1e1e}.editor-post-publish-panel__prepublish .components-panel__body{background:#fff;margin-left:-16px;margin-right:-16px}.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{display:none}.post-publish-panel__postpublish .components-panel__body{border-bottom:1px solid #e0e0e0;border-top:none}.post-publish-panel__postpublish-buttons{align-content:space-between;display:flex;flex-wrap:wrap;margin:-5px}.post-publish-panel__postpublish-buttons>*{flex-grow:1;margin:5px}.post-publish-panel__postpublish-buttons .components-button{flex:1;height:auto;justify-content:center;line-height:1.6;padding:3px 10px 4px;text-align:center;white-space:normal}.post-publish-panel__postpublish-buttons .components-clipboard-button{width:100%}.post-publish-panel__postpublish-post-address-container{align-items:flex-end;display:flex;margin-bottom:16px}.post-publish-panel__postpublish-post-address-container .components-base-control__field{margin-bottom:0}.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{flex:1}.post-publish-panel__postpublish-post-address-container input[readonly]{background:#ddd;overflow:hidden;padding:10px;text-overflow:ellipsis}.post-publish-panel__postpublish-post-address__copy-button-wrap{flex-shrink:0;margin-right:8px}.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button{height:38px}.post-publish-panel__postpublish-header{font-weight:500}.post-publish-panel__postpublish-subheader{margin:0 0 8px}.post-publish-panel__tip{color:#f0b849}@media screen and (max-width:782px){.post-publish-panel__postpublish-post-address__button-wrap .components-button{height:40px}}.editor-post-saved-state{align-items:center;color:#757575;display:flex;overflow:hidden;padding:12px 4px;white-space:nowrap;width:28px}.editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{background:transparent;color:#757575}.editor-post-saved-state svg{fill:currentColor;display:inline-block;flex:0 0 auto;margin-left:8px}@media (min-width:600px){.editor-post-saved-state{padding:8px 12px;text-indent:inherit;width:auto}.editor-post-saved-state svg{margin-left:0}}.editor-post-save-draft.has-text.has-icon svg{margin-left:0}:root[dir=rtl] .editor-post-saved-state.has-text.has-icon{justify-content:right}.editor-post-taxonomies__hierarchical-terms-list{margin-right:-6px;margin-top:-6px;max-height:14em;overflow:auto;padding-right:6px;padding-top:6px}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-subchoices{margin-right:16px;margin-top:8px}.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{margin-top:12px}.editor-post-taxonomies__hierarchical-terms-label{display:inline-block;margin-top:12px}.editor-post-taxonomies__hierarchical-terms-input{margin-top:8px}.editor-post-taxonomies__hierarchical-terms-filter{margin-bottom:8px;width:100%}.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{font-weight:400;margin-bottom:12px}.editor-post-taxonomies__flat-term-most-used-list{margin:0}.editor-post-taxonomies__flat-term-most-used-list li{display:inline-block;margin-left:8px}.editor-post-taxonomies__flat-term-most-used-list .components-button{font-size:12px}.edit-post-text-editor__body textarea.editor-post-text-editor{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.edit-post-text-editor__body textarea.editor-post-text-editor{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-text-editor__body textarea.editor-post-text-editor{font-size:15px!important;padding:24px}}.edit-post-text-editor__body textarea.editor-post-text-editor:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-url__link-label{font-size:13px;font-weight:400;margin:0}.editor-post-url__link{direction:ltr;word-break:break-word}.editor-post-url__link-slug{font-weight:600}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-left:12px;margin-top:2px;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{height:20px;width:20px}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(-7px,7px);width:8px}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{transform:translate(-5px,5px)}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__info{color:#757575;margin-right:36px;margin-top:.5em}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__info{margin-right:32px}}.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{margin-bottom:0}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin-right:32px;padding:6px 8px;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-title{position:relative}.editor-post-title.is-focus-mode{opacity:.2;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.editor-post-title.is-focus-mode{transition-delay:0s;transition-duration:0s}}.editor-post-title.is-focus-mode:focus{opacity:1}.editor-post-trash.components-button{display:flex;justify-content:center;margin-top:4px;width:100%}.table-of-contents__popover.components-popover .components-popover__content{min-width:380px}.components-popover.table-of-contents__popover{z-index:99998}.table-of-contents__popover .components-popover__content{padding:16px}@media (min-width:600px){.table-of-contents__popover .components-popover__content{max-height:calc(100vh - 120px);overflow-y:auto}}.table-of-contents__popover hr{margin:10px -16px 0}.table-of-contents__wrapper:focus:before{bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.table-of-contents__counts{display:flex;flex-wrap:wrap;margin:-8px 0 0}.table-of-contents__count{color:#1e1e1e;display:flex;flex-basis:33%;flex-direction:column;font-size:13px;margin-bottom:0;margin-top:8px;padding-left:8px}.table-of-contents__count:nth-child(4n){padding-left:0}.table-of-contents__number,.table-of-contents__popover .word-count{color:#1e1e1e;font-size:21px;font-weight:400;line-height:30px}.table-of-contents__title{display:block;font-size:15px;font-weight:600;margin-top:20px}.editor-template-validation-notice{align-items:center;display:flex;justify-content:space-between}.editor-template-validation-notice .components-button{margin-right:5px} \ No newline at end of file +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-autocompleters__user .editor-autocompleters__no-avatar:before{content:"";font:normal 20px/1 dashicons;margin-left:5px;vertical-align:middle}.editor-autocompleters__user .editor-autocompleters__user-avatar{flex-grow:0;flex-shrink:0;height:24px;margin-left:8px;max-width:none;width:24px}.editor-autocompleters__user .editor-autocompleters__user-name{flex-grow:1;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user .editor-autocompleters__user-slug{color:#757575;flex-grow:0;flex-shrink:0;margin-right:8px;max-width:100px;overflow:none;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user:hover .editor-autocompleters__user-slug{color:var(--wp-admin-theme-color)}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item a{text-decoration:none}.document-outline__item .document-outline__emdash:before{color:#ddd;margin-left:4px}.document-outline__item.is-h2 .document-outline__emdash:before{content:"—"}.document-outline__item.is-h3 .document-outline__emdash:before{content:"——"}.document-outline__item.is-h4 .document-outline__emdash:before{content:"———"}.document-outline__item.is-h5 .document-outline__emdash:before{content:"————"}.document-outline__item.is-h6 .document-outline__emdash:before{content:"—————"}.document-outline__button{align-items:flex-start;background:none;border:none;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;margin:0 -1px 0 0;padding:2px 1px 2px 5px;text-align:right}.document-outline__button:disabled{cursor:default}.document-outline__button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.document-outline__level{background:#ddd;border-radius:3px;color:#1e1e1e;font-size:13px;margin-left:4px;padding:1px 6px}.is-invalid .document-outline__level{background:#f0b849}.document-outline__item-content{padding:1px 0}.components-editor-notices__dismissible,.components-editor-notices__pinned{color:#1e1e1e;left:0;position:relative;right:0;top:0}.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.entities-saved-states__panel{background:#fff;bottom:0;box-sizing:border-box;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{box-sizing:inherit}.entities-saved-states__panel .entities-saved-states__find-entity{display:none}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:block}@media (min-width:782px){.entities-saved-states__panel{border-right:1px solid #ddd;right:auto;top:32px;width:280px}body.is-fullscreen-mode .entities-saved-states__panel{top:0}.entities-saved-states__panel .entities-saved-states__find-entity{display:block}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:none}}.entities-saved-states__panel .entities-saved-states__panel-header{background:#fff;border-bottom:1px solid #ddd;height:61px;padding-left:8px;padding-right:8px}.entities-saved-states__panel .entities-saved-states__text-prompt{padding:16px 16px 4px}.editor-error-boundary{box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),-.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);margin:60px auto auto;max-width:780px;padding:20px}.editor-page-attributes__order{width:100%}.editor-page-attributes__order .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.editor-page-attributes__order input{width:66px}.editor-post-excerpt__textarea{margin-bottom:10px;width:100%}.editor-post-featured-image{padding:0}.editor-post-featured-image__container{margin-bottom:1em;position:relative}.editor-post-featured-image .components-spinner{margin-right:-9px;margin-top:-9px;position:absolute;right:50%;top:50%}.editor-post-featured-image .components-button+.components-button{display:block;margin-top:1em}.editor-post-featured-image .components-responsive-wrapper__content{max-width:100%;width:auto}.editor-post-featured-image__preview,.editor-post-featured-image__toggle{box-shadow:0 0 0 0 var(--wp-admin-theme-color);display:block;padding:0;transition:all .1s ease-out;width:100%}@media (prefers-reduced-motion:reduce){.editor-post-featured-image__preview,.editor-post-featured-image__toggle{transition-delay:0s;transition-duration:0s}}.editor-post-featured-image__preview{height:auto}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px var(--wp-admin-theme-color)}.editor-post-featured-image__toggle{background-color:#f0f0f0;border-radius:2px;line-height:20px;min-height:90px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background:#ddd;color:#1e1e1e}[class].editor-post-format__suggestion{margin:4px 0 0}.editor-post-last-revision__title{font-weight:600;width:100%}.editor-post-last-revision__title .dashicon{margin-left:5px}.components-button.editor-post-last-revision__title{height:100%}.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{background:#f0f0f0}.components-button.editor-post-last-revision__title:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}@media (min-width:600px){.editor-post-locked-modal{max-width:480px}}.editor-post-locked-modal .components-modal__content{display:flex}.editor-post-locked-modal__buttons{margin-top:24px}.editor-post-locked-modal__avatar{border-radius:2px;margin-left:24px;margin-top:16px}.editor-post-publish-button__button.has-changes-dot:before{background:currentcolor;border-radius:4px;content:"";height:8px;margin:auto -3px auto 5px;width:8px}.editor-post-publish-panel{background:#fff}.editor-post-publish-panel__content{min-height:calc(100% - 144px)}.editor-post-publish-panel__content .components-spinner{display:block;margin:100px auto 0}.editor-post-publish-panel__header{align-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;height:61px;padding-left:16px;padding-right:16px}.editor-post-publish-panel__header .components-button{justify-content:center;width:100%}.editor-post-publish-panel__header .has-icon{margin-right:auto;width:auto}.components-site-card{align-items:center;display:flex;margin:16px 0}.components-site-icon{border:none;border-radius:2px;height:36px;margin-left:12px;width:36px}.components-site-name{display:block;font-size:14px}.components-site-home{color:#757575;display:block;font-size:12px}.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{flex-grow:1}@media (min-width:480px){.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{max-width:160px}}.editor-post-publish-panel__header-publish-button{padding-left:4px}.editor-post-publish-panel__header-cancel-button{padding-right:4px}.editor-post-publish-panel__header-published{flex-grow:1}.editor-post-publish-panel__footer{padding:16px}.components-button.editor-post-publish-panel__toggle.is-primary{align-items:center;display:inline-flex}.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{display:none}.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{margin-left:-4px}.editor-post-publish-panel__link{font-weight:400;padding-right:4px}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#1e1e1e}.editor-post-publish-panel__prepublish .components-panel__body{background:#fff;margin-left:-16px;margin-right:-16px}.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{display:none}.post-publish-panel__postpublish .components-panel__body{border-bottom:1px solid #e0e0e0;border-top:none}.post-publish-panel__postpublish-buttons{align-content:space-between;display:flex;flex-wrap:wrap;margin:-5px}.post-publish-panel__postpublish-buttons>*{flex-grow:1;margin:5px}.post-publish-panel__postpublish-buttons .components-button{flex:1;height:auto;justify-content:center;line-height:1.6;padding:3px 10px 4px;text-align:center;white-space:normal}.post-publish-panel__postpublish-buttons .components-clipboard-button{width:100%}.post-publish-panel__postpublish-post-address-container{align-items:flex-end;display:flex;margin-bottom:16px}.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{flex:1}.post-publish-panel__postpublish-post-address-container input[readonly]{background:#ddd;overflow:hidden;padding:10px;text-overflow:ellipsis}.post-publish-panel__postpublish-post-address__copy-button-wrap{flex-shrink:0;margin-right:8px}.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button{height:38px}.post-publish-panel__postpublish-header{font-weight:500}.post-publish-panel__postpublish-subheader{margin:0 0 8px}.post-publish-panel__tip{color:#f0b849}@media screen and (max-width:782px){.post-publish-panel__postpublish-post-address__button-wrap .components-button{height:40px}}.editor-post-saved-state{align-items:center;color:#757575;display:flex;overflow:hidden;padding:12px 4px;white-space:nowrap;width:28px}.editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{background:transparent;color:#757575}.editor-post-saved-state svg{fill:currentColor;display:inline-block;flex:0 0 auto;margin-left:8px}@media (min-width:600px){.editor-post-saved-state{padding:8px 12px;text-indent:inherit;width:auto}.editor-post-saved-state svg{margin-left:0}}.editor-post-save-draft.has-text.has-icon svg{margin-left:0}.editor-post-taxonomies__hierarchical-terms-list{margin-right:-6px;margin-top:-6px;max-height:14em;overflow:auto;padding-right:6px;padding-top:6px}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-subchoices{margin-right:16px;margin-top:8px}.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{margin-top:12px}.editor-post-taxonomies__hierarchical-terms-label{display:inline-block;margin-top:12px}.editor-post-taxonomies__hierarchical-terms-input{margin-top:8px}.editor-post-taxonomies__hierarchical-terms-filter{margin-bottom:8px;width:100%}.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{margin-bottom:4px}.editor-post-taxonomies__flat-term-most-used-list{margin:0}.editor-post-taxonomies__flat-term-most-used-list li{display:inline-block;margin-left:8px}.editor-post-taxonomies__flat-term-most-used-list .components-button{font-size:12px}.edit-post-text-editor__body textarea.editor-post-text-editor{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.edit-post-text-editor__body textarea.editor-post-text-editor{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-text-editor__body textarea.editor-post-text-editor{font-size:15px!important;padding:24px}}.edit-post-text-editor__body textarea.editor-post-text-editor:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-url__link-label{font-size:13px;font-weight:400;margin:0}.editor-post-url__link{direction:ltr;word-break:break-word}.editor-post-url__link-slug{font-weight:600}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-left:12px;margin-top:2px;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{height:20px;width:20px}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(-7px,7px);width:8px}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{transform:translate(-5px,5px)}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__info{color:#757575;margin-right:36px;margin-top:.5em}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__info{margin-right:32px}}.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{margin-bottom:0}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin-right:32px;padding:6px 8px;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-trash.components-button{display:flex;justify-content:center;margin-top:4px;width:100%}.table-of-contents__popover.components-popover .components-popover__content{min-width:380px}.components-popover.table-of-contents__popover{z-index:99998}.table-of-contents__popover .components-popover__content{padding:16px}@media (min-width:600px){.table-of-contents__popover .components-popover__content{max-height:calc(100vh - 120px);overflow-y:auto}}.table-of-contents__popover hr{margin:10px -16px 0}.table-of-contents__wrapper:focus:before{bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.table-of-contents__counts{display:flex;flex-wrap:wrap;margin:-8px 0 0}.table-of-contents__count{color:#1e1e1e;display:flex;flex-basis:33%;flex-direction:column;font-size:13px;margin-bottom:0;margin-top:8px;padding-left:8px}.table-of-contents__count:nth-child(4n){padding-left:0}.table-of-contents__number,.table-of-contents__popover .word-count{color:#1e1e1e;font-size:21px;font-weight:400;line-height:30px}.table-of-contents__title{display:block;font-size:15px;font-weight:600;margin-top:20px}.editor-template-validation-notice{align-items:center;display:flex;justify-content:space-between}.editor-template-validation-notice .components-button{margin-right:5px} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style.css b/wp-includes/css/dist/editor/style.css index e282c7fbc1..97bc13ba8a 100644 --- a/wp-includes/css/dist/editor/style.css +++ b/wp-includes/css/dist/editor/style.css @@ -7,6 +7,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -188,7 +190,7 @@ } .editor-error-boundary{ - box-shadow:0 10px 10px rgba(0,0,0,.25); + box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15); margin:60px auto auto; max-width:780px; padding:20px; @@ -465,9 +467,6 @@ display:flex; margin-bottom:16px; } -.post-publish-panel__postpublish-post-address-container .components-base-control__field{ - margin-bottom:0; -} .post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{ flex:1; } @@ -537,10 +536,6 @@ margin-right:0; } -:root[dir=rtl] .editor-post-saved-state.has-text.has-icon{ - justify-content:right; -} - .editor-post-taxonomies__hierarchical-terms-list{ margin-left:-6px; margin-top:-6px; @@ -578,8 +573,7 @@ } .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{ - font-weight:400; - margin-bottom:12px; + margin-bottom:4px; } .editor-post-taxonomies__flat-term-most-used-list{ @@ -734,7 +728,7 @@ margin-bottom:0; } .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ - border:1px solid #757575; + border:1px solid #949494; border-radius:2px; box-shadow:0 0 0 transparent; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; @@ -773,23 +767,6 @@ color:rgba(30,30,30,.62); } -.editor-post-title{ - position:relative; -} -.editor-post-title.is-focus-mode{ - opacity:.2; - transition:opacity .1s linear; -} -@media (prefers-reduced-motion:reduce){ - .editor-post-title.is-focus-mode{ - transition-delay:0s; - transition-duration:0s; - } -} -.editor-post-title.is-focus-mode:focus{ - opacity:1; -} - .editor-post-trash.components-button{ display:flex; justify-content:center; diff --git a/wp-includes/css/dist/editor/style.min.css b/wp-includes/css/dist/editor/style.min.css index 3b593b17db..0919f0cdae 100644 --- a/wp-includes/css/dist/editor/style.min.css +++ b/wp-includes/css/dist/editor/style.min.css @@ -1 +1 @@ -@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-autocompleters__user .editor-autocompleters__no-avatar:before{content:"";font:normal 20px/1 dashicons;margin-right:5px;vertical-align:middle}.editor-autocompleters__user .editor-autocompleters__user-avatar{flex-grow:0;flex-shrink:0;height:24px;margin-right:8px;max-width:none;width:24px}.editor-autocompleters__user .editor-autocompleters__user-name{flex-grow:1;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user .editor-autocompleters__user-slug{color:#757575;flex-grow:0;flex-shrink:0;margin-left:8px;max-width:100px;overflow:none;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user:hover .editor-autocompleters__user-slug{color:var(--wp-admin-theme-color)}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item a{text-decoration:none}.document-outline__item .document-outline__emdash:before{color:#ddd;margin-right:4px}.document-outline__item.is-h2 .document-outline__emdash:before{content:"—"}.document-outline__item.is-h3 .document-outline__emdash:before{content:"——"}.document-outline__item.is-h4 .document-outline__emdash:before{content:"———"}.document-outline__item.is-h5 .document-outline__emdash:before{content:"————"}.document-outline__item.is-h6 .document-outline__emdash:before{content:"—————"}.document-outline__button{align-items:flex-start;background:none;border:none;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;margin:0 0 0 -1px;padding:2px 5px 2px 1px;text-align:left}.document-outline__button:disabled{cursor:default}.document-outline__button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.document-outline__level{background:#ddd;border-radius:3px;color:#1e1e1e;font-size:13px;margin-right:4px;padding:1px 6px}.is-invalid .document-outline__level{background:#f0b849}.document-outline__item-content{padding:1px 0}.components-editor-notices__dismissible,.components-editor-notices__pinned{color:#1e1e1e;left:0;position:relative;right:0;top:0}.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.entities-saved-states__panel{background:#fff;bottom:0;box-sizing:border-box;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{box-sizing:inherit}.entities-saved-states__panel .entities-saved-states__find-entity{display:none}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:block}@media (min-width:782px){.entities-saved-states__panel{border-left:1px solid #ddd;left:auto;top:32px;width:280px}body.is-fullscreen-mode .entities-saved-states__panel{top:0}.entities-saved-states__panel .entities-saved-states__find-entity{display:block}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:none}}.entities-saved-states__panel .entities-saved-states__panel-header{background:#fff;border-bottom:1px solid #ddd;height:61px;padding-left:8px;padding-right:8px}.entities-saved-states__panel .entities-saved-states__text-prompt{padding:16px 16px 4px}.editor-error-boundary{box-shadow:0 10px 10px rgba(0,0,0,.25);margin:60px auto auto;max-width:780px;padding:20px}.editor-page-attributes__order{width:100%}.editor-page-attributes__order .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.editor-page-attributes__order input{width:66px}.editor-post-excerpt__textarea{margin-bottom:10px;width:100%}.editor-post-featured-image{padding:0}.editor-post-featured-image__container{margin-bottom:1em;position:relative}.editor-post-featured-image .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.editor-post-featured-image .components-button+.components-button{display:block;margin-top:1em}.editor-post-featured-image .components-responsive-wrapper__content{max-width:100%;width:auto}.editor-post-featured-image__preview,.editor-post-featured-image__toggle{box-shadow:0 0 0 0 var(--wp-admin-theme-color);display:block;padding:0;transition:all .1s ease-out;width:100%}@media (prefers-reduced-motion:reduce){.editor-post-featured-image__preview,.editor-post-featured-image__toggle{transition-delay:0s;transition-duration:0s}}.editor-post-featured-image__preview{height:auto}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px var(--wp-admin-theme-color)}.editor-post-featured-image__toggle{background-color:#f0f0f0;border-radius:2px;line-height:20px;min-height:90px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background:#ddd;color:#1e1e1e}[class].editor-post-format__suggestion{margin:4px 0 0}.editor-post-last-revision__title{font-weight:600;width:100%}.editor-post-last-revision__title .dashicon{margin-right:5px}.components-button.editor-post-last-revision__title{height:100%}.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{background:#f0f0f0}.components-button.editor-post-last-revision__title:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}@media (min-width:600px){.editor-post-locked-modal{max-width:480px}}.editor-post-locked-modal .components-modal__content{display:flex}.editor-post-locked-modal__buttons{margin-top:24px}.editor-post-locked-modal__avatar{border-radius:2px;margin-right:24px;margin-top:16px}.editor-post-publish-button__button.has-changes-dot:before{background:currentcolor;border-radius:4px;content:"";height:8px;margin:auto 5px auto -3px;width:8px}.editor-post-publish-panel{background:#fff}.editor-post-publish-panel__content{min-height:calc(100% - 144px)}.editor-post-publish-panel__content .components-spinner{display:block;margin:100px auto 0}.editor-post-publish-panel__header{align-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;height:61px;padding-left:16px;padding-right:16px}.editor-post-publish-panel__header .components-button{justify-content:center;width:100%}.editor-post-publish-panel__header .has-icon{margin-left:auto;width:auto}.components-site-card{align-items:center;display:flex;margin:16px 0}.components-site-icon{border:none;border-radius:2px;height:36px;margin-right:12px;width:36px}.components-site-name{display:block;font-size:14px}.components-site-home{color:#757575;display:block;font-size:12px}.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{flex-grow:1}@media (min-width:480px){.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{max-width:160px}}.editor-post-publish-panel__header-publish-button{padding-right:4px}.editor-post-publish-panel__header-cancel-button{padding-left:4px}.editor-post-publish-panel__header-published{flex-grow:1}.editor-post-publish-panel__footer{padding:16px}.components-button.editor-post-publish-panel__toggle.is-primary{align-items:center;display:inline-flex}.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{display:none}.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{margin-right:-4px}.editor-post-publish-panel__link{font-weight:400;padding-left:4px}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#1e1e1e}.editor-post-publish-panel__prepublish .components-panel__body{background:#fff;margin-left:-16px;margin-right:-16px}.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{display:none}.post-publish-panel__postpublish .components-panel__body{border-bottom:1px solid #e0e0e0;border-top:none}.post-publish-panel__postpublish-buttons{align-content:space-between;display:flex;flex-wrap:wrap;margin:-5px}.post-publish-panel__postpublish-buttons>*{flex-grow:1;margin:5px}.post-publish-panel__postpublish-buttons .components-button{flex:1;height:auto;justify-content:center;line-height:1.6;padding:3px 10px 4px;text-align:center;white-space:normal}.post-publish-panel__postpublish-buttons .components-clipboard-button{width:100%}.post-publish-panel__postpublish-post-address-container{align-items:flex-end;display:flex;margin-bottom:16px}.post-publish-panel__postpublish-post-address-container .components-base-control__field{margin-bottom:0}.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{flex:1}.post-publish-panel__postpublish-post-address-container input[readonly]{background:#ddd;overflow:hidden;padding:10px;text-overflow:ellipsis}.post-publish-panel__postpublish-post-address__copy-button-wrap{flex-shrink:0;margin-left:8px}.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button{height:38px}.post-publish-panel__postpublish-header{font-weight:500}.post-publish-panel__postpublish-subheader{margin:0 0 8px}.post-publish-panel__tip{color:#f0b849}@media screen and (max-width:782px){.post-publish-panel__postpublish-post-address__button-wrap .components-button{height:40px}}.editor-post-saved-state{align-items:center;color:#757575;display:flex;overflow:hidden;padding:12px 4px;white-space:nowrap;width:28px}.editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{background:transparent;color:#757575}.editor-post-saved-state svg{fill:currentColor;display:inline-block;flex:0 0 auto;margin-right:8px}@media (min-width:600px){.editor-post-saved-state{padding:8px 12px;text-indent:inherit;width:auto}.editor-post-saved-state svg{margin-right:0}}.editor-post-save-draft.has-text.has-icon svg{margin-right:0}:root[dir=rtl] .editor-post-saved-state.has-text.has-icon{justify-content:right}.editor-post-taxonomies__hierarchical-terms-list{margin-left:-6px;margin-top:-6px;max-height:14em;overflow:auto;padding-left:6px;padding-top:6px}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-subchoices{margin-left:16px;margin-top:8px}.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{margin-top:12px}.editor-post-taxonomies__hierarchical-terms-label{display:inline-block;margin-top:12px}.editor-post-taxonomies__hierarchical-terms-input{margin-top:8px}.editor-post-taxonomies__hierarchical-terms-filter{margin-bottom:8px;width:100%}.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{font-weight:400;margin-bottom:12px}.editor-post-taxonomies__flat-term-most-used-list{margin:0}.editor-post-taxonomies__flat-term-most-used-list li{display:inline-block;margin-right:8px}.editor-post-taxonomies__flat-term-most-used-list .components-button{font-size:12px}.edit-post-text-editor__body textarea.editor-post-text-editor{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.edit-post-text-editor__body textarea.editor-post-text-editor{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-text-editor__body textarea.editor-post-text-editor{font-size:15px!important;padding:24px}}.edit-post-text-editor__body textarea.editor-post-text-editor:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-url__link-label{font-size:13px;font-weight:400;margin:0}.editor-post-url__link{direction:ltr;word-break:break-word}.editor-post-url__link-slug{font-weight:600}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-right:12px;margin-top:2px;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{height:20px;width:20px}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(7px,7px);width:8px}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{transform:translate(5px,5px)}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__info{color:#757575;margin-left:36px;margin-top:.5em}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__info{margin-left:32px}}.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{margin-bottom:0}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{border:1px solid #757575;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin-left:32px;padding:6px 8px;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-title{position:relative}.editor-post-title.is-focus-mode{opacity:.2;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.editor-post-title.is-focus-mode{transition-delay:0s;transition-duration:0s}}.editor-post-title.is-focus-mode:focus{opacity:1}.editor-post-trash.components-button{display:flex;justify-content:center;margin-top:4px;width:100%}.table-of-contents__popover.components-popover .components-popover__content{min-width:380px}.components-popover.table-of-contents__popover{z-index:99998}.table-of-contents__popover .components-popover__content{padding:16px}@media (min-width:600px){.table-of-contents__popover .components-popover__content{max-height:calc(100vh - 120px);overflow-y:auto}}.table-of-contents__popover hr{margin:10px -16px 0}.table-of-contents__wrapper:focus:before{bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.table-of-contents__counts{display:flex;flex-wrap:wrap;margin:-8px 0 0}.table-of-contents__count{color:#1e1e1e;display:flex;flex-basis:33%;flex-direction:column;font-size:13px;margin-bottom:0;margin-top:8px;padding-right:8px}.table-of-contents__count:nth-child(4n){padding-right:0}.table-of-contents__number,.table-of-contents__popover .word-count{color:#1e1e1e;font-size:21px;font-weight:400;line-height:30px}.table-of-contents__title{display:block;font-size:15px;font-weight:600;margin-top:20px}.editor-template-validation-notice{align-items:center;display:flex;justify-content:space-between}.editor-template-validation-notice .components-button{margin-left:5px} \ No newline at end of file +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-autocompleters__user .editor-autocompleters__no-avatar:before{content:"";font:normal 20px/1 dashicons;margin-right:5px;vertical-align:middle}.editor-autocompleters__user .editor-autocompleters__user-avatar{flex-grow:0;flex-shrink:0;height:24px;margin-right:8px;max-width:none;width:24px}.editor-autocompleters__user .editor-autocompleters__user-name{flex-grow:1;flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user .editor-autocompleters__user-slug{color:#757575;flex-grow:0;flex-shrink:0;margin-left:8px;max-width:100px;overflow:none;text-overflow:ellipsis;white-space:nowrap}.editor-autocompleters__user:hover .editor-autocompleters__user-slug{color:var(--wp-admin-theme-color)}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item a{text-decoration:none}.document-outline__item .document-outline__emdash:before{color:#ddd;margin-right:4px}.document-outline__item.is-h2 .document-outline__emdash:before{content:"—"}.document-outline__item.is-h3 .document-outline__emdash:before{content:"——"}.document-outline__item.is-h4 .document-outline__emdash:before{content:"———"}.document-outline__item.is-h5 .document-outline__emdash:before{content:"————"}.document-outline__item.is-h6 .document-outline__emdash:before{content:"—————"}.document-outline__button{align-items:flex-start;background:none;border:none;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;margin:0 0 0 -1px;padding:2px 5px 2px 1px;text-align:left}.document-outline__button:disabled{cursor:default}.document-outline__button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.document-outline__level{background:#ddd;border-radius:3px;color:#1e1e1e;font-size:13px;margin-right:4px;padding:1px 6px}.is-invalid .document-outline__level{background:#f0b849}.document-outline__item-content{padding:1px 0}.components-editor-notices__dismissible,.components-editor-notices__pinned{color:#1e1e1e;left:0;position:relative;right:0;top:0}.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{border-bottom:1px solid rgba(0,0,0,.2);box-sizing:border-box;margin:0;min-height:60px;padding:0 12px}.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.entities-saved-states__panel{background:#fff;bottom:0;box-sizing:border-box;left:0;overflow:auto;position:fixed;right:0;top:46px;z-index:100001}.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{box-sizing:inherit}.entities-saved-states__panel .entities-saved-states__find-entity{display:none}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:block}@media (min-width:782px){.entities-saved-states__panel{border-left:1px solid #ddd;left:auto;top:32px;width:280px}body.is-fullscreen-mode .entities-saved-states__panel{top:0}.entities-saved-states__panel .entities-saved-states__find-entity{display:block}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:none}}.entities-saved-states__panel .entities-saved-states__panel-header{background:#fff;border-bottom:1px solid #ddd;height:61px;padding-left:8px;padding-right:8px}.entities-saved-states__panel .entities-saved-states__text-prompt{padding:16px 16px 4px}.editor-error-boundary{box-shadow:0 .7px 1px rgba(0,0,0,.15),0 2.7px 3.8px -.2px rgba(0,0,0,.15),0 5.5px 7.8px -.3px rgba(0,0,0,.15),.1px 11.5px 16.4px -.5px rgba(0,0,0,.15);margin:60px auto auto;max-width:780px;padding:20px}.editor-page-attributes__order{width:100%}.editor-page-attributes__order .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.editor-page-attributes__order input{width:66px}.editor-post-excerpt__textarea{margin-bottom:10px;width:100%}.editor-post-featured-image{padding:0}.editor-post-featured-image__container{margin-bottom:1em;position:relative}.editor-post-featured-image .components-spinner{left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%}.editor-post-featured-image .components-button+.components-button{display:block;margin-top:1em}.editor-post-featured-image .components-responsive-wrapper__content{max-width:100%;width:auto}.editor-post-featured-image__preview,.editor-post-featured-image__toggle{box-shadow:0 0 0 0 var(--wp-admin-theme-color);display:block;padding:0;transition:all .1s ease-out;width:100%}@media (prefers-reduced-motion:reduce){.editor-post-featured-image__preview,.editor-post-featured-image__toggle{transition-delay:0s;transition-duration:0s}}.editor-post-featured-image__preview{height:auto}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px var(--wp-admin-theme-color)}.editor-post-featured-image__toggle{background-color:#f0f0f0;border-radius:2px;line-height:20px;min-height:90px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background:#ddd;color:#1e1e1e}[class].editor-post-format__suggestion{margin:4px 0 0}.editor-post-last-revision__title{font-weight:600;width:100%}.editor-post-last-revision__title .dashicon{margin-right:5px}.components-button.editor-post-last-revision__title{height:100%}.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{background:#f0f0f0}.components-button.editor-post-last-revision__title:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}@media (min-width:600px){.editor-post-locked-modal{max-width:480px}}.editor-post-locked-modal .components-modal__content{display:flex}.editor-post-locked-modal__buttons{margin-top:24px}.editor-post-locked-modal__avatar{border-radius:2px;margin-right:24px;margin-top:16px}.editor-post-publish-button__button.has-changes-dot:before{background:currentcolor;border-radius:4px;content:"";height:8px;margin:auto 5px auto -3px;width:8px}.editor-post-publish-panel{background:#fff}.editor-post-publish-panel__content{min-height:calc(100% - 144px)}.editor-post-publish-panel__content .components-spinner{display:block;margin:100px auto 0}.editor-post-publish-panel__header{align-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;height:61px;padding-left:16px;padding-right:16px}.editor-post-publish-panel__header .components-button{justify-content:center;width:100%}.editor-post-publish-panel__header .has-icon{margin-left:auto;width:auto}.components-site-card{align-items:center;display:flex;margin:16px 0}.components-site-icon{border:none;border-radius:2px;height:36px;margin-right:12px;width:36px}.components-site-name{display:block;font-size:14px}.components-site-home{color:#757575;display:block;font-size:12px}.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{flex-grow:1}@media (min-width:480px){.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{max-width:160px}}.editor-post-publish-panel__header-publish-button{padding-right:4px}.editor-post-publish-panel__header-cancel-button{padding-left:4px}.editor-post-publish-panel__header-published{flex-grow:1}.editor-post-publish-panel__footer{padding:16px}.components-button.editor-post-publish-panel__toggle.is-primary{align-items:center;display:inline-flex}.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{display:none}.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{margin-right:-4px}.editor-post-publish-panel__link{font-weight:400;padding-left:4px}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#1e1e1e}.editor-post-publish-panel__prepublish .components-panel__body{background:#fff;margin-left:-16px;margin-right:-16px}.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{display:none}.post-publish-panel__postpublish .components-panel__body{border-bottom:1px solid #e0e0e0;border-top:none}.post-publish-panel__postpublish-buttons{align-content:space-between;display:flex;flex-wrap:wrap;margin:-5px}.post-publish-panel__postpublish-buttons>*{flex-grow:1;margin:5px}.post-publish-panel__postpublish-buttons .components-button{flex:1;height:auto;justify-content:center;line-height:1.6;padding:3px 10px 4px;text-align:center;white-space:normal}.post-publish-panel__postpublish-buttons .components-clipboard-button{width:100%}.post-publish-panel__postpublish-post-address-container{align-items:flex-end;display:flex;margin-bottom:16px}.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{flex:1}.post-publish-panel__postpublish-post-address-container input[readonly]{background:#ddd;overflow:hidden;padding:10px;text-overflow:ellipsis}.post-publish-panel__postpublish-post-address__copy-button-wrap{flex-shrink:0;margin-left:8px}.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button{height:38px}.post-publish-panel__postpublish-header{font-weight:500}.post-publish-panel__postpublish-subheader{margin:0 0 8px}.post-publish-panel__tip{color:#f0b849}@media screen and (max-width:782px){.post-publish-panel__postpublish-post-address__button-wrap .components-button{height:40px}}.editor-post-saved-state{align-items:center;color:#757575;display:flex;overflow:hidden;padding:12px 4px;white-space:nowrap;width:28px}.editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{background:transparent;color:#757575}.editor-post-saved-state svg{fill:currentColor;display:inline-block;flex:0 0 auto;margin-right:8px}@media (min-width:600px){.editor-post-saved-state{padding:8px 12px;text-indent:inherit;width:auto}.editor-post-saved-state svg{margin-right:0}}.editor-post-save-draft.has-text.has-icon svg{margin-right:0}.editor-post-taxonomies__hierarchical-terms-list{margin-left:-6px;margin-top:-6px;max-height:14em;overflow:auto;padding-left:6px;padding-top:6px}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-subchoices{margin-left:16px;margin-top:8px}.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{margin-top:12px}.editor-post-taxonomies__hierarchical-terms-label{display:inline-block;margin-top:12px}.editor-post-taxonomies__hierarchical-terms-input{margin-top:8px}.editor-post-taxonomies__hierarchical-terms-filter{margin-bottom:8px;width:100%}.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{margin-bottom:4px}.editor-post-taxonomies__flat-term-most-used-list{margin:0}.editor-post-taxonomies__flat-term-most-used-list li{display:inline-block;margin-right:8px}.editor-post-taxonomies__flat-term-most-used-list .components-button{font-size:12px}.edit-post-text-editor__body textarea.editor-post-text-editor{border:1px solid #949494;border-radius:0;box-shadow:none;display:block;font-family:Menlo,Consolas,monaco,monospace;font-size:16px!important;line-height:2.4;margin:0;min-height:200px;overflow:hidden;padding:16px;resize:none;transition:border .1s ease-out,box-shadow .1s linear;width:100%}@media (prefers-reduced-motion:reduce){.edit-post-text-editor__body textarea.editor-post-text-editor{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.edit-post-text-editor__body textarea.editor-post-text-editor{font-size:15px!important;padding:24px}}.edit-post-text-editor__body textarea.editor-post-text-editor:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-url__link-label{font-size:13px;font-weight:400;margin:0}.editor-post-url__link{direction:ltr;word-break:break-word}.editor-post-url__link-slug{font-weight:600}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{border:1px solid #1e1e1e;border-radius:2px;border-radius:50%;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:24px;line-height:normal;margin-right:12px;margin-top:2px;padding:6px 8px;transition:box-shadow .1s linear;transition:none;width:24px}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{height:20px;width:20px}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:8px;margin:0;transform:translate(7px,7px);width:8px}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{transform:translate(5px,5px)}}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.editor-post-visibility__fieldset .editor-post-visibility__info{color:#757575;margin-left:36px;margin-top:.5em}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__info{margin-left:32px}}.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{margin-bottom:0}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin-left:32px;padding:6px 8px;transition:box-shadow .1s linear;width:calc(100% - 32px)}@media (prefers-reduced-motion:reduce){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{transition-delay:0s;transition-duration:0s}}@media (min-width:600px){.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{font-size:13px;line-height:normal}}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-trash.components-button{display:flex;justify-content:center;margin-top:4px;width:100%}.table-of-contents__popover.components-popover .components-popover__content{min-width:380px}.components-popover.table-of-contents__popover{z-index:99998}.table-of-contents__popover .components-popover__content{padding:16px}@media (min-width:600px){.table-of-contents__popover .components-popover__content{max-height:calc(100vh - 120px);overflow-y:auto}}.table-of-contents__popover hr{margin:10px -16px 0}.table-of-contents__wrapper:focus:before{bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.table-of-contents__counts{display:flex;flex-wrap:wrap;margin:-8px 0 0}.table-of-contents__count{color:#1e1e1e;display:flex;flex-basis:33%;flex-direction:column;font-size:13px;margin-bottom:0;margin-top:8px;padding-right:8px}.table-of-contents__count:nth-child(4n){padding-right:0}.table-of-contents__number,.table-of-contents__popover .word-count{color:#1e1e1e;font-size:21px;font-weight:400;line-height:30px}.table-of-contents__title{display:block;font-size:15px;font-weight:600;margin-top:20px}.editor-template-validation-notice{align-items:center;display:flex;justify-content:space-between}.editor-template-validation-notice .components-button{margin-left:5px} \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style-rtl.css b/wp-includes/css/dist/format-library/style-rtl.css index 07eee4504c..bec64d4410 100644 --- a/wp-includes/css/dist/format-library/style-rtl.css +++ b/wp-includes/css/dist/format-library/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/format-library/style-rtl.min.css b/wp-includes/css/dist/format-library/style-rtl.min.css index 38c3e104c6..01e57c1460 100644 --- a/wp-includes/css/dist/format-library/style-rtl.min.css +++ b/wp-includes/css/dist/format-library/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-left:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;white-space:nowrap}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{padding:16px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{color:#191e23;display:block;font-weight:600;margin-bottom:16px}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-left:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;white-space:nowrap}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{padding:16px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{color:#191e23;display:block;font-weight:600;margin-bottom:16px}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom} \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style.css b/wp-includes/css/dist/format-library/style.css index bcae68553c..c8ed8b58d5 100644 --- a/wp-includes/css/dist/format-library/style.css +++ b/wp-includes/css/dist/format-library/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/format-library/style.min.css b/wp-includes/css/dist/format-library/style.min.css index 2d30cc85ba..50fe53c5c2 100644 --- a/wp-includes/css/dist/format-library/style.min.css +++ b/wp-includes/css/dist/format-library/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-right:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;white-space:nowrap}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{padding:16px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{color:#191e23;display:block;font-weight:600;margin-bottom:16px}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-right:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;white-space:nowrap}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{padding:16px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{color:#191e23;display:block;font-weight:600;margin-bottom:16px}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom} \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style-rtl.css b/wp-includes/css/dist/list-reusable-blocks/style-rtl.css index 9179f1fd80..3d673a8f73 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style-rtl.css +++ b/wp-includes/css/dist/list-reusable-blocks/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css b/wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css index 05d9d665fb..83bf8bf1f5 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css +++ b/wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{float:left;margin-bottom:10px;margin-top:10px}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{margin:5px 0;padding-left:0}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{float:left;margin-bottom:10px;margin-top:10px}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{margin:5px 0;padding-left:0}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style.css b/wp-includes/css/dist/list-reusable-blocks/style.css index f5b5fdb4ac..79822e7b7e 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style.css +++ b/wp-includes/css/dist/list-reusable-blocks/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/list-reusable-blocks/style.min.css b/wp-includes/css/dist/list-reusable-blocks/style.min.css index 6f4e3bec08..6375c2a6c7 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style.min.css +++ b/wp-includes/css/dist/list-reusable-blocks/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{float:right;margin-bottom:10px;margin-top:10px}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{margin:5px 0;padding-right:0}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{float:right;margin-bottom:10px;margin-top:10px}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{margin:5px 0;padding-right:0}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style-rtl.css b/wp-includes/css/dist/nux/style-rtl.css index 14450f2e8e..7ce9d8e391 100644 --- a/wp-includes/css/dist/nux/style-rtl.css +++ b/wp-includes/css/dist/nux/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/nux/style-rtl.min.css b/wp-includes/css/dist/nux/style-rtl.min.css index 13f69725c7..bd875a1b04 100644 --- a/wp-includes/css/dist/nux/style-rtl.min.css +++ b/wp-includes/css/dist/nux/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);height:24px;opacity:.9;right:-12px;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;right:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{padding:20px 18px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{left:0;position:absolute;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-right:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-right:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:-12px} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);height:24px;opacity:.9;right:-12px;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;right:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{padding:20px 18px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{left:0;position:absolute;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-right:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-right:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:-12px} \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style.css b/wp-includes/css/dist/nux/style.css index b55bf15511..9a9ad25128 100644 --- a/wp-includes/css/dist/nux/style.css +++ b/wp-includes/css/dist/nux/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ diff --git a/wp-includes/css/dist/nux/style.min.css b/wp-includes/css/dist/nux/style.min.css index 632a92bcec..9163e2d52e 100644 --- a/wp-includes/css/dist/nux/style.min.css +++ b/wp-includes/css/dist/nux/style.min.css @@ -1,4 +1,4 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);height:24px;left:-12px;opacity:.9;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;left:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{padding:20px 18px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;right:0;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-left:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-left:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);height:24px;left:-12px;opacity:.9;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;left:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{padding:20px 18px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;right:0;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-left:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-left:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ /*!rtl:ignore*/margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ /*!rtl:ignore*/margin-right:0}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ /*!rtl:ignore*/margin-left:-12px}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ diff --git a/wp-includes/css/dist/reusable-blocks/style-rtl.css b/wp-includes/css/dist/reusable-blocks/style-rtl.css index c7f0c903a6..66b24dcb54 100644 --- a/wp-includes/css/dist/reusable-blocks/style-rtl.css +++ b/wp-includes/css/dist/reusable-blocks/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -15,8 +17,4 @@ .reusable-blocks-menu-items__convert-modal{ z-index:1000001; -} - -.reusable-blocks-menu-items__convert-modal-actions{ - padding-top:12px; } \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style-rtl.min.css b/wp-includes/css/dist/reusable-blocks/style-rtl.min.css index 75ca4b8897..457a8693b8 100644 --- a/wp-includes/css/dist/reusable-blocks/style-rtl.min.css +++ b/wp-includes/css/dist/reusable-blocks/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.reusable-blocks-menu-items__convert-modal{z-index:1000001}.reusable-blocks-menu-items__convert-modal-actions{padding-top:12px} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.reusable-blocks-menu-items__convert-modal{z-index:1000001} \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style.css b/wp-includes/css/dist/reusable-blocks/style.css index c7f0c903a6..66b24dcb54 100644 --- a/wp-includes/css/dist/reusable-blocks/style.css +++ b/wp-includes/css/dist/reusable-blocks/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -15,8 +17,4 @@ .reusable-blocks-menu-items__convert-modal{ z-index:1000001; -} - -.reusable-blocks-menu-items__convert-modal-actions{ - padding-top:12px; } \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style.min.css b/wp-includes/css/dist/reusable-blocks/style.min.css index 75ca4b8897..457a8693b8 100644 --- a/wp-includes/css/dist/reusable-blocks/style.min.css +++ b/wp-includes/css/dist/reusable-blocks/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.reusable-blocks-menu-items__convert-modal{z-index:1000001}.reusable-blocks-menu-items__convert-modal-actions{padding-top:12px} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.reusable-blocks-menu-items__convert-modal{z-index:1000001} \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style-rtl.css b/wp-includes/css/dist/widgets/style-rtl.css index ab1a87d2b8..2d83f9ff1c 100644 --- a/wp-includes/css/dist/widgets/style-rtl.css +++ b/wp-includes/css/dist/widgets/style-rtl.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -140,14 +142,6 @@ min-width:400px; } -.wp-block-legacy-widget .components-base-control{ - width:100%; -} -.wp-block-legacy-widget .components-select-control__input{ - font-family:system-ui; - padding:0; -} - .wp-block-widget-group.has-child-selected:after{ border:1px solid var(--wp-admin-theme-color); border-radius:2px; diff --git a/wp-includes/css/dist/widgets/style-rtl.min.css b/wp-includes/css/dist/widgets/style-rtl.min.css index 64e51dc4da..28a1571ad5 100644 --- a/wp-includes/css/dist/widgets/style-rtl.min.css +++ b/wp-includes/css/dist/widgets/style-rtl.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-block-legacy-widget__edit-form{background:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:calc(100vh - 2px);overflow-y:scroll;padding:11px}.wp-block-legacy-widget__edit-form:not([hidden]){display:flow-root}.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{border:none;box-shadow:none;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{margin:8px 0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-size:13px;line-height:2.1}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{color:#000;font-family:system-ui;font-weight:400}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{background-color:initial;border:1px solid #757575;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#000;display:block;font-family:system-ui;font-size:13px;font-weight:400;line-height:1;margin:0;min-height:30px;padding-bottom:8px;padding-right:8px;padding-top:8px;width:100%}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{padding-right:4px}.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{z-index:0}.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{color:#000}.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{cursor:pointer}.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{border:1px solid #949494;border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-legacy-widget__edit-preview.is-offscreen{position:absolute;right:-9999px;top:0;width:100%}.wp-block-legacy-widget__edit-preview-iframe{overflow:hidden;width:100%}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{background:#f0f0f0;padding:8px 12px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{font-size:14px;font-weight:600;margin:4px 0}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{margin:4px 0}.wp-block-legacy-widget-inspector-card{padding:0 52px 16px 16px}.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{font-weight:500;margin:0 0 5px}.is-selected .wp-block-legacy-widget__container{min-height:50px;padding:8px 12px}.components-popover__content .wp-block-legacy-widget__edit-form{min-width:400px}.wp-block-legacy-widget .components-base-control{width:100%}.wp-block-legacy-widget .components-select-control__input{font-family:system-ui;padding:0}.wp-block-widget-group.has-child-selected:after{border:1px solid var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-widget-group .widget-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;font-weight:600}.wp-block-widget-group__placeholder .block-editor-inserter{width:100%}.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-block-legacy-widget__edit-form{background:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:calc(100vh - 2px);overflow-y:scroll;padding:11px}.wp-block-legacy-widget__edit-form:not([hidden]){display:flow-root}.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{border:none;box-shadow:none;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{margin:8px 0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-size:13px;line-height:2.1}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{color:#000;font-family:system-ui;font-weight:400}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{background-color:initial;border:1px solid #757575;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#000;display:block;font-family:system-ui;font-size:13px;font-weight:400;line-height:1;margin:0;min-height:30px;padding-bottom:8px;padding-right:8px;padding-top:8px;width:100%}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{padding-right:4px}.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{z-index:0}.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{color:#000}.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{cursor:pointer}.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{border:1px solid #949494;border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-legacy-widget__edit-preview.is-offscreen{position:absolute;right:-9999px;top:0;width:100%}.wp-block-legacy-widget__edit-preview-iframe{overflow:hidden;width:100%}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{background:#f0f0f0;padding:8px 12px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{font-size:14px;font-weight:600;margin:4px 0}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{margin:4px 0}.wp-block-legacy-widget-inspector-card{padding:0 52px 16px 16px}.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{font-weight:500;margin:0 0 5px}.is-selected .wp-block-legacy-widget__container{min-height:50px;padding:8px 12px}.components-popover__content .wp-block-legacy-widget__edit-form{min-width:400px}.wp-block-widget-group.has-child-selected:after{border:1px solid var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-widget-group .widget-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;font-weight:600}.wp-block-widget-group__placeholder .block-editor-inserter{width:100%}.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e} \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style.css b/wp-includes/css/dist/widgets/style.css index 378d1a61e0..b3b14b0ed3 100644 --- a/wp-includes/css/dist/widgets/style.css +++ b/wp-includes/css/dist/widgets/style.css @@ -6,6 +6,8 @@ --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ :root{ @@ -140,14 +142,6 @@ min-width:400px; } -.wp-block-legacy-widget .components-base-control{ - width:100%; -} -.wp-block-legacy-widget .components-select-control__input{ - font-family:system-ui; - padding:0; -} - .wp-block-widget-group.has-child-selected:after{ border:1px solid var(--wp-admin-theme-color); border-radius:2px; diff --git a/wp-includes/css/dist/widgets/style.min.css b/wp-includes/css/dist/widgets/style.min.css index ba9d0db8a5..0e55cffffe 100644 --- a/wp-includes/css/dist/widgets/style.min.css +++ b/wp-includes/css/dist/widgets/style.min.css @@ -1 +1 @@ -:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-block-legacy-widget__edit-form{background:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:calc(100vh - 2px);overflow-y:scroll;padding:11px}.wp-block-legacy-widget__edit-form:not([hidden]){display:flow-root}.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{border:none;box-shadow:none;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{margin:8px 0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-size:13px;line-height:2.1}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{color:#000;font-family:system-ui;font-weight:400}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{background-color:initial;border:1px solid #757575;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#000;display:block;font-family:system-ui;font-size:13px;font-weight:400;line-height:1;margin:0;min-height:30px;padding-bottom:8px;padding-left:8px;padding-top:8px;width:100%}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{padding-left:4px}.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{z-index:0}.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{color:#000}.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{cursor:pointer}.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{border:1px solid #949494;border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-legacy-widget__edit-preview.is-offscreen{left:-9999px;position:absolute;top:0;width:100%}.wp-block-legacy-widget__edit-preview-iframe{overflow:hidden;width:100%}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{background:#f0f0f0;padding:8px 12px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{font-size:14px;font-weight:600;margin:4px 0}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{margin:4px 0}.wp-block-legacy-widget-inspector-card{padding:0 16px 16px 52px}.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{font-weight:500;margin:0 0 5px}.is-selected .wp-block-legacy-widget__container{min-height:50px;padding:8px 12px}.components-popover__content .wp-block-legacy-widget__edit-form{min-width:400px}.wp-block-legacy-widget .components-base-control{width:100%}.wp-block-legacy-widget .components-select-control__input{font-family:system-ui;padding:0}.wp-block-widget-group.has-child-selected:after{border:1px solid var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-widget-group .widget-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;font-weight:600}.wp-block-widget-group__placeholder .block-editor-inserter{width:100%}.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e} \ No newline at end of file +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-block-legacy-widget__edit-form{background:#fff;border:1px solid #1e1e1e;border-radius:2px;max-height:calc(100vh - 2px);overflow-y:scroll;padding:11px}.wp-block-legacy-widget__edit-form:not([hidden]){display:flow-root}.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{border:none;box-shadow:none;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{margin:8px 0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-size:13px;line-height:2.1}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{color:#000;font-family:system-ui;font-weight:400}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{background-color:initial;border:1px solid #757575;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#000;display:block;font-family:system-ui;font-size:13px;font-weight:400;line-height:1;margin:0;min-height:30px;padding-bottom:8px;padding-left:8px;padding-top:8px;width:100%}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{padding-left:4px}.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{z-index:0}.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{color:#000}.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{cursor:pointer}.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{border:1px solid #949494;border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-legacy-widget__edit-preview.is-offscreen{left:-9999px;position:absolute;top:0;width:100%}.wp-block-legacy-widget__edit-preview-iframe{overflow:hidden;width:100%}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{background:#f0f0f0;padding:8px 12px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{font-size:14px;font-weight:600;margin:4px 0}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{margin:4px 0}.wp-block-legacy-widget-inspector-card{padding:0 16px 16px 52px}.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{font-weight:500;margin:0 0 5px}.is-selected .wp-block-legacy-widget__container{min-height:50px;padding:8px 12px}.components-popover__content .wp-block-legacy-widget__edit-form{min-width:400px}.wp-block-widget-group.has-child-selected:after{border:1px solid var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-widget-group .widget-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;font-weight:600}.wp-block-widget-group__placeholder .block-editor-inserter{width:100%}.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender{box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e} \ No newline at end of file diff --git a/wp-includes/js/dist/blob.js b/wp-includes/js/dist/blob.js index b19e68b4ab..154d5d144d 100644 --- a/wp-includes/js/dist/blob.js +++ b/wp-includes/js/dist/blob.js @@ -42,17 +42,9 @@ __webpack_require__.r(__webpack_exports__); /* harmony export */ "isBlobURL": function() { return /* binding */ isBlobURL; }, /* harmony export */ "revokeBlobURL": function() { return /* binding */ revokeBlobURL; } /* harmony export */ }); -/** - * Browser dependencies - */ -const { - createObjectURL, - revokeObjectURL -} = window.URL; /** * @type {Record} */ - const cache = {}; /** * Create a blob URL from a file. @@ -63,7 +55,7 @@ const cache = {}; */ function createBlobURL(file) { - const url = createObjectURL(file); + const url = window.URL.createObjectURL(file); cache[url] = file; return url; } @@ -103,7 +95,7 @@ function getBlobTypeByURL(url) { function revokeBlobURL(url) { if (cache[url]) { - revokeObjectURL(url); + window.URL.revokeObjectURL(url); } delete cache[url]; diff --git a/wp-includes/js/dist/blob.min.js b/wp-includes/js/dist/blob.min.js index ad54f5081a..17e3392c16 100644 --- a/wp-includes/js/dist/blob.min.js +++ b/wp-includes/js/dist/blob.min.js @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -!function(){"use strict";var e={d:function(n,t){for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},o:function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{createBlobURL:function(){return u},getBlobByURL:function(){return i},getBlobTypeByURL:function(){return c},isBlobURL:function(){return l},revokeBlobURL:function(){return f}});const{createObjectURL:t,revokeObjectURL:o}=window.URL,r={};function u(e){const n=t(e);return r[n]=e,n}function i(e){return r[e]}function c(e){var n;return null===(n=i(e))||void 0===n?void 0:n.type.split("/")[0]}function f(e){r[e]&&o(e),delete r[e]}function l(e){return!(!e||!e.indexOf)&&0===e.indexOf("blob:")}(window.wp=window.wp||{}).blob=n}(); \ No newline at end of file +!function(){"use strict";var e={d:function(n,t){for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},o:function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{createBlobURL:function(){return o},getBlobByURL:function(){return r},getBlobTypeByURL:function(){return i},isBlobURL:function(){return c},revokeBlobURL:function(){return u}});const t={};function o(e){const n=window.URL.createObjectURL(e);return t[n]=e,n}function r(e){return t[e]}function i(e){var n;return null===(n=r(e))||void 0===n?void 0:n.type.split("/")[0]}function u(e){t[e]&&window.URL.revokeObjectURL(e),delete t[e]}function c(e){return!(!e||!e.indexOf)&&0===e.indexOf("blob:")}(window.wp=window.wp||{}).blob=n}(); \ No newline at end of file diff --git a/wp-includes/js/dist/block-directory.js b/wp-includes/js/dist/block-directory.js index ad34d01e24..5b664907a6 100644 --- a/wp-includes/js/dist/block-directory.js +++ b/wp-includes/js/dist/block-directory.js @@ -366,8 +366,6 @@ function getErrorNoticeForBlock(state, blockId) { return state.errorNotices[blockId]; } -;// CONCATENATED MODULE: external "lodash" -var external_lodash_namespaceObject = window["lodash"]; ;// CONCATENATED MODULE: external ["wp","i18n"] var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; ;// CONCATENATED MODULE: external ["wp","apiFetch"] @@ -473,10 +471,6 @@ function getPluginUrl(block) { } ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-directory/build-module/store/actions.js -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -485,7 +479,6 @@ function getPluginUrl(block) { - /** * Internal dependencies */ @@ -589,7 +582,10 @@ const installBlockType = block => async _ref => { } (0,external_wp_blocks_namespaceObject.unstable__bootstrapServerSideBlockDefinitions)({ - [name]: (0,external_lodash_namespaceObject.pick)(response, metadataFields) + [name]: Object.fromEntries(Object.entries(response).filter(_ref2 => { + let [key] = _ref2; + return metadataFields.includes(key); + })) }); }); await loadAssets(); @@ -637,11 +633,11 @@ const installBlockType = block => async _ref => { * @param {Object} block The blockType object. */ -const uninstallBlockType = block => async _ref2 => { +const uninstallBlockType = block => async _ref3 => { let { registry, dispatch - } = _ref2; + } = _ref3; try { const url = getPluginUrl(block); @@ -1216,10 +1212,10 @@ function AutoBlockUninstaller() { return null; } -;// CONCATENATED MODULE: external ["wp","components"] -var external_wp_components_namespaceObject = window["wp"]["components"]; ;// CONCATENATED MODULE: external ["wp","compose"] var external_wp_compose_namespaceObject = window["wp"]["compose"]; +;// CONCATENATED MODULE: external ["wp","components"] +var external_wp_components_namespaceObject = window["wp"]["components"]; ;// CONCATENATED MODULE: external ["wp","coreData"] var external_wp_coreData_namespaceObject = window["wp"]["coreData"]; ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js @@ -1227,14 +1223,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; - for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } - return target; }; return _extends.apply(this, arguments); @@ -1831,10 +1825,6 @@ function DownloadableBlocksPanel(_ref) { ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-directory/build-module/plugins/inserter-menu-downloadable-blocks-panel/index.js -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -1849,7 +1839,7 @@ function DownloadableBlocksPanel(_ref) { function InserterMenuDownloadableBlocksPanel() { const [debouncedFilterValue, setFilterValue] = (0,external_wp_element_namespaceObject.useState)(''); - const debouncedSetFilterValue = (0,external_lodash_namespaceObject.debounce)(setFilterValue, 400); + const debouncedSetFilterValue = (0,external_wp_compose_namespaceObject.debounce)(setFilterValue, 400); return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableInserterMenuExtension, null, _ref => { let { onSelect, @@ -1880,8 +1870,6 @@ function InserterMenuDownloadableBlocksPanel() { /* harmony default export */ var inserter_menu_downloadable_blocks_panel = (InserterMenuDownloadableBlocksPanel); -;// CONCATENATED MODULE: external ["wp","editPost"] -var external_wp_editPost_namespaceObject = window["wp"]["editPost"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-directory/build-module/components/compact-list/index.js @@ -1931,6 +1919,8 @@ function CompactList(_ref) { } ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-directory/build-module/plugins/installed-blocks-pre-publish-panel/index.js +var _window$wp$editPost, _window, _window$wp; + /** @@ -1939,13 +1929,17 @@ function CompactList(_ref) { - /** * Internal dependencies */ + // We shouldn't import the edit-post package directly +// because it would include the wp-edit-post in all pages loading the block-directory script. +const { + PluginPrePublishPanel +} = (_window$wp$editPost = (_window = window) === null || _window === void 0 ? void 0 : (_window$wp = _window.wp) === null || _window$wp === void 0 ? void 0 : _window$wp.editPost) !== null && _window$wp$editPost !== void 0 ? _window$wp$editPost : {}; function InstalledBlocksPrePublishPanel() { const newBlockTypes = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getNewBlockTypes(), []); @@ -1953,7 +1947,7 @@ function InstalledBlocksPrePublishPanel() { return null; } - return (0,external_wp_element_namespaceObject.createElement)(external_wp_editPost_namespaceObject.PluginPrePublishPanel, { + return (0,external_wp_element_namespaceObject.createElement)(PluginPrePublishPanel, { icon: block_default, title: (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %d: number of blocks (number). (0,external_wp_i18n_namespaceObject._n)('Added: %d block', 'Added: %d blocks', newBlockTypes.length), newBlockTypes.length), @@ -2075,7 +2069,8 @@ const ModifiedWarning = _ref2 => { } = _ref2; const { originalName, - originalUndelimitedContent + originalUndelimitedContent, + clientId } = props.attributes; const { replaceBlock @@ -2088,7 +2083,13 @@ const ModifiedWarning = _ref2 => { }; const hasContent = !!originalUndelimitedContent; - const hasHTMLBlock = (0,external_wp_blocks_namespaceObject.getBlockType)('core/html'); + const hasHTMLBlock = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + canInsertBlockType, + getBlockRootClientId + } = select(external_wp_blockEditor_namespaceObject.store); + return canInsertBlockType('core/html', getBlockRootClientId(clientId)); + }, [clientId]); let messageHTML = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: block name */ (0,external_wp_i18n_namespaceObject.__)('Your site doesn’t include support for the %s block. You can try installing the block or remove it entirely.'), originalBlock.title || originalName); @@ -2106,7 +2107,7 @@ const ModifiedWarning = _ref2 => { actions.push((0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { key: "convert", onClick: convertToHTML, - variant: "link" + variant: "tertiary" }, (0,external_wp_i18n_namespaceObject.__)('Keep as HTML'))); } diff --git a/wp-includes/js/dist/block-directory.min.js b/wp-includes/js/dist/block-directory.min.js index d53685d25c..fe1fd110aa 100644 --- a/wp-includes/js/dist/block-directory.min.js +++ b/wp-includes/js/dist/block-directory.min.js @@ -1,2 +1,2 @@ /*! This file is auto-generated */ -!function(){"use strict";var e={n:function(t){var l=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(l,{a:l}),l},d:function(t,l){for(var n in l)e.o(l,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:l[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{store:function(){return W}});var l={};e.r(l),e.d(l,{getDownloadableBlocks:function(){return k},getErrorNoticeForBlock:function(){return h},getErrorNotices:function(){return E},getInstalledBlockTypes:function(){return g},getNewBlockTypes:function(){return _},getUnusedBlockTypes:function(){return f},isInstalling:function(){return w},isRequestingDownloadableBlocks:function(){return b}});var n={};e.r(n),e.d(n,{addInstalledBlockType:function(){return R},clearErrorNotice:function(){return F},fetchDownloadableBlocks:function(){return O},installBlockType:function(){return A},receiveDownloadableBlocks:function(){return C},removeInstalledBlockType:function(){return P},setErrorNotice:function(){return x},setIsInstalling:function(){return M},uninstallBlockType:function(){return D}});var r={};e.r(r),e.d(r,{getDownloadableBlocks:function(){return q}});var o=window.wp.element,a=window.wp.plugins,i=window.wp.hooks,s=window.wp.blocks,c=window.wp.data,d=window.wp.editor;var u=(0,c.combineReducers)({downloadableBlocks:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"FETCH_DOWNLOADABLE_BLOCKS":return{...e,[t.filterValue]:{isRequesting:!0}};case"RECEIVE_DOWNLOADABLE_BLOCKS":return{...e,[t.filterValue]:{results:t.downloadableBlocks,isRequesting:!1}}}return e},blockManagement:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{installedBlockTypes:[],isInstalling:{}},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"ADD_INSTALLED_BLOCK_TYPE":return{...e,installedBlockTypes:[...e.installedBlockTypes,t.item]};case"REMOVE_INSTALLED_BLOCK_TYPE":return{...e,installedBlockTypes:e.installedBlockTypes.filter((e=>e.name!==t.item.name))};case"SET_INSTALLING_BLOCK":return{...e,isInstalling:{...e.isInstalling,[t.blockId]:t.isInstalling}}}return e},errorNotices:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_ERROR_NOTICE":return{...e,[t.blockId]:{message:t.message,isFatal:t.isFatal}};case"CLEAR_ERROR_NOTICE":const{[t.blockId]:l,...n}=e;return n}return e}}),m=window.wp.blockEditor;function p(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(!t.length)return!1;if(t.some((t=>{let{name:l}=t;return l===e.name})))return!0;for(let l=0;lt=>{const l=e(m.store).getBlocks();return g(t).filter((e=>p(e,l)))})),f=(0,c.createRegistrySelector)((e=>t=>{const l=e(m.store).getBlocks();return g(t).filter((e=>!p(e,l)))}));function w(e,t){return e.blockManagement.isInstalling[t]||!1}function E(e){return e.errorNotices}function h(e,t){return e.errorNotices[t]}var y=window.lodash,v=window.wp.i18n,B=window.wp.apiFetch,N=e.n(B),I=window.wp.notices,T=window.wp.url;const L=e=>new Promise(((t,l)=>{const n=document.createElement(e.nodeName);["id","rel","src","href","type"].forEach((t=>{e[t]&&(n[t]=e[t])})),e.innerHTML&&n.appendChild(document.createTextNode(e.innerHTML)),n.onload=()=>t(!0),n.onerror=()=>l(new Error("Error loading asset.")),document.body.appendChild(n),("link"===n.nodeName.toLowerCase()||"script"===n.nodeName.toLowerCase()&&!n.src)&&t()}));function S(e){if(!e)return!1;const t=e.links["wp:plugin"]||e.links.self;return!(!t||!t.length)&&t[0].href}function O(e){return{type:"FETCH_DOWNLOADABLE_BLOCKS",filterValue:e}}function C(e,t){return{type:"RECEIVE_DOWNLOADABLE_BLOCKS",downloadableBlocks:e,filterValue:t}}const A=e=>async t=>{let{registry:l,dispatch:n}=t;const{id:r,name:o}=e;let a=!1;n.clearErrorNotice(r);try{n.setIsInstalling(r,!0);const t=S(e);let i={};if(t)await N()({method:"PUT",url:t,data:{status:"active"}});else{i=(await N()({method:"POST",path:"wp/v2/plugins",data:{slug:r,status:"active"}}))._links}n.addInstalledBlockType({...e,links:{...e.links,...i}});const c=["api_version","title","category","parent","icon","description","keywords","attributes","provides_context","uses_context","supports","styles","example","variations"];await N()({path:(0,T.addQueryArgs)(`/wp/v2/block-types/${o}`,{_fields:c})}).catch((()=>{})).then((e=>{e&&(0,s.unstable__bootstrapServerSideBlockDefinitions)({[o]:(0,y.pick)(e,c)})})),await async function(){const e=await N()({url:document.location.href,parse:!1}),t=await e.text(),l=(new window.DOMParser).parseFromString(t,"text/html"),n=Array.from(l.querySelectorAll('link[rel="stylesheet"],script')).filter((e=>e.id&&!document.getElementById(e.id)));for(const e of n)await L(e)}();if(!l.select(s.store).getBlockTypes().some((e=>e.name===o)))throw new Error((0,v.__)("Error registering block. Try reloading the page."));l.dispatch(I.store).createInfoNotice((0,v.sprintf)((0,v.__)("Block %s installed and added."),e.title),{speak:!0,type:"snackbar"}),a=!0}catch(e){let t=e.message||(0,v.__)("An error occurred."),o=e instanceof Error;const a={folder_exists:(0,v.__)("This block is already installed. Try reloading the page."),unable_to_connect_to_filesystem:(0,v.__)("Error installing block. You can reload the page and try again.")};a[e.code]&&(o=!0,t=a[e.code]),n.setErrorNotice(r,t,o),l.dispatch(I.store).createErrorNotice(t,{speak:!0,isDismissible:!0})}return n.setIsInstalling(r,!1),a},D=e=>async t=>{let{registry:l,dispatch:n}=t;try{const t=S(e);await N()({method:"PUT",url:t,data:{status:"inactive"}}),await N()({method:"DELETE",url:t}),n.removeInstalledBlockType(e)}catch(e){l.dispatch(I.store).createErrorNotice(e.message||(0,v.__)("An error occurred."))}};function R(e){return{type:"ADD_INSTALLED_BLOCK_TYPE",item:e}}function P(e){return{type:"REMOVE_INSTALLED_BLOCK_TYPE",item:e}}function M(e,t){return{type:"SET_INSTALLING_BLOCK",blockId:e,isInstalling:t}}function x(e,t){let l=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return{type:"SET_ERROR_NOTICE",blockId:e,message:t,isFatal:l}}function F(e){return{type:"CLEAR_ERROR_NOTICE",blockId:e}}var V=function(){return V=Object.assign||function(e){for(var t,l=1,n=arguments.length;l0&&l>="0"&&l<="9"?"_"+l+n:""+l.toUpperCase()+n}function U(e,t){return void 0===t&&(t={}),function(e,t){void 0===t&&(t={});for(var l=t.splitRegexp,n=void 0===l?j:l,r=t.stripRegexp,o=void 0===r?$:r,a=t.transform,i=void 0===a?H:a,s=t.delimiter,c=void 0===s?" ":s,d=z(z(e,n,"$1\0$2"),o,"\0"),u=0,m=d.length;"\0"===d.charAt(u);)u++;for(;"\0"===d.charAt(m-1);)m--;return d.slice(u,m).split("\0").map(i).join(c)}(e,V({delimiter:"",transform:K},t))}function Y(e,t){return 0===t?e.toLowerCase():K(e,t)}const q=e=>async t=>{let{dispatch:l}=t;if(e)try{l(O(e));const t=await N()({path:`wp/v2/block-directory/search?term=${e}`});l(C(t.map((e=>Object.fromEntries(Object.entries(e).map((e=>{let[t,l]=e;return[(n=t,void 0===r&&(r={}),U(n,V({transform:Y},r))),l];var n,r}))))),e))}catch{}},G={reducer:u,selectors:l,actions:n,resolvers:r},W=(0,c.createReduxStore)("core/block-directory",G);function Z(){const{uninstallBlockType:e}=(0,c.useDispatch)(W),t=(0,c.useSelect)((e=>{const{isAutosavingPost:t,isSavingPost:l}=e(d.store);return l()&&!t()}),[]),l=(0,c.useSelect)((e=>e(W).getUnusedBlockTypes()),[]);return(0,o.useEffect)((()=>{t&&l.length&&l.forEach((t=>{e(t),(0,s.unregisterBlockType)(t.name)}))}),[t]),null}(0,c.register)(W);var Q=window.wp.components,J=window.wp.compose,X=window.wp.coreData;function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t(0,o.createElement)(le,{key:`full_stars_${t}`,className:"block-directory-block-ratings__star-full",icon:re,size:16}))),Array.from({length:r}).map(((e,t)=>(0,o.createElement)(le,{key:`half_stars_${t}`,className:"block-directory-block-ratings__star-half-full",icon:oe,size:16}))),Array.from({length:a}).map(((e,t)=>(0,o.createElement)(le,{key:`empty_stars_${t}`,className:"block-directory-block-ratings__star-empty",icon:ae,size:16}))))};var se=e=>{let{rating:t}=e;return(0,o.createElement)("span",{className:"block-directory-block-ratings"},(0,o.createElement)(ie,{rating:t}))};var ce=function(e){let{icon:t}=e;const l="block-directory-downloadable-block-icon";return null!==t.match(/\.(jpeg|jpg|gif|png|svg)(?:\?.*)?$/)?(0,o.createElement)("img",{className:l,src:t,alt:""}):(0,o.createElement)(m.BlockIcon,{className:l,icon:t,showColors:!0})};var de=e=>{let{block:t}=e;const l=(0,c.useSelect)((e=>e(W).getErrorNoticeForBlock(t.id)),[t]);return l?(0,o.createElement)("div",{className:"block-directory-downloadable-block-notice"},(0,o.createElement)("div",{className:"block-directory-downloadable-block-notice__content"},l.message,l.isFatal?" "+(0,v.__)("Try reloading the page."):null)):null};function ue(e,t){let{title:l,rating:n,ratingCount:r}=e,{hasNotice:o,isInstalled:a,isInstalling:i}=t;const s=.5*Math.round(n/.5);return!a&&o?(0,v.sprintf)("Retry installing %s.",(0,te.decodeEntities)(l)):a?(0,v.sprintf)("Add %s.",(0,te.decodeEntities)(l)):i?(0,v.sprintf)("Installing %s.",(0,te.decodeEntities)(l)):r<1?(0,v.sprintf)("Install %s.",(0,te.decodeEntities)(l)):(0,v.sprintf)((0,v._n)("Install %1$s. %2$s stars with %3$s review.","Install %1$s. %2$s stars with %3$s reviews.",r),(0,te.decodeEntities)(l),s,r)}var me=function(e){let{composite:t,item:l,onClick:n}=e;const{author:r,description:a,icon:i,rating:d,title:u}=l,m=!!(0,s.getBlockType)(l.name),{hasNotice:p,isInstalling:b,isInstallable:k}=(0,c.useSelect)((e=>{const{getErrorNoticeForBlock:t,isInstalling:n}=e(W),r=t(l.id),o=r&&r.isFatal;return{hasNotice:!!r,isInstalling:n(l.id),isInstallable:!o}}),[l]);let g="";return m?g=(0,v.__)("Installed!"):b&&(g=(0,v.__)("Installing…")),(0,o.createElement)(Q.__unstableCompositeItem,ee({__experimentalIsFocusable:!0,role:"option",as:Q.Button},t,{className:"block-directory-downloadable-block-list-item",onClick:e=>{e.preventDefault(),n()},isBusy:b,disabled:b||!k,label:ue(l,{hasNotice:p,isInstalled:m,isInstalling:b}),showTooltip:!0,tooltipPosition:"top center"}),(0,o.createElement)("div",{className:"block-directory-downloadable-block-list-item__icon"},(0,o.createElement)(ce,{icon:i,title:u}),b?(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__spinner"},(0,o.createElement)(Q.Spinner,null)):(0,o.createElement)(se,{rating:d})),(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__details"},(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__title"},(0,o.createInterpolateElement)((0,v.sprintf)((0,v.__)("%1$s by %2$s"),(0,te.decodeEntities)(u),r),{span:(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__author"})})),p?(0,o.createElement)(de,{block:l}):(0,o.createElement)(o.Fragment,null,(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__desc"},g||(0,te.decodeEntities)(a)),k&&!(m||b)&&(0,o.createElement)(Q.VisuallyHidden,null,(0,v.__)("Install block")))))};const pe=()=>{};var be=function(e){let{items:t,onHover:l=pe,onSelect:n}=e;const r=(0,Q.__unstableUseCompositeState)(),{installBlockType:a}=(0,c.useDispatch)(W);return t.length?(0,o.createElement)(Q.__unstableComposite,ee({},r,{role:"listbox",className:"block-directory-downloadable-blocks-list","aria-label":(0,v.__)("Blocks available for install")}),t.map((e=>(0,o.createElement)(me,{key:e.id,composite:r,onClick:()=>{(0,s.getBlockType)(e.name)?n(e):a(e).then((t=>{t&&n(e)})),l(null)},onHover:l,item:e})))):null},ke=window.wp.a11y;var ge=function(e){let{children:t,downloadableItems:l,hasLocalBlocks:n}=e;const r=l.length;return(0,o.useEffect)((()=>{(0,ke.speak)((0,v.sprintf)((0,v._n)("%d additional block is available to install.","%d additional blocks are available to install.",r),r))}),[r]),(0,o.createElement)(o.Fragment,null,!n&&(0,o.createElement)("p",{className:"block-directory-downloadable-blocks-panel__no-local"},(0,v.__)("No results available from your installed blocks.")),(0,o.createElement)("div",{className:"block-editor-inserter__quick-inserter-separator"}),(0,o.createElement)("div",{className:"block-directory-downloadable-blocks-panel"},(0,o.createElement)("div",{className:"block-directory-downloadable-blocks-panel__header"},(0,o.createElement)("h2",{className:"block-directory-downloadable-blocks-panel__title"},(0,v.__)("Available to install")),(0,o.createElement)("p",{className:"block-directory-downloadable-blocks-panel__description"},(0,v.__)("Select a block to install and add it to your post."))),t))};var _e=(0,o.createElement)(ne.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,o.createElement)(ne.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"}));var fe=function(){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)("div",{className:"block-editor-inserter__no-results"},(0,o.createElement)(le,{className:"block-editor-inserter__no-results-icon",icon:_e}),(0,o.createElement)("p",null,(0,v.__)("No results found."))),(0,o.createElement)("div",{className:"block-editor-inserter__tips"},(0,o.createElement)(Q.Tip,null,(0,v.__)("Interested in creating your own block?"),(0,o.createElement)("br",null),(0,o.createElement)(Q.ExternalLink,{href:"https://developer.wordpress.org/block-editor/"},(0,v.__)("Get started here"),"."))))};var we=(0,J.compose)([(0,c.withSelect)(((e,t)=>{let{filterValue:l,rootClientId:n=null}=t;const{getDownloadableBlocks:r,isRequestingDownloadableBlocks:o}=e(W),{canInsertBlockType:a}=e(m.store),i=e(X.store).canUser("read","block-directory/search");return{downloadableItems:i?r(l).filter((e=>a(e,n,!0))):[],hasPermission:i,isLoading:o(l)}}))])((function(e){let{downloadableItems:t,onSelect:l,onHover:n,hasLocalBlocks:r,hasPermission:a,isLoading:i,isTyping:s}=e;return void 0===a||i||s?(0,o.createElement)(o.Fragment,null,a&&!r&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)("p",{className:"block-directory-downloadable-blocks-panel__no-local"},(0,v.__)("No results available from your installed blocks.")),(0,o.createElement)("div",{className:"block-editor-inserter__quick-inserter-separator"})),(0,o.createElement)("div",{className:"block-directory-downloadable-blocks-panel has-blocks-loading"},(0,o.createElement)(Q.Spinner,null))):!1===a?r?null:(0,o.createElement)(fe,null):t.length?(0,o.createElement)(ge,{downloadableItems:t,hasLocalBlocks:r},(0,o.createElement)(be,{items:t,onSelect:l,onHover:n})):!r&&(0,o.createElement)(fe,null)}));var Ee=function(){const[e,t]=(0,o.useState)(""),l=(0,y.debounce)(t,400);return(0,o.createElement)(m.__unstableInserterMenuExtension,null,(t=>{let{onSelect:n,onHover:r,filterValue:a,hasItems:i,rootClientId:s}=t;return e!==a&&l(a),e?(0,o.createElement)(we,{onSelect:n,onHover:r,rootClientId:s,filterValue:e,hasLocalBlocks:i,isTyping:a!==e}):null}))},he=window.wp.editPost;function ye(e){let{items:t}=e;return t.length?(0,o.createElement)("ul",{className:"block-directory-compact-list"},t.map((e=>{let{icon:t,id:l,title:n,author:r}=e;return(0,o.createElement)("li",{key:l,className:"block-directory-compact-list__item"},(0,o.createElement)(ce,{icon:t,title:n}),(0,o.createElement)("div",{className:"block-directory-compact-list__item-details"},(0,o.createElement)("div",{className:"block-directory-compact-list__item-title"},n),(0,o.createElement)("div",{className:"block-directory-compact-list__item-author"},(0,v.sprintf)((0,v.__)("By %s"),r))))}))):null}function ve(){const e=(0,c.useSelect)((e=>e(W).getNewBlockTypes()),[]);return e.length?(0,o.createElement)(he.PluginPrePublishPanel,{icon:_e,title:(0,v.sprintf)((0,v._n)("Added: %d block","Added: %d blocks",e.length),e.length),initialOpen:!0},(0,o.createElement)("p",{className:"installed-blocks-pre-publish-panel__copy"},(0,v._n)("The following block has been added to your site.","The following blocks have been added to your site.",e.length)),(0,o.createElement)(ye,{items:e})):null}function Be(e){let{attributes:t,block:l,clientId:n}=e;const r=(0,c.useSelect)((e=>e(W).isInstalling(l.id)),[l.id]),{installBlockType:a}=(0,c.useDispatch)(W),{replaceBlock:i}=(0,c.useDispatch)(m.store);return(0,o.createElement)(Q.Button,{onClick:()=>a(l).then((e=>{if(e){const e=(0,s.getBlockType)(l.name),[r]=(0,s.parse)(t.originalContent);r&&e&&i(n,(0,s.createBlock)(e.name,r.attributes,r.innerBlocks))}})),disabled:r,isBusy:r,variant:"primary"},(0,v.sprintf)((0,v.__)("Install %s"),l.title))}const Ne=e=>{let{originalBlock:t,...l}=e;const{originalName:n,originalUndelimitedContent:r}=l.attributes,{replaceBlock:a}=(0,c.useDispatch)(m.store),i=()=>{a(l.clientId,(0,s.createBlock)("core/html",{content:r}))},d=!!r,u=(0,s.getBlockType)("core/html");let p=(0,v.sprintf)((0,v.__)("Your site doesn’t include support for the %s block. You can try installing the block or remove it entirely."),t.title||n);const b=[(0,o.createElement)(Be,{key:"install",block:t,attributes:l.attributes,clientId:l.clientId})];return d&&u&&(p=(0,v.sprintf)((0,v.__)("Your site doesn’t include support for the %s block. You can try installing the block, convert it to a Custom HTML block, or remove it entirely."),t.title||n),b.push((0,o.createElement)(Q.Button,{key:"convert",onClick:i,variant:"link"},(0,v.__)("Keep as HTML")))),(0,o.createElement)("div",(0,m.useBlockProps)(),(0,o.createElement)(m.Warning,{actions:b},p),(0,o.createElement)(o.RawHTML,null,r))};var Ie=e=>t=>{const{originalName:l}=t.attributes,{block:n,hasPermission:r}=(0,c.useSelect)((e=>{const{getDownloadableBlocks:t}=e(W),n=t("block:"+l).filter((e=>{let{name:t}=e;return l===t}));return{hasPermission:e(X.store).canUser("read","block-directory/search"),block:n.length&&n[0]}}),[l]);return r&&n?(0,o.createElement)(Ne,ee({},t,{originalBlock:n})):(0,o.createElement)(e,t)};(0,a.registerPlugin)("block-directory",{render(){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(Z,null),(0,o.createElement)(Ee,null),(0,o.createElement)(ve,null))}}),(0,i.addFilter)("blocks.registerBlockType","block-directory/fallback",((e,t)=>("core/missing"!==t||(e.edit=Ie(e.edit)),e))),(window.wp=window.wp||{}).blockDirectory=t}(); \ No newline at end of file +!function(){"use strict";var e={n:function(t){var l=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(l,{a:l}),l},d:function(t,l){for(var n in l)e.o(l,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:l[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{store:function(){return G}});var l={};e.r(l),e.d(l,{getDownloadableBlocks:function(){return k},getErrorNoticeForBlock:function(){return h},getErrorNotices:function(){return E},getInstalledBlockTypes:function(){return g},getNewBlockTypes:function(){return f},getUnusedBlockTypes:function(){return _},isInstalling:function(){return w},isRequestingDownloadableBlocks:function(){return b}});var n={};e.r(n),e.d(n,{addInstalledBlockType:function(){return D},clearErrorNotice:function(){return x},fetchDownloadableBlocks:function(){return S},installBlockType:function(){return C},receiveDownloadableBlocks:function(){return O},removeInstalledBlockType:function(){return R},setErrorNotice:function(){return M},setIsInstalling:function(){return P},uninstallBlockType:function(){return A}});var r={};e.r(r),e.d(r,{getDownloadableBlocks:function(){return Y}});var o=window.wp.element,a=window.wp.plugins,i=window.wp.hooks,c=window.wp.blocks,s=window.wp.data,d=window.wp.editor;var u=(0,s.combineReducers)({downloadableBlocks:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"FETCH_DOWNLOADABLE_BLOCKS":return{...e,[t.filterValue]:{isRequesting:!0}};case"RECEIVE_DOWNLOADABLE_BLOCKS":return{...e,[t.filterValue]:{results:t.downloadableBlocks,isRequesting:!1}}}return e},blockManagement:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{installedBlockTypes:[],isInstalling:{}},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"ADD_INSTALLED_BLOCK_TYPE":return{...e,installedBlockTypes:[...e.installedBlockTypes,t.item]};case"REMOVE_INSTALLED_BLOCK_TYPE":return{...e,installedBlockTypes:e.installedBlockTypes.filter((e=>e.name!==t.item.name))};case"SET_INSTALLING_BLOCK":return{...e,isInstalling:{...e.isInstalling,[t.blockId]:t.isInstalling}}}return e},errorNotices:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_ERROR_NOTICE":return{...e,[t.blockId]:{message:t.message,isFatal:t.isFatal}};case"CLEAR_ERROR_NOTICE":const{[t.blockId]:l,...n}=e;return n}return e}}),m=window.wp.blockEditor;function p(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];if(!t.length)return!1;if(t.some((t=>{let{name:l}=t;return l===e.name})))return!0;for(let l=0;lt=>{const l=e(m.store).getBlocks();return g(t).filter((e=>p(e,l)))})),_=(0,s.createRegistrySelector)((e=>t=>{const l=e(m.store).getBlocks();return g(t).filter((e=>!p(e,l)))}));function w(e,t){return e.blockManagement.isInstalling[t]||!1}function E(e){return e.errorNotices}function h(e,t){return e.errorNotices[t]}var y=window.wp.i18n,v=window.wp.apiFetch,B=e.n(v),I=window.wp.notices,N=window.wp.url;const T=e=>new Promise(((t,l)=>{const n=document.createElement(e.nodeName);["id","rel","src","href","type"].forEach((t=>{e[t]&&(n[t]=e[t])})),e.innerHTML&&n.appendChild(document.createTextNode(e.innerHTML)),n.onload=()=>t(!0),n.onerror=()=>l(new Error("Error loading asset.")),document.body.appendChild(n),("link"===n.nodeName.toLowerCase()||"script"===n.nodeName.toLowerCase()&&!n.src)&&t()}));function L(e){if(!e)return!1;const t=e.links["wp:plugin"]||e.links.self;return!(!t||!t.length)&&t[0].href}function S(e){return{type:"FETCH_DOWNLOADABLE_BLOCKS",filterValue:e}}function O(e,t){return{type:"RECEIVE_DOWNLOADABLE_BLOCKS",downloadableBlocks:e,filterValue:t}}const C=e=>async t=>{let{registry:l,dispatch:n}=t;const{id:r,name:o}=e;let a=!1;n.clearErrorNotice(r);try{n.setIsInstalling(r,!0);const t=L(e);let i={};if(t)await B()({method:"PUT",url:t,data:{status:"active"}});else{i=(await B()({method:"POST",path:"wp/v2/plugins",data:{slug:r,status:"active"}}))._links}n.addInstalledBlockType({...e,links:{...e.links,...i}});const s=["api_version","title","category","parent","icon","description","keywords","attributes","provides_context","uses_context","supports","styles","example","variations"];await B()({path:(0,N.addQueryArgs)(`/wp/v2/block-types/${o}`,{_fields:s})}).catch((()=>{})).then((e=>{e&&(0,c.unstable__bootstrapServerSideBlockDefinitions)({[o]:Object.fromEntries(Object.entries(e).filter((e=>{let[t]=e;return s.includes(t)})))})})),await async function(){const e=await B()({url:document.location.href,parse:!1}),t=await e.text(),l=(new window.DOMParser).parseFromString(t,"text/html"),n=Array.from(l.querySelectorAll('link[rel="stylesheet"],script')).filter((e=>e.id&&!document.getElementById(e.id)));for(const e of n)await T(e)}();if(!l.select(c.store).getBlockTypes().some((e=>e.name===o)))throw new Error((0,y.__)("Error registering block. Try reloading the page."));l.dispatch(I.store).createInfoNotice((0,y.sprintf)((0,y.__)("Block %s installed and added."),e.title),{speak:!0,type:"snackbar"}),a=!0}catch(e){let t=e.message||(0,y.__)("An error occurred."),o=e instanceof Error;const a={folder_exists:(0,y.__)("This block is already installed. Try reloading the page."),unable_to_connect_to_filesystem:(0,y.__)("Error installing block. You can reload the page and try again.")};a[e.code]&&(o=!0,t=a[e.code]),n.setErrorNotice(r,t,o),l.dispatch(I.store).createErrorNotice(t,{speak:!0,isDismissible:!0})}return n.setIsInstalling(r,!1),a},A=e=>async t=>{let{registry:l,dispatch:n}=t;try{const t=L(e);await B()({method:"PUT",url:t,data:{status:"inactive"}}),await B()({method:"DELETE",url:t}),n.removeInstalledBlockType(e)}catch(e){l.dispatch(I.store).createErrorNotice(e.message||(0,y.__)("An error occurred."))}};function D(e){return{type:"ADD_INSTALLED_BLOCK_TYPE",item:e}}function R(e){return{type:"REMOVE_INSTALLED_BLOCK_TYPE",item:e}}function P(e,t){return{type:"SET_INSTALLING_BLOCK",blockId:e,isInstalling:t}}function M(e,t){let l=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return{type:"SET_ERROR_NOTICE",blockId:e,message:t,isFatal:l}}function x(e){return{type:"CLEAR_ERROR_NOTICE",blockId:e}}var F=function(){return F=Object.assign||function(e){for(var t,l=1,n=arguments.length;l0&&l>="0"&&l<="9"?"_"+l+n:""+l.toUpperCase()+n}function K(e,t){return void 0===t&&(t={}),function(e,t){void 0===t&&(t={});for(var l=t.splitRegexp,n=void 0===l?V:l,r=t.stripRegexp,o=void 0===r?H:r,a=t.transform,i=void 0===a?j:a,c=t.delimiter,s=void 0===c?" ":c,d=$($(e,n,"$1\0$2"),o,"\0"),u=0,m=d.length;"\0"===d.charAt(u);)u++;for(;"\0"===d.charAt(m-1);)m--;return d.slice(u,m).split("\0").map(i).join(s)}(e,F({delimiter:"",transform:z},t))}function U(e,t){return 0===t?e.toLowerCase():z(e,t)}const Y=e=>async t=>{let{dispatch:l}=t;if(e)try{l(S(e));const t=await B()({path:`wp/v2/block-directory/search?term=${e}`});l(O(t.map((e=>Object.fromEntries(Object.entries(e).map((e=>{let[t,l]=e;return[(n=t,void 0===r&&(r={}),K(n,F({transform:U},r))),l];var n,r}))))),e))}catch{}},q={reducer:u,selectors:l,actions:n,resolvers:r},G=(0,s.createReduxStore)("core/block-directory",q);function W(){const{uninstallBlockType:e}=(0,s.useDispatch)(G),t=(0,s.useSelect)((e=>{const{isAutosavingPost:t,isSavingPost:l}=e(d.store);return l()&&!t()}),[]),l=(0,s.useSelect)((e=>e(G).getUnusedBlockTypes()),[]);return(0,o.useEffect)((()=>{t&&l.length&&l.forEach((t=>{e(t),(0,c.unregisterBlockType)(t.name)}))}),[t]),null}(0,s.register)(G);var Z=window.wp.compose,Q=window.wp.components,J=window.wp.coreData;function X(){return X=Object.assign?Object.assign.bind():function(e){for(var t=1;t(0,o.createElement)(te,{key:`full_stars_${t}`,className:"block-directory-block-ratings__star-full",icon:ne,size:16}))),Array.from({length:r}).map(((e,t)=>(0,o.createElement)(te,{key:`half_stars_${t}`,className:"block-directory-block-ratings__star-half-full",icon:re,size:16}))),Array.from({length:a}).map(((e,t)=>(0,o.createElement)(te,{key:`empty_stars_${t}`,className:"block-directory-block-ratings__star-empty",icon:oe,size:16}))))};var ie=e=>{let{rating:t}=e;return(0,o.createElement)("span",{className:"block-directory-block-ratings"},(0,o.createElement)(ae,{rating:t}))};var ce=function(e){let{icon:t}=e;const l="block-directory-downloadable-block-icon";return null!==t.match(/\.(jpeg|jpg|gif|png|svg)(?:\?.*)?$/)?(0,o.createElement)("img",{className:l,src:t,alt:""}):(0,o.createElement)(m.BlockIcon,{className:l,icon:t,showColors:!0})};var se=e=>{let{block:t}=e;const l=(0,s.useSelect)((e=>e(G).getErrorNoticeForBlock(t.id)),[t]);return l?(0,o.createElement)("div",{className:"block-directory-downloadable-block-notice"},(0,o.createElement)("div",{className:"block-directory-downloadable-block-notice__content"},l.message,l.isFatal?" "+(0,y.__)("Try reloading the page."):null)):null};function de(e,t){let{title:l,rating:n,ratingCount:r}=e,{hasNotice:o,isInstalled:a,isInstalling:i}=t;const c=.5*Math.round(n/.5);return!a&&o?(0,y.sprintf)("Retry installing %s.",(0,ee.decodeEntities)(l)):a?(0,y.sprintf)("Add %s.",(0,ee.decodeEntities)(l)):i?(0,y.sprintf)("Installing %s.",(0,ee.decodeEntities)(l)):r<1?(0,y.sprintf)("Install %s.",(0,ee.decodeEntities)(l)):(0,y.sprintf)((0,y._n)("Install %1$s. %2$s stars with %3$s review.","Install %1$s. %2$s stars with %3$s reviews.",r),(0,ee.decodeEntities)(l),c,r)}var ue=function(e){let{composite:t,item:l,onClick:n}=e;const{author:r,description:a,icon:i,rating:d,title:u}=l,m=!!(0,c.getBlockType)(l.name),{hasNotice:p,isInstalling:b,isInstallable:k}=(0,s.useSelect)((e=>{const{getErrorNoticeForBlock:t,isInstalling:n}=e(G),r=t(l.id),o=r&&r.isFatal;return{hasNotice:!!r,isInstalling:n(l.id),isInstallable:!o}}),[l]);let g="";return m?g=(0,y.__)("Installed!"):b&&(g=(0,y.__)("Installing…")),(0,o.createElement)(Q.__unstableCompositeItem,X({__experimentalIsFocusable:!0,role:"option",as:Q.Button},t,{className:"block-directory-downloadable-block-list-item",onClick:e=>{e.preventDefault(),n()},isBusy:b,disabled:b||!k,label:de(l,{hasNotice:p,isInstalled:m,isInstalling:b}),showTooltip:!0,tooltipPosition:"top center"}),(0,o.createElement)("div",{className:"block-directory-downloadable-block-list-item__icon"},(0,o.createElement)(ce,{icon:i,title:u}),b?(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__spinner"},(0,o.createElement)(Q.Spinner,null)):(0,o.createElement)(ie,{rating:d})),(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__details"},(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__title"},(0,o.createInterpolateElement)((0,y.sprintf)((0,y.__)("%1$s by %2$s"),(0,ee.decodeEntities)(u),r),{span:(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__author"})})),p?(0,o.createElement)(se,{block:l}):(0,o.createElement)(o.Fragment,null,(0,o.createElement)("span",{className:"block-directory-downloadable-block-list-item__desc"},g||(0,ee.decodeEntities)(a)),k&&!(m||b)&&(0,o.createElement)(Q.VisuallyHidden,null,(0,y.__)("Install block")))))};const me=()=>{};var pe=function(e){let{items:t,onHover:l=me,onSelect:n}=e;const r=(0,Q.__unstableUseCompositeState)(),{installBlockType:a}=(0,s.useDispatch)(G);return t.length?(0,o.createElement)(Q.__unstableComposite,X({},r,{role:"listbox",className:"block-directory-downloadable-blocks-list","aria-label":(0,y.__)("Blocks available for install")}),t.map((e=>(0,o.createElement)(ue,{key:e.id,composite:r,onClick:()=>{(0,c.getBlockType)(e.name)?n(e):a(e).then((t=>{t&&n(e)})),l(null)},onHover:l,item:e})))):null},be=window.wp.a11y;var ke=function(e){let{children:t,downloadableItems:l,hasLocalBlocks:n}=e;const r=l.length;return(0,o.useEffect)((()=>{(0,be.speak)((0,y.sprintf)((0,y._n)("%d additional block is available to install.","%d additional blocks are available to install.",r),r))}),[r]),(0,o.createElement)(o.Fragment,null,!n&&(0,o.createElement)("p",{className:"block-directory-downloadable-blocks-panel__no-local"},(0,y.__)("No results available from your installed blocks.")),(0,o.createElement)("div",{className:"block-editor-inserter__quick-inserter-separator"}),(0,o.createElement)("div",{className:"block-directory-downloadable-blocks-panel"},(0,o.createElement)("div",{className:"block-directory-downloadable-blocks-panel__header"},(0,o.createElement)("h2",{className:"block-directory-downloadable-blocks-panel__title"},(0,y.__)("Available to install")),(0,o.createElement)("p",{className:"block-directory-downloadable-blocks-panel__description"},(0,y.__)("Select a block to install and add it to your post."))),t))};var ge=(0,o.createElement)(le.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,o.createElement)(le.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"}));var fe=function(){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)("div",{className:"block-editor-inserter__no-results"},(0,o.createElement)(te,{className:"block-editor-inserter__no-results-icon",icon:ge}),(0,o.createElement)("p",null,(0,y.__)("No results found."))),(0,o.createElement)("div",{className:"block-editor-inserter__tips"},(0,o.createElement)(Q.Tip,null,(0,y.__)("Interested in creating your own block?"),(0,o.createElement)("br",null),(0,o.createElement)(Q.ExternalLink,{href:"https://developer.wordpress.org/block-editor/"},(0,y.__)("Get started here"),"."))))};var _e=(0,Z.compose)([(0,s.withSelect)(((e,t)=>{let{filterValue:l,rootClientId:n=null}=t;const{getDownloadableBlocks:r,isRequestingDownloadableBlocks:o}=e(G),{canInsertBlockType:a}=e(m.store),i=e(J.store).canUser("read","block-directory/search");return{downloadableItems:i?r(l).filter((e=>a(e,n,!0))):[],hasPermission:i,isLoading:o(l)}}))])((function(e){let{downloadableItems:t,onSelect:l,onHover:n,hasLocalBlocks:r,hasPermission:a,isLoading:i,isTyping:c}=e;return void 0===a||i||c?(0,o.createElement)(o.Fragment,null,a&&!r&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)("p",{className:"block-directory-downloadable-blocks-panel__no-local"},(0,y.__)("No results available from your installed blocks.")),(0,o.createElement)("div",{className:"block-editor-inserter__quick-inserter-separator"})),(0,o.createElement)("div",{className:"block-directory-downloadable-blocks-panel has-blocks-loading"},(0,o.createElement)(Q.Spinner,null))):!1===a?r?null:(0,o.createElement)(fe,null):t.length?(0,o.createElement)(ke,{downloadableItems:t,hasLocalBlocks:r},(0,o.createElement)(pe,{items:t,onSelect:l,onHover:n})):!r&&(0,o.createElement)(fe,null)}));var we,Ee,he,ye=function(){const[e,t]=(0,o.useState)(""),l=(0,Z.debounce)(t,400);return(0,o.createElement)(m.__unstableInserterMenuExtension,null,(t=>{let{onSelect:n,onHover:r,filterValue:a,hasItems:i,rootClientId:c}=t;return e!==a&&l(a),e?(0,o.createElement)(_e,{onSelect:n,onHover:r,rootClientId:c,filterValue:e,hasLocalBlocks:i,isTyping:a!==e}):null}))};function ve(e){let{items:t}=e;return t.length?(0,o.createElement)("ul",{className:"block-directory-compact-list"},t.map((e=>{let{icon:t,id:l,title:n,author:r}=e;return(0,o.createElement)("li",{key:l,className:"block-directory-compact-list__item"},(0,o.createElement)(ce,{icon:t,title:n}),(0,o.createElement)("div",{className:"block-directory-compact-list__item-details"},(0,o.createElement)("div",{className:"block-directory-compact-list__item-title"},n),(0,o.createElement)("div",{className:"block-directory-compact-list__item-author"},(0,y.sprintf)((0,y.__)("By %s"),r))))}))):null}const{PluginPrePublishPanel:Be}=null!==(we=null===(Ee=window)||void 0===Ee||null===(he=Ee.wp)||void 0===he?void 0:he.editPost)&&void 0!==we?we:{};function Ie(){const e=(0,s.useSelect)((e=>e(G).getNewBlockTypes()),[]);return e.length?(0,o.createElement)(Be,{icon:ge,title:(0,y.sprintf)((0,y._n)("Added: %d block","Added: %d blocks",e.length),e.length),initialOpen:!0},(0,o.createElement)("p",{className:"installed-blocks-pre-publish-panel__copy"},(0,y._n)("The following block has been added to your site.","The following blocks have been added to your site.",e.length)),(0,o.createElement)(ve,{items:e})):null}function Ne(e){let{attributes:t,block:l,clientId:n}=e;const r=(0,s.useSelect)((e=>e(G).isInstalling(l.id)),[l.id]),{installBlockType:a}=(0,s.useDispatch)(G),{replaceBlock:i}=(0,s.useDispatch)(m.store);return(0,o.createElement)(Q.Button,{onClick:()=>a(l).then((e=>{if(e){const e=(0,c.getBlockType)(l.name),[r]=(0,c.parse)(t.originalContent);r&&e&&i(n,(0,c.createBlock)(e.name,r.attributes,r.innerBlocks))}})),disabled:r,isBusy:r,variant:"primary"},(0,y.sprintf)((0,y.__)("Install %s"),l.title))}const Te=e=>{let{originalBlock:t,...l}=e;const{originalName:n,originalUndelimitedContent:r,clientId:a}=l.attributes,{replaceBlock:i}=(0,s.useDispatch)(m.store),d=()=>{i(l.clientId,(0,c.createBlock)("core/html",{content:r}))},u=!!r,p=(0,s.useSelect)((e=>{const{canInsertBlockType:t,getBlockRootClientId:l}=e(m.store);return t("core/html",l(a))}),[a]);let b=(0,y.sprintf)((0,y.__)("Your site doesn’t include support for the %s block. You can try installing the block or remove it entirely."),t.title||n);const k=[(0,o.createElement)(Ne,{key:"install",block:t,attributes:l.attributes,clientId:l.clientId})];return u&&p&&(b=(0,y.sprintf)((0,y.__)("Your site doesn’t include support for the %s block. You can try installing the block, convert it to a Custom HTML block, or remove it entirely."),t.title||n),k.push((0,o.createElement)(Q.Button,{key:"convert",onClick:d,variant:"tertiary"},(0,y.__)("Keep as HTML")))),(0,o.createElement)("div",(0,m.useBlockProps)(),(0,o.createElement)(m.Warning,{actions:k},b),(0,o.createElement)(o.RawHTML,null,r))};var Le=e=>t=>{const{originalName:l}=t.attributes,{block:n,hasPermission:r}=(0,s.useSelect)((e=>{const{getDownloadableBlocks:t}=e(G),n=t("block:"+l).filter((e=>{let{name:t}=e;return l===t}));return{hasPermission:e(J.store).canUser("read","block-directory/search"),block:n.length&&n[0]}}),[l]);return r&&n?(0,o.createElement)(Te,X({},t,{originalBlock:n})):(0,o.createElement)(e,t)};(0,a.registerPlugin)("block-directory",{render(){return(0,o.createElement)(o.Fragment,null,(0,o.createElement)(W,null),(0,o.createElement)(ye,null),(0,o.createElement)(Ie,null))}}),(0,i.addFilter)("blocks.registerBlockType","block-directory/fallback",((e,t)=>("core/missing"!==t||(e.edit=Le(e.edit)),e))),(window.wp=window.wp||{}).blockDirectory=t}(); \ No newline at end of file diff --git a/wp-includes/js/dist/block-editor.js b/wp-includes/js/dist/block-editor.js index 3c3fa59183..60a17e73cf 100644 --- a/wp-includes/js/dist/block-editor.js +++ b/wp-includes/js/dist/block-editor.js @@ -1336,6 +1336,86 @@ module.exports = _extends({ viewportHeight: 0 }, domUtils); +/***/ }), + +/***/ 5619: +/***/ (function(module) { + +"use strict"; + + +// do not edit .js files directly - edit src/index.jst + + + var envHasBigInt64Array = typeof BigInt64Array !== 'undefined'; + + +module.exports = function equal(a, b) { + if (a === b) return true; + + if (a && b && typeof a == 'object' && typeof b == 'object') { + if (a.constructor !== b.constructor) return false; + + var length, i, keys; + if (Array.isArray(a)) { + length = a.length; + if (length != b.length) return false; + for (i = length; i-- !== 0;) + if (!equal(a[i], b[i])) return false; + return true; + } + + + if ((a instanceof Map) && (b instanceof Map)) { + if (a.size !== b.size) return false; + for (i of a.entries()) + if (!b.has(i[0])) return false; + for (i of a.entries()) + if (!equal(i[1], b.get(i[0]))) return false; + return true; + } + + if ((a instanceof Set) && (b instanceof Set)) { + if (a.size !== b.size) return false; + for (i of a.entries()) + if (!b.has(i[0])) return false; + return true; + } + + if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) { + length = a.length; + if (length != b.length) return false; + for (i = length; i-- !== 0;) + if (a[i] !== b[i]) return false; + return true; + } + + + if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; + if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf(); + if (a.toString !== Object.prototype.toString) return a.toString() === b.toString(); + + keys = Object.keys(a); + length = keys.length; + if (length !== Object.keys(b).length) return false; + + for (i = length; i-- !== 0;) + if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; + + for (i = length; i-- !== 0;) { + var key = keys[i]; + + if (!equal(a[key], b[key])) return false; + } + + return true; + } + + // true if both NaN, false otherwise + return a!==a && b!==b; +}; + + /***/ }), /***/ 8575: @@ -2346,425 +2426,432 @@ exports.Z = TextareaAutosize_1.TextareaAutosize; /***/ 4793: /***/ (function(module) { -var characterMap = { - "À": "A", - "Á": "A", - "Â": "A", - "Ã": "A", - "Ä": "A", - "Å": "A", - "Ấ": "A", - "Ắ": "A", - "Ẳ": "A", - "Ẵ": "A", - "Ặ": "A", - "Æ": "AE", - "Ầ": "A", - "Ằ": "A", - "Ȃ": "A", - "Ç": "C", - "Ḉ": "C", - "È": "E", - "É": "E", - "Ê": "E", - "Ë": "E", - "Ế": "E", - "Ḗ": "E", - "Ề": "E", - "Ḕ": "E", - "Ḝ": "E", - "Ȇ": "E", - "Ì": "I", - "Í": "I", - "Î": "I", - "Ï": "I", - "Ḯ": "I", - "Ȋ": "I", - "Ð": "D", - "Ñ": "N", - "Ò": "O", - "Ó": "O", - "Ô": "O", - "Õ": "O", - "Ö": "O", - "Ø": "O", - "Ố": "O", - "Ṍ": "O", - "Ṓ": "O", - "Ȏ": "O", - "Ù": "U", - "Ú": "U", - "Û": "U", - "Ü": "U", - "Ý": "Y", - "à": "a", - "á": "a", - "â": "a", - "ã": "a", - "ä": "a", - "å": "a", - "ấ": "a", - "ắ": "a", - "ẳ": "a", - "ẵ": "a", - "ặ": "a", - "æ": "ae", - "ầ": "a", - "ằ": "a", - "ȃ": "a", - "ç": "c", - "ḉ": "c", - "è": "e", - "é": "e", - "ê": "e", - "ë": "e", - "ế": "e", - "ḗ": "e", - "ề": "e", - "ḕ": "e", - "ḝ": "e", - "ȇ": "e", - "ì": "i", - "í": "i", - "î": "i", - "ï": "i", - "ḯ": "i", - "ȋ": "i", - "ð": "d", - "ñ": "n", - "ò": "o", - "ó": "o", - "ô": "o", - "õ": "o", - "ö": "o", - "ø": "o", - "ố": "o", - "ṍ": "o", - "ṓ": "o", - "ȏ": "o", - "ù": "u", - "ú": "u", - "û": "u", - "ü": "u", - "ý": "y", - "ÿ": "y", - "Ā": "A", - "ā": "a", - "Ă": "A", - "ă": "a", - "Ą": "A", - "ą": "a", - "Ć": "C", - "ć": "c", - "Ĉ": "C", - "ĉ": "c", - "Ċ": "C", - "ċ": "c", - "Č": "C", - "č": "c", - "C̆": "C", - "c̆": "c", - "Ď": "D", - "ď": "d", - "Đ": "D", - "đ": "d", - "Ē": "E", - "ē": "e", - "Ĕ": "E", - "ĕ": "e", - "Ė": "E", - "ė": "e", - "Ę": "E", - "ę": "e", - "Ě": "E", - "ě": "e", - "Ĝ": "G", - "Ǵ": "G", - "ĝ": "g", - "ǵ": "g", - "Ğ": "G", - "ğ": "g", - "Ġ": "G", - "ġ": "g", - "Ģ": "G", - "ģ": "g", - "Ĥ": "H", - "ĥ": "h", - "Ħ": "H", - "ħ": "h", - "Ḫ": "H", - "ḫ": "h", - "Ĩ": "I", - "ĩ": "i", - "Ī": "I", - "ī": "i", - "Ĭ": "I", - "ĭ": "i", - "Į": "I", - "į": "i", - "İ": "I", - "ı": "i", - "IJ": "IJ", - "ij": "ij", - "Ĵ": "J", - "ĵ": "j", - "Ķ": "K", - "ķ": "k", - "Ḱ": "K", - "ḱ": "k", - "K̆": "K", - "k̆": "k", - "Ĺ": "L", - "ĺ": "l", - "Ļ": "L", - "ļ": "l", - "Ľ": "L", - "ľ": "l", - "Ŀ": "L", - "ŀ": "l", - "Ł": "l", - "ł": "l", - "Ḿ": "M", - "ḿ": "m", - "M̆": "M", - "m̆": "m", - "Ń": "N", - "ń": "n", - "Ņ": "N", - "ņ": "n", - "Ň": "N", - "ň": "n", - "ʼn": "n", - "N̆": "N", - "n̆": "n", - "Ō": "O", - "ō": "o", - "Ŏ": "O", - "ŏ": "o", - "Ő": "O", - "ő": "o", - "Œ": "OE", - "œ": "oe", - "P̆": "P", - "p̆": "p", - "Ŕ": "R", - "ŕ": "r", - "Ŗ": "R", - "ŗ": "r", - "Ř": "R", - "ř": "r", - "R̆": "R", - "r̆": "r", - "Ȓ": "R", - "ȓ": "r", - "Ś": "S", - "ś": "s", - "Ŝ": "S", - "ŝ": "s", - "Ş": "S", - "Ș": "S", - "ș": "s", - "ş": "s", - "Š": "S", - "š": "s", - "Ţ": "T", - "ţ": "t", - "ț": "t", - "Ț": "T", - "Ť": "T", - "ť": "t", - "Ŧ": "T", - "ŧ": "t", - "T̆": "T", - "t̆": "t", - "Ũ": "U", - "ũ": "u", - "Ū": "U", - "ū": "u", - "Ŭ": "U", - "ŭ": "u", - "Ů": "U", - "ů": "u", - "Ű": "U", - "ű": "u", - "Ų": "U", - "ų": "u", - "Ȗ": "U", - "ȗ": "u", - "V̆": "V", - "v̆": "v", - "Ŵ": "W", - "ŵ": "w", - "Ẃ": "W", - "ẃ": "w", - "X̆": "X", - "x̆": "x", - "Ŷ": "Y", - "ŷ": "y", - "Ÿ": "Y", - "Y̆": "Y", - "y̆": "y", - "Ź": "Z", - "ź": "z", - "Ż": "Z", - "ż": "z", - "Ž": "Z", - "ž": "z", - "ſ": "s", - "ƒ": "f", - "Ơ": "O", - "ơ": "o", - "Ư": "U", - "ư": "u", - "Ǎ": "A", - "ǎ": "a", - "Ǐ": "I", - "ǐ": "i", - "Ǒ": "O", - "ǒ": "o", - "Ǔ": "U", - "ǔ": "u", - "Ǖ": "U", - "ǖ": "u", - "Ǘ": "U", - "ǘ": "u", - "Ǚ": "U", - "ǚ": "u", - "Ǜ": "U", - "ǜ": "u", - "Ứ": "U", - "ứ": "u", - "Ṹ": "U", - "ṹ": "u", - "Ǻ": "A", - "ǻ": "a", - "Ǽ": "AE", - "ǽ": "ae", - "Ǿ": "O", - "ǿ": "o", - "Þ": "TH", - "þ": "th", - "Ṕ": "P", - "ṕ": "p", - "Ṥ": "S", - "ṥ": "s", - "X́": "X", - "x́": "x", - "Ѓ": "Г", - "ѓ": "г", - "Ќ": "К", - "ќ": "к", - "A̋": "A", - "a̋": "a", - "E̋": "E", - "e̋": "e", - "I̋": "I", - "i̋": "i", - "Ǹ": "N", - "ǹ": "n", - "Ồ": "O", - "ồ": "o", - "Ṑ": "O", - "ṑ": "o", - "Ừ": "U", - "ừ": "u", - "Ẁ": "W", - "ẁ": "w", - "Ỳ": "Y", - "ỳ": "y", - "Ȁ": "A", - "ȁ": "a", - "Ȅ": "E", - "ȅ": "e", - "Ȉ": "I", - "ȉ": "i", - "Ȍ": "O", - "ȍ": "o", - "Ȑ": "R", - "ȑ": "r", - "Ȕ": "U", - "ȕ": "u", - "B̌": "B", - "b̌": "b", - "Č̣": "C", - "č̣": "c", - "Ê̌": "E", - "ê̌": "e", - "F̌": "F", - "f̌": "f", - "Ǧ": "G", - "ǧ": "g", - "Ȟ": "H", - "ȟ": "h", - "J̌": "J", - "ǰ": "j", - "Ǩ": "K", - "ǩ": "k", - "M̌": "M", - "m̌": "m", - "P̌": "P", - "p̌": "p", - "Q̌": "Q", - "q̌": "q", - "Ř̩": "R", - "ř̩": "r", - "Ṧ": "S", - "ṧ": "s", - "V̌": "V", - "v̌": "v", - "W̌": "W", - "w̌": "w", - "X̌": "X", - "x̌": "x", - "Y̌": "Y", - "y̌": "y", - "A̧": "A", - "a̧": "a", - "B̧": "B", - "b̧": "b", - "Ḑ": "D", - "ḑ": "d", - "Ȩ": "E", - "ȩ": "e", - "Ɛ̧": "E", - "ɛ̧": "e", - "Ḩ": "H", - "ḩ": "h", - "I̧": "I", - "i̧": "i", - "Ɨ̧": "I", - "ɨ̧": "i", - "M̧": "M", - "m̧": "m", - "O̧": "O", - "o̧": "o", - "Q̧": "Q", - "q̧": "q", - "U̧": "U", - "u̧": "u", - "X̧": "X", - "x̧": "x", - "Z̧": "Z", - "z̧": "z", -}; - -var chars = Object.keys(characterMap).join('|'); -var allAccents = new RegExp(chars, 'g'); -var firstAccent = new RegExp(chars, ''); - -var removeAccents = function(string) { - return string.replace(allAccents, function(match) { - return characterMap[match]; - }); -}; - -var hasAccents = function(string) { - return !!string.match(firstAccent); -}; - -module.exports = removeAccents; -module.exports.has = hasAccents; -module.exports.remove = removeAccents; +var characterMap = { + "À": "A", + "Á": "A", + "Â": "A", + "Ã": "A", + "Ä": "A", + "Å": "A", + "Ấ": "A", + "Ắ": "A", + "Ẳ": "A", + "Ẵ": "A", + "Ặ": "A", + "Æ": "AE", + "Ầ": "A", + "Ằ": "A", + "Ȃ": "A", + "Ç": "C", + "Ḉ": "C", + "È": "E", + "É": "E", + "Ê": "E", + "Ë": "E", + "Ế": "E", + "Ḗ": "E", + "Ề": "E", + "Ḕ": "E", + "Ḝ": "E", + "Ȇ": "E", + "Ì": "I", + "Í": "I", + "Î": "I", + "Ï": "I", + "Ḯ": "I", + "Ȋ": "I", + "Ð": "D", + "Ñ": "N", + "Ò": "O", + "Ó": "O", + "Ô": "O", + "Õ": "O", + "Ö": "O", + "Ø": "O", + "Ố": "O", + "Ṍ": "O", + "Ṓ": "O", + "Ȏ": "O", + "Ù": "U", + "Ú": "U", + "Û": "U", + "Ü": "U", + "Ý": "Y", + "à": "a", + "á": "a", + "â": "a", + "ã": "a", + "ä": "a", + "å": "a", + "ấ": "a", + "ắ": "a", + "ẳ": "a", + "ẵ": "a", + "ặ": "a", + "æ": "ae", + "ầ": "a", + "ằ": "a", + "ȃ": "a", + "ç": "c", + "ḉ": "c", + "è": "e", + "é": "e", + "ê": "e", + "ë": "e", + "ế": "e", + "ḗ": "e", + "ề": "e", + "ḕ": "e", + "ḝ": "e", + "ȇ": "e", + "ì": "i", + "í": "i", + "î": "i", + "ï": "i", + "ḯ": "i", + "ȋ": "i", + "ð": "d", + "ñ": "n", + "ò": "o", + "ó": "o", + "ô": "o", + "õ": "o", + "ö": "o", + "ø": "o", + "ố": "o", + "ṍ": "o", + "ṓ": "o", + "ȏ": "o", + "ù": "u", + "ú": "u", + "û": "u", + "ü": "u", + "ý": "y", + "ÿ": "y", + "Ā": "A", + "ā": "a", + "Ă": "A", + "ă": "a", + "Ą": "A", + "ą": "a", + "Ć": "C", + "ć": "c", + "Ĉ": "C", + "ĉ": "c", + "Ċ": "C", + "ċ": "c", + "Č": "C", + "č": "c", + "C̆": "C", + "c̆": "c", + "Ď": "D", + "ď": "d", + "Đ": "D", + "đ": "d", + "Ē": "E", + "ē": "e", + "Ĕ": "E", + "ĕ": "e", + "Ė": "E", + "ė": "e", + "Ę": "E", + "ę": "e", + "Ě": "E", + "ě": "e", + "Ĝ": "G", + "Ǵ": "G", + "ĝ": "g", + "ǵ": "g", + "Ğ": "G", + "ğ": "g", + "Ġ": "G", + "ġ": "g", + "Ģ": "G", + "ģ": "g", + "Ĥ": "H", + "ĥ": "h", + "Ħ": "H", + "ħ": "h", + "Ḫ": "H", + "ḫ": "h", + "Ĩ": "I", + "ĩ": "i", + "Ī": "I", + "ī": "i", + "Ĭ": "I", + "ĭ": "i", + "Į": "I", + "į": "i", + "İ": "I", + "ı": "i", + "IJ": "IJ", + "ij": "ij", + "Ĵ": "J", + "ĵ": "j", + "Ķ": "K", + "ķ": "k", + "Ḱ": "K", + "ḱ": "k", + "K̆": "K", + "k̆": "k", + "Ĺ": "L", + "ĺ": "l", + "Ļ": "L", + "ļ": "l", + "Ľ": "L", + "ľ": "l", + "Ŀ": "L", + "ŀ": "l", + "Ł": "l", + "ł": "l", + "Ḿ": "M", + "ḿ": "m", + "M̆": "M", + "m̆": "m", + "Ń": "N", + "ń": "n", + "Ņ": "N", + "ņ": "n", + "Ň": "N", + "ň": "n", + "ʼn": "n", + "N̆": "N", + "n̆": "n", + "Ō": "O", + "ō": "o", + "Ŏ": "O", + "ŏ": "o", + "Ő": "O", + "ő": "o", + "Œ": "OE", + "œ": "oe", + "P̆": "P", + "p̆": "p", + "Ŕ": "R", + "ŕ": "r", + "Ŗ": "R", + "ŗ": "r", + "Ř": "R", + "ř": "r", + "R̆": "R", + "r̆": "r", + "Ȓ": "R", + "ȓ": "r", + "Ś": "S", + "ś": "s", + "Ŝ": "S", + "ŝ": "s", + "Ş": "S", + "Ș": "S", + "ș": "s", + "ş": "s", + "Š": "S", + "š": "s", + "ß": "ss", + "Ţ": "T", + "ţ": "t", + "ț": "t", + "Ț": "T", + "Ť": "T", + "ť": "t", + "Ŧ": "T", + "ŧ": "t", + "T̆": "T", + "t̆": "t", + "Ũ": "U", + "ũ": "u", + "Ū": "U", + "ū": "u", + "Ŭ": "U", + "ŭ": "u", + "Ů": "U", + "ů": "u", + "Ű": "U", + "ű": "u", + "Ų": "U", + "ų": "u", + "Ȗ": "U", + "ȗ": "u", + "V̆": "V", + "v̆": "v", + "Ŵ": "W", + "ŵ": "w", + "Ẃ": "W", + "ẃ": "w", + "X̆": "X", + "x̆": "x", + "Ŷ": "Y", + "ŷ": "y", + "Ÿ": "Y", + "Y̆": "Y", + "y̆": "y", + "Ź": "Z", + "ź": "z", + "Ż": "Z", + "ż": "z", + "Ž": "Z", + "ž": "z", + "ſ": "s", + "ƒ": "f", + "Ơ": "O", + "ơ": "o", + "Ư": "U", + "ư": "u", + "Ǎ": "A", + "ǎ": "a", + "Ǐ": "I", + "ǐ": "i", + "Ǒ": "O", + "ǒ": "o", + "Ǔ": "U", + "ǔ": "u", + "Ǖ": "U", + "ǖ": "u", + "Ǘ": "U", + "ǘ": "u", + "Ǚ": "U", + "ǚ": "u", + "Ǜ": "U", + "ǜ": "u", + "Ứ": "U", + "ứ": "u", + "Ṹ": "U", + "ṹ": "u", + "Ǻ": "A", + "ǻ": "a", + "Ǽ": "AE", + "ǽ": "ae", + "Ǿ": "O", + "ǿ": "o", + "Þ": "TH", + "þ": "th", + "Ṕ": "P", + "ṕ": "p", + "Ṥ": "S", + "ṥ": "s", + "X́": "X", + "x́": "x", + "Ѓ": "Г", + "ѓ": "г", + "Ќ": "К", + "ќ": "к", + "A̋": "A", + "a̋": "a", + "E̋": "E", + "e̋": "e", + "I̋": "I", + "i̋": "i", + "Ǹ": "N", + "ǹ": "n", + "Ồ": "O", + "ồ": "o", + "Ṑ": "O", + "ṑ": "o", + "Ừ": "U", + "ừ": "u", + "Ẁ": "W", + "ẁ": "w", + "Ỳ": "Y", + "ỳ": "y", + "Ȁ": "A", + "ȁ": "a", + "Ȅ": "E", + "ȅ": "e", + "Ȉ": "I", + "ȉ": "i", + "Ȍ": "O", + "ȍ": "o", + "Ȑ": "R", + "ȑ": "r", + "Ȕ": "U", + "ȕ": "u", + "B̌": "B", + "b̌": "b", + "Č̣": "C", + "č̣": "c", + "Ê̌": "E", + "ê̌": "e", + "F̌": "F", + "f̌": "f", + "Ǧ": "G", + "ǧ": "g", + "Ȟ": "H", + "ȟ": "h", + "J̌": "J", + "ǰ": "j", + "Ǩ": "K", + "ǩ": "k", + "M̌": "M", + "m̌": "m", + "P̌": "P", + "p̌": "p", + "Q̌": "Q", + "q̌": "q", + "Ř̩": "R", + "ř̩": "r", + "Ṧ": "S", + "ṧ": "s", + "V̌": "V", + "v̌": "v", + "W̌": "W", + "w̌": "w", + "X̌": "X", + "x̌": "x", + "Y̌": "Y", + "y̌": "y", + "A̧": "A", + "a̧": "a", + "B̧": "B", + "b̧": "b", + "Ḑ": "D", + "ḑ": "d", + "Ȩ": "E", + "ȩ": "e", + "Ɛ̧": "E", + "ɛ̧": "e", + "Ḩ": "H", + "ḩ": "h", + "I̧": "I", + "i̧": "i", + "Ɨ̧": "I", + "ɨ̧": "i", + "M̧": "M", + "m̧": "m", + "O̧": "O", + "o̧": "o", + "Q̧": "Q", + "q̧": "q", + "U̧": "U", + "u̧": "u", + "X̧": "X", + "x̧": "x", + "Z̧": "Z", + "z̧": "z", + "й":"и", + "Й":"И", + "ё":"е", + "Ё":"Е", +}; + +var chars = Object.keys(characterMap).join('|'); +var allAccents = new RegExp(chars, 'g'); +var firstAccent = new RegExp(chars, ''); + +function matcher(match) { + return characterMap[match]; +} + +var removeAccents = function(string) { + return string.replace(allAccents, matcher); +}; + +var hasAccents = function(string) { + return !!string.match(firstAccent); +}; + +module.exports = removeAccents; +module.exports.has = hasAccents; +module.exports.remove = removeAccents; /***/ }), @@ -3209,6 +3296,7 @@ __webpack_require__.d(__webpack_exports__, { "CopyHandler": function() { return /* reexport */ copy_handler; }, "DefaultBlockAppender": function() { return /* reexport */ default_block_appender; }, "FontSizePicker": function() { return /* reexport */ font_size_picker; }, + "HeightControl": function() { return /* reexport */ HeightControl; }, "InnerBlocks": function() { return /* reexport */ inner_blocks; }, "Inserter": function() { return /* reexport */ inserter; }, "InspectorAdvancedControls": function() { return /* reexport */ InspectorAdvancedControls; }, @@ -3258,7 +3346,6 @@ __webpack_require__.d(__webpack_exports__, { "__experimentalGetGradientObjectByGradientValue": function() { return /* reexport */ __experimentalGetGradientObjectByGradientValue; }, "__experimentalGetMatchingVariation": function() { return /* reexport */ __experimentalGetMatchingVariation; }, "__experimentalGetSpacingClassesAndStyles": function() { return /* reexport */ getSpacingClassesAndStyles; }, - "__experimentalImageEditingProvider": function() { return /* reexport */ ImageEditingProvider; }, "__experimentalImageEditor": function() { return /* reexport */ ImageEditor; }, "__experimentalImageSizeControl": function() { return /* reexport */ ImageSizeControl; }, "__experimentalImageURLInputUI": function() { return /* reexport */ ImageURLInputUI; }, @@ -3309,6 +3396,7 @@ __webpack_require__.d(__webpack_exports__, { "__unstableUseTypewriter": function() { return /* reexport */ useTypewriter; }, "__unstableUseTypingObserver": function() { return /* reexport */ useTypingObserver; }, "createCustomColorsHOC": function() { return /* reexport */ createCustomColorsHOC; }, + "experiments": function() { return /* reexport */ experiments; }, "getColorClassName": function() { return /* reexport */ getColorClassName; }, "getColorObjectByAttributeValues": function() { return /* reexport */ getColorObjectByAttributeValues; }, "getColorObjectByColorValue": function() { return /* reexport */ getColorObjectByColorValue; }, @@ -3375,6 +3463,7 @@ __webpack_require__.d(selectors_namespaceObject, { "canRemoveBlocks": function() { return canRemoveBlocks; }, "didAutomaticChange": function() { return didAutomaticChange; }, "getAdjacentBlockClientId": function() { return getAdjacentBlockClientId; }, + "getAllowedBlocks": function() { return getAllowedBlocks; }, "getBlock": function() { return getBlock; }, "getBlockAttributes": function() { return getBlockAttributes; }, "getBlockCount": function() { return getBlockCount; }, @@ -3384,6 +3473,7 @@ __webpack_require__.d(selectors_namespaceObject, { "getBlockListSettings": function() { return getBlockListSettings; }, "getBlockMode": function() { return getBlockMode; }, "getBlockName": function() { return getBlockName; }, + "getBlockNamesByClientId": function() { return getBlockNamesByClientId; }, "getBlockOrder": function() { return getBlockOrder; }, "getBlockParents": function() { return getBlockParents; }, "getBlockParentsByBlockName": function() { return getBlockParentsByBlockName; }, @@ -3406,6 +3496,7 @@ __webpack_require__.d(selectors_namespaceObject, { "getMultiSelectedBlocksEndClientId": function() { return getMultiSelectedBlocksEndClientId; }, "getMultiSelectedBlocksStartClientId": function() { return getMultiSelectedBlocksStartClientId; }, "getNextBlockClientId": function() { return getNextBlockClientId; }, + "getPatternsByBlockTypes": function() { return getPatternsByBlockTypes; }, "getPreviousBlockClientId": function() { return getPreviousBlockClientId; }, "getSelectedBlock": function() { return getSelectedBlock; }, "getSelectedBlockClientId": function() { return getSelectedBlockClientId; }, @@ -3444,6 +3535,23 @@ __webpack_require__.d(selectors_namespaceObject, { "wasBlockJustInserted": function() { return wasBlockJustInserted; } }); +// NAMESPACE OBJECT: ./node_modules/@wordpress/block-editor/build-module/store/private-actions.js +var private_actions_namespaceObject = {}; +__webpack_require__.r(private_actions_namespaceObject); +__webpack_require__.d(private_actions_namespaceObject, { + "__experimentalUpdateSettings": function() { return __experimentalUpdateSettings; }, + "hideBlockInterface": function() { return hideBlockInterface; }, + "showBlockInterface": function() { return showBlockInterface; } +}); + +// NAMESPACE OBJECT: ./node_modules/@wordpress/block-editor/build-module/store/private-selectors.js +var private_selectors_namespaceObject = {}; +__webpack_require__.r(private_selectors_namespaceObject); +__webpack_require__.d(private_selectors_namespaceObject, { + "getLastInsertedBlocksClientIds": function() { return getLastInsertedBlocksClientIds; }, + "isBlockInterfaceHidden": function() { return private_selectors_isBlockInterfaceHidden; } +}); + // NAMESPACE OBJECT: ./node_modules/@wordpress/block-editor/build-module/store/actions.js var actions_namespaceObject = {}; __webpack_require__.r(actions_namespaceObject); @@ -3509,6 +3617,17 @@ __webpack_require__.d(actions_namespaceObject, { "validateBlocksToTemplate": function() { return validateBlocksToTemplate; } }); +// NAMESPACE OBJECT: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/index.js +var global_styles_namespaceObject = {}; +__webpack_require__.r(global_styles_namespaceObject); +__webpack_require__.d(global_styles_namespaceObject, { + "GlobalStylesContext": function() { return GlobalStylesContext; }, + "useGlobalSetting": function() { return useGlobalSetting; }, + "useGlobalStyle": function() { return useGlobalStyle; }, + "useGlobalStylesOutput": function() { return useGlobalStylesOutput; }, + "useGlobalStylesReset": function() { return useGlobalStylesReset; } +}); + ;// CONCATENATED MODULE: external ["wp","blocks"] var external_wp_blocks_namespaceObject = window["wp"]["blocks"]; ;// CONCATENATED MODULE: external ["wp","hooks"] @@ -3539,14 +3658,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; - for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } - return target; }; return _extends.apply(this, arguments); @@ -3556,12 +3673,12 @@ var external_wp_element_namespaceObject = window["wp"]["element"]; // EXTERNAL MODULE: ./node_modules/classnames/index.js var classnames = __webpack_require__(4403); var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames); -;// CONCATENATED MODULE: external "lodash" -var external_lodash_namespaceObject = window["lodash"]; ;// CONCATENATED MODULE: external ["wp","compose"] var external_wp_compose_namespaceObject = window["wp"]["compose"]; ;// CONCATENATED MODULE: external ["wp","data"] var external_wp_data_namespaceObject = window["wp"]["data"]; +;// CONCATENATED MODULE: external "lodash" +var external_lodash_namespaceObject = window["lodash"]; ;// CONCATENATED MODULE: external ["wp","components"] var external_wp_components_namespaceObject = window["wp"]["components"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/groups.js @@ -3583,6 +3700,9 @@ const groups = { }; /* harmony default export */ var block_controls_groups = (groups); +// EXTERNAL MODULE: ./node_modules/fast-deep-equal/es6/index.js +var es6 = __webpack_require__(5619); +var es6_default = /*#__PURE__*/__webpack_require__.n(es6); ;// CONCATENATED MODULE: external ["wp","i18n"] var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/defaults.js @@ -3612,6 +3732,8 @@ const PREFERENCES_DEFAULTS = { * @property {boolean} canLockBlocks Whether the user can manage Block Lock state * @property {boolean} codeEditingEnabled Whether or not the user can switch to the code editor * @property {boolean} generateAnchors Enable/Disable auto anchor generation for Heading blocks + * @property {boolean} enableOpenverseMediaCategory Enable/Disable the Openverse media category in the inserter. + * @property {boolean} clearBlockSelection Whether the block editor should clear selection on mousedown when a block is not clicked. * @property {boolean} __experimentalCanUserUseUnfilteredHTML Whether the user should be able to use unfiltered HTML or the HTML should be filtered e.g., to remove elements considered insecure like iframes. * @property {boolean} __experimentalBlockDirectory Whether the user has enabled the Block Directory * @property {Array} __experimentalBlockPatterns Array of objects representing the block patterns @@ -3724,12 +3846,16 @@ const SETTINGS_DEFAULTS = { allowedMimeTypes: null, // Allows to disable block locking interface. canLockBlocks: true, + // Allows to disable Openverse media category in the inserter. + enableOpenverseMediaCategory: true, + clearBlockSelection: true, __experimentalCanUserUseUnfilteredHTML: false, __experimentalBlockDirectory: false, __mobileEnablePageTemplates: false, __experimentalBlockPatterns: [], __experimentalBlockPatternCategories: [], __unstableGalleryWithImageBlocks: false, + __unstableIsPreviewMode: false, generateAnchors: false, // gradients setting is not used anymore now defaults are passed from theme.json on the server and core has its own defaults. // The setting is only kept for backward compatibility purposes. @@ -3789,10 +3915,6 @@ const SETTINGS_DEFAULTS = { }; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/array.js -/** - * External dependencies - */ - /** * Insert one or multiple elements into a given position of an array. * @@ -3802,9 +3924,8 @@ const SETTINGS_DEFAULTS = { * * @return {Array} Result. */ - function insertAt(array, elements, index) { - return [...array.slice(0, index), ...(0,external_lodash_namespaceObject.castArray)(elements), ...array.slice(index)]; + return [...array.slice(0, index), ...(Array.isArray(elements) ? elements : [elements]), ...array.slice(index)]; } /** * Moves an element in an array. @@ -3835,6 +3956,7 @@ function moveTo(array, from, to) { + /** * Internal dependencies */ @@ -3857,16 +3979,18 @@ const identity = x => x; function mapBlockOrder(blocks) { let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; - const result = { - [rootClientId]: [] - }; + const result = new Map(); + const current = []; + result.set(rootClientId, current); blocks.forEach(block => { const { clientId, innerBlocks } = block; - result[rootClientId].push(clientId); - Object.assign(result, mapBlockOrder(innerBlocks, clientId)); + current.push(clientId); + mapBlockOrder(innerBlocks, clientId).forEach((order, subClientId) => { + result.set(subClientId, order); + }); }); return result; } @@ -3883,9 +4007,25 @@ function mapBlockOrder(blocks) { function mapBlockParents(blocks) { let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; - return blocks.reduce((result, block) => Object.assign(result, { - [block.clientId]: rootClientId - }, mapBlockParents(block.innerBlocks, block.clientId)), {}); + const result = []; + const stack = [[rootClientId, blocks]]; + + while (stack.length) { + const [parent, currentBlocks] = stack.shift(); + currentBlocks.forEach(_ref => { + let { + innerBlocks, + ...block + } = _ref; + result.push([block.clientId, parent]); + + if (innerBlocks !== null && innerBlocks !== void 0 && innerBlocks.length) { + stack.push([block.clientId, innerBlocks]); + } + }); + } + + return result; } /** * Helper method to iterate through all blocks, recursing into inner blocks, @@ -3895,12 +4035,28 @@ function mapBlockParents(blocks) { * @param {Array} blocks Blocks to flatten. * @param {Function} transform Transforming function to be applied to each block. * - * @return {Object} Flattened object. + * @return {Array} Flattened object. */ function flattenBlocks(blocks) { let transform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : identity; + const result = []; + const stack = [...blocks]; + + while (stack.length) { + const { + innerBlocks, + ...block + } = stack.shift(); + stack.push(...innerBlocks); + result.push([block.clientId, transform(block)]); + } + + return result; +} + +function getFlattenedClientIds(blocks) { const result = {}; const stack = [...blocks]; @@ -3910,7 +4066,7 @@ function flattenBlocks(blocks) { ...block } = stack.shift(); stack.push(...innerBlocks); - result[block.clientId] = transform(block); + result[block.clientId] = true; } return result; @@ -3922,12 +4078,18 @@ function flattenBlocks(blocks) { * * @param {Array} blocks Blocks to flatten. * - * @return {Object} Flattened block attributes object. + * @return {Array} Flattened block attributes object. */ function getFlattenedBlocksWithoutAttributes(blocks) { - return flattenBlocks(blocks, block => (0,external_lodash_namespaceObject.omit)(block, 'attributes')); + return flattenBlocks(blocks, block => { + const { + attributes, + ...restBlock + } = block; + return restBlock; + }); } /** * Given an array of blocks, returns an object containing all block attributes, @@ -3936,32 +4098,13 @@ function getFlattenedBlocksWithoutAttributes(blocks) { * * @param {Array} blocks Blocks to flatten. * - * @return {Object} Flattened block attributes object. + * @return {Array} Flattened block attributes object. */ function getFlattenedBlockAttributes(blocks) { return flattenBlocks(blocks, block => block.attributes); } -/** - * Returns an object against which it is safe to perform mutating operations, - * given the original object and its current working copy. - * - * @param {Object} original Original object. - * @param {Object} working Working object. - * - * @return {Object} Mutation-safe object. - */ - - -function getMutateSafeObject(original, working) { - if (original === working) { - return { ...original - }; - } - - return working; -} /** * Returns true if the two object arguments have the same keys, or false * otherwise. @@ -3974,7 +4117,7 @@ function getMutateSafeObject(original, working) { function hasSameKeys(a, b) { - return (0,external_lodash_namespaceObject.isEqual)(Object.keys(a), Object.keys(b)); + return es6_default()(Object.keys(a), Object.keys(b)); } /** * Returns true if, given the currently dispatching action and the previously @@ -3988,11 +4131,11 @@ function hasSameKeys(a, b) { */ function isUpdatingSameBlockAttribute(action, lastAction) { - return action.type === 'UPDATE_BLOCK_ATTRIBUTES' && lastAction !== undefined && lastAction.type === 'UPDATE_BLOCK_ATTRIBUTES' && (0,external_lodash_namespaceObject.isEqual)(action.clientIds, lastAction.clientIds) && hasSameKeys(action.attributes, lastAction.attributes); + return action.type === 'UPDATE_BLOCK_ATTRIBUTES' && lastAction !== undefined && lastAction.type === 'UPDATE_BLOCK_ATTRIBUTES' && es6_default()(action.clientIds, lastAction.clientIds) && hasSameKeys(action.attributes, lastAction.attributes); } -function buildBlockTree(state, blocks) { - const result = {}; +function updateBlockTreeForBlocks(state, blocks) { + const treeToUpdate = state.tree; const stack = [...blocks]; const flattenedBlocks = [...blocks]; @@ -4004,26 +4147,25 @@ function buildBlockTree(state, blocks) { for (const block of flattenedBlocks) { - result[block.clientId] = {}; + treeToUpdate.set(block.clientId, {}); } for (const block of flattenedBlocks) { - result[block.clientId] = Object.assign(result[block.clientId], { ...state.byClientId[block.clientId], - attributes: state.attributes[block.clientId], - innerBlocks: block.innerBlocks.map(subBlock => result[subBlock.clientId]) - }); + treeToUpdate.set(block.clientId, Object.assign(treeToUpdate.get(block.clientId), { ...state.byClientId.get(block.clientId), + attributes: state.attributes.get(block.clientId), + innerBlocks: block.innerBlocks.map(subBlock => treeToUpdate.get(subBlock.clientId)) + })); } - - return result; } -function updateParentInnerBlocksInTree(state, tree, updatedClientIds) { - let updateChildrenOfUpdatedClientIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; +function updateParentInnerBlocksInTree(state, updatedClientIds) { + let updateChildrenOfUpdatedClientIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + const treeToUpdate = state.tree; const uncontrolledParents = new Set([]); const controlledParents = new Set(); for (const clientId of updatedClientIds) { - let current = updateChildrenOfUpdatedClientIds ? clientId : state.parents[clientId]; + let current = updateChildrenOfUpdatedClientIds ? clientId : state.parents.get(clientId); do { if (state.controlledInnerBlocks[current]) { @@ -4034,7 +4176,7 @@ function updateParentInnerBlocksInTree(state, tree, updatedClientIds) { } else { // Else continue traversing up through parents. uncontrolledParents.add(current); - current = state.parents[current]; + current = state.parents.get(current); } } while (current !== undefined); } // To make sure the order of assignments doesn't matter, @@ -4042,23 +4184,21 @@ function updateParentInnerBlocksInTree(state, tree, updatedClientIds) { for (const clientId of uncontrolledParents) { - tree[clientId] = { ...tree[clientId] - }; + treeToUpdate.set(clientId, { ...treeToUpdate.get(clientId) + }); } for (const clientId of uncontrolledParents) { - tree[clientId].innerBlocks = (state.order[clientId] || []).map(subClientId => tree[subClientId]); + treeToUpdate.get(clientId).innerBlocks = (state.order.get(clientId) || []).map(subClientId => treeToUpdate.get(subClientId)); } // Controlled parent blocks, need a dedicated key for their inner blocks // to be used when doing getBlocks( controlledBlockClientId ). for (const clientId of controlledParents) { - tree['controlled||' + clientId] = { - innerBlocks: (state.order[clientId] || []).map(subClientId => tree[subClientId]) - }; + treeToUpdate.set('controlled||' + clientId, { + innerBlocks: (state.order.get(clientId) || []).map(subClientId => treeToUpdate.get(subClientId)) + }); } - - return tree; } /** * Higher-order reducer intended to compute full block objects key for each block in the post. @@ -4080,61 +4220,61 @@ const withBlockTree = reducer => function () { return state; } - newState.tree = state.tree ? state.tree : {}; + newState.tree = state.tree ? state.tree : new Map(); switch (action.type) { case 'RECEIVE_BLOCKS': case 'INSERT_BLOCKS': { - const subTree = buildBlockTree(newState, action.blocks); - newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree, - ...subTree - }, action.rootClientId ? [action.rootClientId] : [''], true); + newState.tree = new Map(newState.tree); + updateBlockTreeForBlocks(newState, action.blocks); + updateParentInnerBlocksInTree(newState, action.rootClientId ? [action.rootClientId] : [''], true); break; } case 'UPDATE_BLOCK': - newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree, - [action.clientId]: { ...newState.tree[action.clientId], - ...newState.byClientId[action.clientId], - attributes: newState.attributes[action.clientId] - } - }, [action.clientId], false); + newState.tree = new Map(newState.tree); + newState.tree.set(action.clientId, { ...newState.tree.get(action.clientId), + ...newState.byClientId.get(action.clientId), + attributes: newState.attributes.get(action.clientId) + }); + updateParentInnerBlocksInTree(newState, [action.clientId], false); break; case 'UPDATE_BLOCK_ATTRIBUTES': { - const newSubTree = action.clientIds.reduce((result, clientId) => { - result[clientId] = { ...newState.tree[clientId], - attributes: newState.attributes[clientId] - }; - return result; - }, {}); - newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree, - ...newSubTree - }, action.clientIds, false); + newState.tree = new Map(newState.tree); + action.clientIds.forEach(clientId => { + newState.tree.set(clientId, { ...newState.tree.get(clientId), + attributes: newState.attributes.get(clientId) + }); + }); + updateParentInnerBlocksInTree(newState, action.clientIds, false); break; } case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN': { - const subTree = buildBlockTree(newState, action.blocks); - newState.tree = updateParentInnerBlocksInTree(newState, { ...(0,external_lodash_namespaceObject.omit)(newState.tree, action.replacedClientIds.concat( // Controlled inner blocks are only removed - // if the block doesn't move to another position - // otherwise their content will be lost. - action.replacedClientIds.filter(clientId => !subTree[clientId]).map(clientId => 'controlled||' + clientId))), - ...subTree - }, 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. + const inserterClientIds = getFlattenedClientIds(action.blocks); + newState.tree = new Map(newState.tree); + action.replacedClientIds.concat( // Controlled inner blocks are only removed + // if the block doesn't move to another position + // otherwise their content will be lost. + action.replacedClientIds.filter(clientId => !inserterClientIds[clientId]).map(clientId => 'controlled||' + clientId)).forEach(key => { + newState.tree.delete(key); + }); + updateBlockTreeForBlocks(newState, action.blocks); + updateParentInnerBlocksInTree(newState, 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. const parentsOfRemovedBlocks = []; for (const clientId of action.clientIds) { - if (state.parents[clientId] !== undefined && (state.parents[clientId] === '' || newState.byClientId[state.parents[clientId]])) { - parentsOfRemovedBlocks.push(state.parents[clientId]); + if (state.parents.get(clientId) !== undefined && (state.parents.get(clientId) === '' || newState.byClientId.get(state.parents.get(clientId)))) { + parentsOfRemovedBlocks.push(state.parents.get(clientId)); } } - newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, parentsOfRemovedBlocks, true); + updateParentInnerBlocksInTree(newState, parentsOfRemovedBlocks, true); break; } @@ -4142,12 +4282,16 @@ const withBlockTree = reducer => function () { const parentsOfRemovedBlocks = []; for (const clientId of action.clientIds) { - if (state.parents[clientId] !== undefined && (state.parents[clientId] === '' || newState.byClientId[state.parents[clientId]])) { - parentsOfRemovedBlocks.push(state.parents[clientId]); + if (state.parents.get(clientId) !== undefined && (state.parents.get(clientId) === '' || newState.byClientId.get(state.parents.get(clientId)))) { + parentsOfRemovedBlocks.push(state.parents.get(clientId)); } } - newState.tree = updateParentInnerBlocksInTree(newState, (0,external_lodash_namespaceObject.omit)(newState.tree, action.removedClientIds.concat(action.removedClientIds.map(clientId => 'controlled||' + clientId))), parentsOfRemovedBlocks, true); + newState.tree = new Map(newState.tree); + action.removedClientIds.concat(action.removedClientIds.map(clientId => 'controlled||' + clientId)).forEach(key => { + newState.tree.delete(key); + }); + updateParentInnerBlocksInTree(newState, parentsOfRemovedBlocks, true); break; case 'MOVE_BLOCKS_TO_POSITION': @@ -4164,7 +4308,8 @@ const withBlockTree = reducer => function () { updatedBlockUids.push(action.toRootClientId); } - newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids, true); + newState.tree = new Map(newState.tree); + updateParentInnerBlocksInTree(newState, updatedBlockUids, true); break; } @@ -4172,24 +4317,27 @@ const withBlockTree = reducer => function () { case 'MOVE_BLOCKS_DOWN': { const updatedBlockUids = [action.rootClientId ? action.rootClientId : '']; - newState.tree = updateParentInnerBlocksInTree(newState, newState.tree, updatedBlockUids, true); + newState.tree = new Map(newState.tree); + updateParentInnerBlocksInTree(newState, updatedBlockUids, true); break; } case 'SAVE_REUSABLE_BLOCK_SUCCESS': { - const updatedBlockUids = Object.keys((0,external_lodash_namespaceObject.omitBy)(newState.attributes, (attributes, clientId) => { - return newState.byClientId[clientId].name !== 'core/block' || attributes.ref !== action.updatedId; - })); - newState.tree = updateParentInnerBlocksInTree(newState, { ...newState.tree, - ...updatedBlockUids.reduce((result, clientId) => { - result[clientId] = { ...newState.byClientId[clientId], - attributes: newState.attributes[clientId], - innerBlocks: newState.tree[clientId].innerBlocks - }; - return result; - }, {}) - }, updatedBlockUids, false); + const updatedBlockUids = []; + newState.attributes.forEach((attributes, clientId) => { + if (newState.byClientId.get(clientId).name === 'core/block' && attributes.ref === action.updatedId) { + updatedBlockUids.push(clientId); + } + }); + newState.tree = new Map(newState.tree); + updatedBlockUids.forEach(clientId => { + newState.tree.set(clientId, { ...newState.byClientId.get(clientId), + attributes: newState.attributes.get(clientId), + innerBlocks: newState.tree.get(clientId).innerBlocks + }); + }); + updateParentInnerBlocksInTree(newState, updatedBlockUids, false); } } @@ -4286,7 +4434,7 @@ const withInnerBlocksRemoveCascade = reducer => (state, action) => { let result = clientIds; for (let i = 0; i < result.length; i++) { - if (!state.order[result[i]] || action.keepControlledInnerBlocks && action.keepControlledInnerBlocks[result[i]]) { + if (!state.order.get(result[i]) || action.keepControlledInnerBlocks && action.keepControlledInnerBlocks[result[i]]) { continue; } @@ -4294,7 +4442,7 @@ const withInnerBlocksRemoveCascade = reducer => (state, action) => { result = [...result]; } - result.push(...state.order[result[i]]); + result.push(...state.order.get(result[i])); } return result; @@ -4335,20 +4483,17 @@ const withInnerBlocksRemoveCascade = reducer => (state, action) => { const withBlockReset = reducer => (state, action) => { if (action.type === 'RESET_BLOCKS') { const newState = { ...state, - byClientId: getFlattenedBlocksWithoutAttributes(action.blocks), - attributes: getFlattenedBlockAttributes(action.blocks), + byClientId: new Map(getFlattenedBlocksWithoutAttributes(action.blocks)), + attributes: new Map(getFlattenedBlockAttributes(action.blocks)), order: mapBlockOrder(action.blocks), - parents: mapBlockParents(action.blocks), - controlledInnerBlocks: {}, - visibility: {} - }; - const subTree = buildBlockTree(newState, action.blocks); - newState.tree = { ...subTree, - // Root. - '': { - innerBlocks: action.blocks.map(subBlock => subTree[subBlock.clientId]) - } + parents: new Map(mapBlockParents(action.blocks)), + controlledInnerBlocks: {} }; + newState.tree = new Map(state === null || state === void 0 ? void 0 : state.tree); + updateBlockTreeForBlocks(newState, action.blocks); + newState.tree.set('', { + innerBlocks: action.blocks.map(subBlock => newState.tree.get(subBlock.clientId)) + }); return newState; } @@ -4401,11 +4546,11 @@ const withReplaceInnerBlocks = reducer => (state, action) => { let stateAfterBlocksRemoval = state; - if (state.order[action.rootClientId]) { + if (state.order.get(action.rootClientId)) { stateAfterBlocksRemoval = reducer(stateAfterBlocksRemoval, { type: 'REMOVE_BLOCKS', keepControlledInnerBlocks: nestedControllers, - clientIds: state.order[action.rootClientId] + clientIds: state.order.get(action.rootClientId) }); } @@ -4419,26 +4564,21 @@ const withReplaceInnerBlocks = reducer => (state, action) => { // preserve their block order. Otherwise, an inner block controller's blocks // will be deleted entirely from its entity. - stateAfterInsert.order = { ...stateAfterInsert.order, - ...(0,external_lodash_namespaceObject.reduce)(nestedControllers, (result, value, key) => { - if (state.order[key]) { - result[key] = state.order[key]; - } + const stateAfterInsertOrder = new Map(stateAfterInsert.order); + Object.keys(nestedControllers).forEach(key => { + if (state.order.get(key)) { + stateAfterInsertOrder.set(key, state.order.get(key)); + } + }); + stateAfterInsert.order = stateAfterInsertOrder; + stateAfterInsert.tree = new Map(stateAfterInsert.tree); + Object.keys(nestedControllers).forEach(_key => { + const key = `controlled||${_key}`; - return result; - }, {}) - }; - stateAfterInsert.tree = { ...stateAfterInsert.tree, - ...(0,external_lodash_namespaceObject.reduce)(nestedControllers, (result, value, _key) => { - const key = `controlled||${_key}`; - - if (state.tree[key]) { - result[key] = state.tree[key]; - } - - return result; - }, {}) - }; + if (state.tree.has(key)) { + stateAfterInsert.tree.set(key, state.tree.get(key)); + } + }); } return stateAfterInsert; @@ -4468,18 +4608,17 @@ const withSaveReusableBlock = reducer => (state, action) => { state = { ...state }; - state.attributes = (0,external_lodash_namespaceObject.mapValues)(state.attributes, (attributes, clientId) => { + state.attributes = new Map(state.attributes); + state.attributes.forEach((attributes, clientId) => { const { name - } = state.byClientId[clientId]; + } = state.byClientId.get(clientId); if (name === 'core/block' && attributes.ref === id) { - return { ...attributes, + state.attributes.set(clientId, { ...attributes, ref: updatedId - }; + }); } - - return attributes; }); } @@ -4518,135 +4657,209 @@ const withResetControlledBlocks = reducer => (state, action) => { */ -const blocks = (0,external_lodash_namespaceObject.flow)(external_wp_data_namespaceObject.combineReducers, withSaveReusableBlock, // Needs to be before withBlockCache. +const blocks = (0,external_wp_compose_namespaceObject.pipe)(external_wp_data_namespaceObject.combineReducers, withSaveReusableBlock, // Needs to be before withBlockCache. withBlockTree, // Needs to be before withInnerBlocksRemoveCascade. withInnerBlocksRemoveCascade, withReplaceInnerBlocks, // Needs to be after withInnerBlocksRemoveCascade. withBlockReset, withPersistentBlockChange, withIgnoredBlockChange, withResetControlledBlocks)({ + // The state is using a Map instead of a plain object for performance reasons. + // You can run the "./test/performance.js" unit test to check the impact + // code changes can have on this reducer. byClientId() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Map(); let action = arguments.length > 1 ? arguments[1] : undefined; switch (action.type) { case 'RECEIVE_BLOCKS': case 'INSERT_BLOCKS': - return { ...state, - ...getFlattenedBlocksWithoutAttributes(action.blocks) - }; + { + const newState = new Map(state); + getFlattenedBlocksWithoutAttributes(action.blocks).forEach(_ref2 => { + let [key, value] = _ref2; + newState.set(key, value); + }); + return newState; + } case 'UPDATE_BLOCK': - // Ignore updates if block isn't known. - if (!state[action.clientId]) { - return state; - } // Do nothing if only attributes change. + { + // Ignore updates if block isn't known. + if (!state.has(action.clientId)) { + return state; + } // Do nothing if only attributes change. - const changes = (0,external_lodash_namespaceObject.omit)(action.updates, 'attributes'); - - if ((0,external_lodash_namespaceObject.isEmpty)(changes)) { - return state; - } - - return { ...state, - [action.clientId]: { ...state[action.clientId], + const { + attributes, ...changes + } = action.updates; + + if (Object.values(changes).length === 0) { + return state; } - }; + + const newState = new Map(state); + newState.set(action.clientId, { ...state.get(action.clientId), + ...changes + }); + return newState; + } case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN': - if (!action.blocks) { - return state; + { + if (!action.blocks) { + return state; + } + + const newState = new Map(state); + action.replacedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + getFlattenedBlocksWithoutAttributes(action.blocks).forEach(_ref3 => { + let [key, value] = _ref3; + newState.set(key, value); + }); + return newState; } - return { ...(0,external_lodash_namespaceObject.omit)(state, action.replacedClientIds), - ...getFlattenedBlocksWithoutAttributes(action.blocks) - }; - case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN': - return (0,external_lodash_namespaceObject.omit)(state, action.removedClientIds); + { + const newState = new Map(state); + action.removedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + return newState; + } } return state; }, + // The state is using a Map instead of a plain object for performance reasons. + // You can run the "./test/performance.js" unit test to check the impact + // code changes can have on this reducer. attributes() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Map(); let action = arguments.length > 1 ? arguments[1] : undefined; switch (action.type) { case 'RECEIVE_BLOCKS': case 'INSERT_BLOCKS': - return { ...state, - ...getFlattenedBlockAttributes(action.blocks) - }; - - case 'UPDATE_BLOCK': - // Ignore updates if block isn't known or there are no attribute changes. - if (!state[action.clientId] || !action.updates.attributes) { - return state; + { + const newState = new Map(state); + getFlattenedBlockAttributes(action.blocks).forEach(_ref4 => { + let [key, value] = _ref4; + newState.set(key, value); + }); + return newState; } - return { ...state, - [action.clientId]: { ...state[action.clientId], - ...action.updates.attributes + case 'UPDATE_BLOCK': + { + // Ignore updates if block isn't known or there are no attribute changes. + if (!state.get(action.clientId) || !action.updates.attributes) { + return state; } - }; + + const newState = new Map(state); + newState.set(action.clientId, { ...state.get(action.clientId), + ...action.updates.attributes + }); + return newState; + } case 'UPDATE_BLOCK_ATTRIBUTES': { // Avoid a state change if none of the block IDs are known. - if (action.clientIds.every(id => !state[id])) { + if (action.clientIds.every(id => !state.get(id))) { return state; } - const next = action.clientIds.reduce((accumulator, id) => ({ ...accumulator, - [id]: (0,external_lodash_namespaceObject.reduce)(action.uniqueByBlock ? action.attributes[id] : action.attributes, (result, value, key) => { - // Consider as updates only changed values. - if (value !== result[key]) { - result = getMutateSafeObject(state[id], result); - result[key] = value; + let hasChange = false; + const newState = new Map(state); + + for (const clientId of action.clientIds) { + var _action$attributes; + + const updatedAttributeEntries = Object.entries(action.uniqueByBlock ? action.attributes[clientId] : (_action$attributes = action.attributes) !== null && _action$attributes !== void 0 ? _action$attributes : {}); + + if (updatedAttributeEntries.length === 0) { + continue; + } + + let hasUpdatedAttributes = false; + const existingAttributes = state.get(clientId); + const newAttributes = {}; + updatedAttributeEntries.forEach(_ref5 => { + let [key, value] = _ref5; + + if (existingAttributes[key] !== value) { + hasUpdatedAttributes = true; + newAttributes[key] = value; } + }); + hasChange = hasChange || hasUpdatedAttributes; - return result; - }, state[id]) - }), {}); - - if (action.clientIds.every(id => next[id] === state[id])) { - return state; + if (hasUpdatedAttributes) { + newState.set(clientId, { ...existingAttributes, + ...newAttributes + }); + } } - return { ...state, - ...next - }; + return hasChange ? newState : state; } case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN': - if (!action.blocks) { - return state; + { + if (!action.blocks) { + return state; + } + + const newState = new Map(state); + action.replacedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + getFlattenedBlockAttributes(action.blocks).forEach(_ref6 => { + let [key, value] = _ref6; + newState.set(key, value); + }); + return newState; } - return { ...(0,external_lodash_namespaceObject.omit)(state, action.replacedClientIds), - ...getFlattenedBlockAttributes(action.blocks) - }; - case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN': - return (0,external_lodash_namespaceObject.omit)(state, action.removedClientIds); + { + const newState = new Map(state); + action.removedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + return newState; + } } return state; }, + // The state is using a Map instead of a plain object for performance reasons. + // You can run the "./test/performance.js" unit test to check the impact + // code changes can have on this reducer. order() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Map(); let action = arguments.length > 1 ? arguments[1] : undefined; switch (action.type) { case 'RECEIVE_BLOCKS': { + var _state$get; + const blockOrder = mapBlockOrder(action.blocks); - return { ...state, - ...(0,external_lodash_namespaceObject.omit)(blockOrder, ''), - '': ((state === null || state === void 0 ? void 0 : state['']) || []).concat(blockOrder['']) - }; + const newState = new Map(state); + blockOrder.forEach((order, clientId) => { + if (clientId !== '') { + newState.set(clientId, order); + } + }); + newState.set('', ((_state$get = state.get('')) !== null && _state$get !== void 0 ? _state$get : []).concat(blockOrder[''])); + return newState; } case 'INSERT_BLOCKS': @@ -4654,41 +4867,45 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange, withResetCont const { rootClientId = '' } = action; - const subState = state[rootClientId] || []; + const subState = state.get(rootClientId) || []; const mappedBlocks = mapBlockOrder(action.blocks, rootClientId); const { index = subState.length } = action; - return { ...state, - ...mappedBlocks, - [rootClientId]: insertAt(subState, mappedBlocks[rootClientId], index) - }; + const newState = new Map(state); + mappedBlocks.forEach((order, clientId) => { + newState.set(clientId, order); + }); + newState.set(rootClientId, insertAt(subState, mappedBlocks.get(rootClientId), index)); + return newState; } case 'MOVE_BLOCKS_TO_POSITION': { + var _state$get$filter, _state$get2; + const { fromRootClientId = '', toRootClientId = '', clientIds } = action; const { - index = state[toRootClientId].length + index = state.get(toRootClientId).length } = action; // Moving inside the same parent block. if (fromRootClientId === toRootClientId) { - const subState = state[toRootClientId]; + const subState = state.get(toRootClientId); const fromIndex = subState.indexOf(clientIds[0]); - return { ...state, - [toRootClientId]: moveTo(state[toRootClientId], fromIndex, index, clientIds.length) - }; + const newState = new Map(state); + newState.set(toRootClientId, moveTo(state.get(toRootClientId), fromIndex, index, clientIds.length)); + return newState; } // Moving from a parent block to another. - return { ...state, - [fromRootClientId]: (0,external_lodash_namespaceObject.without)(state[fromRootClientId], ...clientIds), - [toRootClientId]: insertAt(state[toRootClientId], clientIds, index) - }; + const newState = new Map(state); + newState.set(fromRootClientId, (_state$get$filter = (_state$get2 = state.get(fromRootClientId)) === null || _state$get2 === void 0 ? void 0 : _state$get2.filter(id => !clientIds.includes(id))) !== null && _state$get$filter !== void 0 ? _state$get$filter : []); + newState.set(toRootClientId, insertAt(state.get(toRootClientId), clientIds, index)); + return newState; } case 'MOVE_BLOCKS_UP': @@ -4698,16 +4915,16 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange, withResetCont rootClientId = '' } = action; const firstClientId = clientIds[0]; - const subState = state[rootClientId]; + const subState = state.get(rootClientId); if (!subState.length || firstClientId === subState[0]) { return state; } const firstIndex = subState.indexOf(firstClientId); - return { ...state, - [rootClientId]: moveTo(subState, firstIndex, firstIndex - 1, clientIds.length) - }; + const newState = new Map(state); + newState.set(rootClientId, moveTo(subState, firstIndex, firstIndex - 1, clientIds.length)); + return newState; } case 'MOVE_BLOCKS_DOWN': @@ -4718,16 +4935,16 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange, withResetCont } = action; const firstClientId = clientIds[0]; const lastClientId = clientIds[clientIds.length - 1]; - const subState = state[rootClientId]; + const subState = state.get(rootClientId); if (!subState.length || lastClientId === subState[subState.length - 1]) { return state; } const firstIndex = subState.indexOf(firstClientId); - return { ...state, - [rootClientId]: moveTo(subState, firstIndex, firstIndex + 1, clientIds.length) - }; + const newState = new Map(state); + newState.set(rootClientId, moveTo(subState, firstIndex, firstIndex + 1, clientIds.length)); + return newState; } case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN': @@ -4741,25 +4958,50 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange, withResetCont } const mappedBlocks = mapBlockOrder(action.blocks); - return (0,external_lodash_namespaceObject.flow)([nextState => (0,external_lodash_namespaceObject.omit)(nextState, action.replacedClientIds), nextState => ({ ...nextState, - ...(0,external_lodash_namespaceObject.omit)(mappedBlocks, '') - }), nextState => (0,external_lodash_namespaceObject.mapValues)(nextState, subState => (0,external_lodash_namespaceObject.reduce)(subState, (result, clientId) => { - if (clientId === clientIds[0]) { - return [...result, ...mappedBlocks['']]; + const newState = new Map(state); + action.replacedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + mappedBlocks.forEach((order, clientId) => { + if (clientId !== '') { + newState.set(clientId, order); } + }); + newState.forEach((order, clientId) => { + const newSubOrder = Object.values(order).reduce((result, subClientId) => { + if (subClientId === clientIds[0]) { + return [...result, ...mappedBlocks.get('')]; + } - if (clientIds.indexOf(clientId) === -1) { - result.push(clientId); - } + if (clientIds.indexOf(subClientId) === -1) { + result.push(subClientId); + } - return result; - }, []))])(state); + return result; + }, []); + newState.set(clientId, newSubOrder); + }); + return newState; } case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN': - return (0,external_lodash_namespaceObject.flow)([// Remove inner block ordering for removed blocks. - nextState => (0,external_lodash_namespaceObject.omit)(nextState, action.removedClientIds), // Remove deleted blocks from other blocks' orderings. - nextState => (0,external_lodash_namespaceObject.mapValues)(nextState, subState => (0,external_lodash_namespaceObject.without)(subState, ...action.removedClientIds))])(state); + { + const newState = new Map(state); // Remove inner block ordering for removed blocks. + + action.removedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + newState.forEach((order, clientId) => { + var _order$filter; + + const newSubOrder = (_order$filter = order === null || order === void 0 ? void 0 : order.filter(id => !action.removedClientIds.includes(id))) !== null && _order$filter !== void 0 ? _order$filter : []; + + if (newSubOrder.length !== order.length) { + newState.set(clientId, newSubOrder); + } + }); + return newState; + } } return state; @@ -4768,37 +5010,60 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange, withResetCont // While technically redundant data as the inverse of `order`, it serves as // an optimization for the selectors which derive the ancestry of a block. parents() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Map(); let action = arguments.length > 1 ? arguments[1] : undefined; switch (action.type) { case 'RECEIVE_BLOCKS': - return { ...state, - ...mapBlockParents(action.blocks) - }; + { + const newState = new Map(state); + mapBlockParents(action.blocks).forEach(_ref7 => { + let [key, value] = _ref7; + newState.set(key, value); + }); + return newState; + } case 'INSERT_BLOCKS': - return { ...state, - ...mapBlockParents(action.blocks, action.rootClientId || '') - }; + { + const newState = new Map(state); + mapBlockParents(action.blocks, action.rootClientId || '').forEach(_ref8 => { + let [key, value] = _ref8; + newState.set(key, value); + }); + return newState; + } case 'MOVE_BLOCKS_TO_POSITION': { - return { ...state, - ...action.clientIds.reduce((accumulator, id) => { - accumulator[id] = action.toRootClientId || ''; - return accumulator; - }, {}) - }; + const newState = new Map(state); + action.clientIds.forEach(id => { + newState.set(id, action.toRootClientId || ''); + }); + return newState; } case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN': - return { ...(0,external_lodash_namespaceObject.omit)(state, action.replacedClientIds), - ...mapBlockParents(action.blocks, state[action.clientIds[0]]) - }; + { + const newState = new Map(state); + action.replacedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + mapBlockParents(action.blocks, state.get(action.clientIds[0])).forEach(_ref9 => { + let [key, value] = _ref9; + newState.set(key, value); + }); + return newState; + } case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN': - return (0,external_lodash_namespaceObject.omit)(state, action.removedClientIds); + { + const newState = new Map(state); + action.removedClientIds.forEach(clientId => { + newState.delete(clientId); + }); + return newState; + } } return state; @@ -4818,23 +5083,33 @@ withBlockReset, withPersistentBlockChange, withIgnoredBlockChange, withResetCont }; } - return state; - }, - - visibility() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let action = arguments.length > 1 ? arguments[1] : undefined; - - if (action.type === 'SET_BLOCK_VISIBILITY') { - return { ...state, - ...action.updates - }; - } - return state; } }); +/** + * Reducer returning visibility status of block interface. + * + * @param {boolean} state Current state. + * @param {Object} action Dispatched action. + * + * @return {boolean} Updated state. + */ + +function isBlockInterfaceHidden() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; + let action = arguments.length > 1 ? arguments[1] : undefined; + + switch (action.type) { + case 'HIDE_BLOCK_INTERFACE': + return true; + + case 'SHOW_BLOCK_INTERFACE': + return false; + } + + return state; +} /** * Reducer returning typing state. * @@ -4881,6 +5156,27 @@ function draggedBlocks() { return state; } +/** + * Reducer tracking the visible blocks. + * + * @param {Record} state Current state. + * @param {Object} action Dispatched action. + * + * @return {Record} Block visibility. + */ + +function blockVisibility() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let action = arguments.length > 1 ? arguments[1] : undefined; + + if (action.type === 'SET_BLOCK_VISIBILITY') { + return { ...state, + ...action.updates + }; + } + + return state; +} /** * Internal helper reducer for selectionStart and selectionEnd. Can hold a block * selection, represented by an object with property clientId. @@ -5154,16 +5450,22 @@ function insertionPoint() { switch (action.type) { case 'SHOW_INSERTION_POINT': - const { - rootClientId, - index, - __unstableWithInserter - } = action; - return { - rootClientId, - index, - __unstableWithInserter - }; + { + const { + rootClientId, + index, + __unstableWithInserter, + operation + } = action; + const nextState = { + rootClientId, + index, + __unstableWithInserter, + operation + }; // Bail out updates if the states are the same. + + return es6_default()(state, nextState) ? state : nextState; + } case 'HIDE_INSERTION_POINT': return null; @@ -5285,7 +5587,10 @@ const blockListSettings = function () { case 'REPLACE_BLOCKS': case 'REMOVE_BLOCKS': { - return (0,external_lodash_namespaceObject.omit)(state, action.clientIds); + return Object.fromEntries(Object.entries(state).filter(_ref10 => { + let [id] = _ref10; + return !action.clientIds.includes(id); + })); } case 'UPDATE_BLOCK_LIST_SETTINGS': @@ -5296,13 +5601,17 @@ const blockListSettings = function () { if (!action.settings) { if (state.hasOwnProperty(clientId)) { - return (0,external_lodash_namespaceObject.omit)(state, clientId); + const { + [clientId]: removedBlock, + ...restBlocks + } = state; + return restBlocks; } return state; } - if ((0,external_lodash_namespaceObject.isEqual)(state[clientId], action.settings)) { + if (es6_default()(state[clientId], action.settings)) { return state; } @@ -5374,7 +5683,10 @@ function hasBlockMovingClientId() { * @return {[string,Object]} Updated state. */ -function lastBlockAttributesChange(state, action) { +function lastBlockAttributesChange() { + let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; + let action = arguments.length > 1 ? arguments[1] : undefined; + switch (action.type) { case 'UPDATE_BLOCK': if (!action.updates.attributes) { @@ -5391,7 +5703,7 @@ function lastBlockAttributesChange(state, action) { }), {}); } - return null; + return state; } /** * Reducer returning automatic change state. @@ -5399,7 +5711,7 @@ function lastBlockAttributesChange(state, action) { * @param {?string} state Current state. * @param {Object} action Dispatched action. * - * @return {string} Updated state. + * @return {string | undefined} Updated state. */ function automaticChangeStatus(state, action) { @@ -5485,14 +5797,18 @@ function lastBlockInserted() { switch (action.type) { case 'INSERT_BLOCKS': + case 'REPLACE_BLOCKS': + case 'REPLACE_INNER_BLOCKS': if (!action.blocks.length) { return state; } - const clientId = action.blocks[0].clientId; + const clientIds = action.blocks.map(block => { + return block.clientId; + }); const source = (_action$meta = action.meta) === null || _action$meta === void 0 ? void 0 : _action$meta.source; return { - clientId, + clientIds, source }; @@ -5524,6 +5840,7 @@ function temporarilyEditingAsBlocks() { /* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ blocks, isTyping, + isBlockInterfaceHidden, draggedBlocks, selection, isMultiSelecting, @@ -5541,7 +5858,8 @@ function temporarilyEditingAsBlocks() { automaticChangeStatus, highlightedBlock, lastBlockInserted, - temporarilyEditingAsBlocks + temporarilyEditingAsBlocks, + blockVisibility })); ;// CONCATENATED MODULE: ./node_modules/rememo/rememo.js @@ -5885,12 +6203,68 @@ function mapRichTextSettings(attributeDefinition) { }; } +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/sorting.js +/** + * Recursive stable sorting comparator function. + * + * @param {string|Function} field Field to sort by. + * @param {Array} items Items to sort. + * @param {string} order Order, 'asc' or 'desc'. + * @return {Function} Comparison function to be used in a `.sort()`. + */ +const comparator = (field, items, order) => { + return (a, b) => { + let cmpA, cmpB; + + if (typeof field === 'function') { + cmpA = field(a); + cmpB = field(b); + } else { + cmpA = a[field]; + cmpB = b[field]; + } + + if (cmpA > cmpB) { + return order === 'asc' ? 1 : -1; + } else if (cmpB > cmpA) { + return order === 'asc' ? -1 : 1; + } + + const orderA = items.findIndex(item => item === a); + const orderB = items.findIndex(item => item === b); // Stable sort: maintaining original array order + + if (orderA > orderB) { + return 1; + } else if (orderB > orderA) { + return -1; + } + + return 0; + }; +}; +/** + * Order items by a certain key. + * Supports decorator functions that allow complex picking of a comparison field. + * Sorts in ascending order by default, but supports descending as well. + * Stable sort - maintains original order of equal items. + * + * @param {Array} items Items to order. + * @param {string|Function} field Field to order by. + * @param {string} order Sorting order, `asc` or `desc`. + * @return {Array} Sorted items. + */ + + +function orderBy(items, field) { + let order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'asc'; + return items.concat().sort(comparator(field, items, order)); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/selectors.js /** * External dependencies */ - /** * WordPress dependencies */ @@ -5907,6 +6281,7 @@ function mapRichTextSettings(attributeDefinition) { */ + /** * A block selection object. * @@ -5944,14 +6319,14 @@ const EMPTY_ARRAY = []; */ function getBlockName(state, clientId) { - const block = state.blocks.byClientId[clientId]; + const block = state.blocks.byClientId.get(clientId); const socialLinkName = 'core/social-link'; if (external_wp_element_namespaceObject.Platform.OS !== 'web' && (block === null || block === void 0 ? void 0 : block.name) === socialLinkName) { - const attributes = state.blocks.attributes[clientId]; + const attributes = state.blocks.attributes.get(clientId); const { service - } = attributes; + } = attributes !== null && attributes !== void 0 ? attributes : {}; return service ? `${socialLinkName}-${service}` : socialLinkName; } @@ -5967,7 +6342,7 @@ function getBlockName(state, clientId) { */ function isBlockValid(state, clientId) { - const block = state.blocks.byClientId[clientId]; + const block = state.blocks.byClientId.get(clientId); return !!block && block.isValid; } /** @@ -5981,13 +6356,13 @@ function isBlockValid(state, clientId) { */ function getBlockAttributes(state, clientId) { - const block = state.blocks.byClientId[clientId]; + const block = state.blocks.byClientId.get(clientId); if (!block) { return null; } - return state.blocks.attributes[clientId]; + return state.blocks.attributes.get(clientId); } /** * Returns a block given its client ID. This is a parsed copy of the block, @@ -6012,25 +6387,21 @@ function getBlockAttributes(state, clientId) { */ function getBlock(state, clientId) { - const block = state.blocks.byClientId[clientId]; - - if (!block) { + if (!state.blocks.byClientId.has(clientId)) { return null; } - return state.blocks.tree[clientId]; + return state.blocks.tree.get(clientId); } const __unstableGetBlockWithoutInnerBlocks = rememo((state, clientId) => { - const block = state.blocks.byClientId[clientId]; - - if (!block) { + if (!state.blocks.byClientId.has(clientId)) { return null; } - return { ...block, + return { ...state.blocks.byClientId.get(clientId), attributes: getBlockAttributes(state, clientId) }; -}, (state, clientId) => [state.blocks.byClientId[clientId], state.blocks.attributes[clientId]]); +}, (state, clientId) => [state.blocks.byClientId.get(clientId), state.blocks.attributes.get(clientId)]); /** * Returns all block objects for the current post being edited as an array in * the order they appear in the post. Note that this will exclude child blocks @@ -6043,10 +6414,10 @@ const __unstableGetBlockWithoutInnerBlocks = rememo((state, clientId) => { */ function getBlocks(state, rootClientId) { - var _state$blocks$tree$tr; + var _state$blocks$tree$ge; const treeKey = !rootClientId || !areInnerBlocksControlled(state, rootClientId) ? rootClientId || '' : 'controlled||' + rootClientId; - return ((_state$blocks$tree$tr = state.blocks.tree[treeKey]) === null || _state$blocks$tree$tr === void 0 ? void 0 : _state$blocks$tree$tr.innerBlocks) || EMPTY_ARRAY; + return ((_state$blocks$tree$ge = state.blocks.tree.get(treeKey)) === null || _state$blocks$tree$ge === void 0 ? void 0 : _state$blocks$tree$ge.innerBlocks) || EMPTY_ARRAY; } /** * Returns a stripped down block object containing only its client ID, @@ -6075,7 +6446,7 @@ const __unstableGetClientIdWithClientIdsTree = rememo((state, clientId) => ({ const __unstableGetClientIdsTree = rememo(function (state) { let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; - return (0,external_lodash_namespaceObject.map)(getBlockOrder(state, rootClientId), clientId => __unstableGetClientIdWithClientIdsTree(state, clientId)); + return getBlockOrder(state, rootClientId).map(clientId => __unstableGetClientIdWithClientIdsTree(state, clientId)); }, state => [state.blocks.order]); /** * Returns an array containing the clientIds of all descendants of the blocks @@ -6135,8 +6506,8 @@ const getGlobalBlockCount = rememo((state, blockName) => { return clientIds.length; } - return (0,external_lodash_namespaceObject.reduce)(clientIds, (accumulator, clientId) => { - const block = state.blocks.byClientId[clientId]; + return clientIds.reduce((accumulator, clientId) => { + const block = state.blocks.byClientId.get(clientId); return block.name === blockName ? accumulator + 1 : accumulator; }, 0); }, state => [state.blocks.order, state.blocks.byClientId]); @@ -6156,7 +6527,7 @@ const __experimentalGetGlobalBlocksByName = rememo((state, blockName) => { const clientIds = getClientIdsWithDescendants(state); const foundBlocks = clientIds.filter(clientId => { - const block = state.blocks.byClientId[clientId]; + const block = state.blocks.byClientId.get(clientId); return block.name === blockName; }); return foundBlocks.length > 0 ? foundBlocks : EMPTY_ARRAY; @@ -6171,7 +6542,18 @@ const __experimentalGetGlobalBlocksByName = rememo((state, blockName) => { * @return {WPBlock[]} Block objects. */ -const getBlocksByClientId = rememo((state, clientIds) => (0,external_lodash_namespaceObject.map)((0,external_lodash_namespaceObject.castArray)(clientIds), clientId => getBlock(state, clientId)), (state, clientIds) => (0,external_lodash_namespaceObject.map)((0,external_lodash_namespaceObject.castArray)(clientIds), clientId => state.blocks.tree[clientId])); +const getBlocksByClientId = rememo((state, clientIds) => (Array.isArray(clientIds) ? clientIds : [clientIds]).map(clientId => getBlock(state, clientId)), (state, clientIds) => (Array.isArray(clientIds) ? clientIds : [clientIds]).map(clientId => state.blocks.tree.get(clientId))); +/** + * Given an array of block client IDs, returns the corresponding array of block + * names. + * + * @param {Object} state Editor state. + * @param {string[]} clientIds Client IDs for which block names are to be returned. + * + * @return {string[]} Block names. + */ + +const getBlockNamesByClientId = rememo((state, clientIds) => getBlocksByClientId(state, clientIds).filter(Boolean).map(block => block.name), (state, clientIds) => getBlocksByClientId(state, clientIds)); /** * Returns the number of blocks currently present in the post. * @@ -6314,7 +6696,7 @@ function getSelectedBlock(state) { */ function getBlockRootClientId(state, clientId) { - return state.blocks.parents[clientId] !== undefined ? state.blocks.parents[clientId] : null; + return state.blocks.parents.has(clientId) ? state.blocks.parents.get(clientId) : null; } /** * Given a block client ID, returns the list of all its parents from top to bottom. @@ -6331,8 +6713,8 @@ const getBlockParents = rememo(function (state, clientId) { const parents = []; let current = clientId; - while (!!state.blocks.parents[current]) { - current = state.blocks.parents[current]; + while (!!state.blocks.parents.get(current)) { + current = state.blocks.parents.get(current); parents.push(current); } @@ -6356,10 +6738,10 @@ const getBlockParents = rememo(function (state, clientId) { const getBlockParentsByBlockName = rememo(function (state, clientId, blockName) { let ascending = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false; const parents = getBlockParents(state, clientId, ascending); - return (0,external_lodash_namespaceObject.map)((0,external_lodash_namespaceObject.filter)((0,external_lodash_namespaceObject.map)(parents, id => ({ + return parents.map(id => ({ id, name: getBlockName(state, id) - })), _ref => { + })).filter(_ref => { let { name } = _ref; @@ -6369,7 +6751,7 @@ const getBlockParentsByBlockName = rememo(function (state, clientId, blockName) } return name === blockName; - }), _ref2 => { + }).map(_ref2 => { let { id } = _ref2; @@ -6391,7 +6773,7 @@ function getBlockHierarchyRootClientId(state, clientId) { do { parent = current; - current = state.blocks.parents[current]; + current = state.blocks.parents.get(current); } while (current); return parent; @@ -6470,7 +6852,7 @@ function getAdjacentBlockClientId(state, startClientId) { const { order } = state.blocks; - const orderSet = order[rootClientId]; + const orderSet = order.get(rootClientId); const index = orderSet.indexOf(startClientId); const nextIndex = index + 1 * modifier; // Block was first in set and we're attempting to get previous. @@ -6546,7 +6928,7 @@ const getSelectedBlockClientIds = rememo(state => { selectionEnd } = state.selection; - if (selectionStart.clientId === undefined || selectionEnd.clientId === undefined) { + if (!selectionStart.clientId || !selectionEnd.clientId) { return EMPTY_ARRAY; } @@ -6901,7 +7283,7 @@ const __unstableGetSelectedBlocksWithPartialSelection = state => { */ function getBlockOrder(state, rootClientId) { - return state.blocks.order[rootClientId || ''] || EMPTY_ARRAY; + return state.blocks.order.get(rootClientId || '') || EMPTY_ARRAY; } /** * Returns the index at which the block corresponding to the specified client @@ -6951,7 +7333,7 @@ function isBlockSelected(state, clientId) { function hasSelectedInnerBlock(state, clientId) { let deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; - return (0,external_lodash_namespaceObject.some)(getBlockOrder(state, clientId), innerClientId => isBlockSelected(state, innerClientId) || isBlockMultiSelected(state, innerClientId) || deep && hasSelectedInnerBlock(state, innerClientId, deep)); + return getBlockOrder(state, clientId).some(innerClientId => isBlockSelected(state, innerClientId) || isBlockMultiSelected(state, innerClientId) || deep && hasSelectedInnerBlock(state, innerClientId, deep)); } /** * Returns true if the block corresponding to the specified client ID is @@ -7097,7 +7479,7 @@ function isAncestorBeingDragged(state, clientId) { } const parents = getBlockParents(state, clientId); - return (0,external_lodash_namespaceObject.some)(parents, parentClientId => isBlockBeingDragged(state, parentClientId)); + return parents.some(parentClientId => isBlockBeingDragged(state, parentClientId)); } /** * Returns true if the caret is within formatted text, or false otherwise. @@ -7123,7 +7505,7 @@ function isCaretWithinFormattedText() { * @return {Object} Insertion point object with `rootClientId`, `index`. */ -function getBlockInsertionPoint(state) { +const getBlockInsertionPoint = rememo(state => { let rootClientId, index; const { insertionPoint, @@ -7151,7 +7533,7 @@ function getBlockInsertionPoint(state) { rootClientId, index }; -} +}, state => [state.insertionPoint, state.selection.selectionEnd.clientId, state.blocks.parents, state.blocks.order]); /** * Returns true if we should show the block insertion point. * @@ -7191,21 +7573,19 @@ function getTemplate(state) { * @param {Object} state Editor state. * @param {?string} rootClientId Optional block root client ID. * - * @return {?string} Block Template Lock + * @return {string|false} Block Template Lock */ function getTemplateLock(state, rootClientId) { + var _getBlockListSettings, _getBlockListSettings2; + if (!rootClientId) { - return state.settings.templateLock; + var _state$settings$templ; + + return (_state$settings$templ = state.settings.templateLock) !== null && _state$settings$templ !== void 0 ? _state$settings$templ : false; } - const blockListSettings = getBlockListSettings(state, rootClientId); - - if (!blockListSettings) { - return undefined; - } - - return blockListSettings.templateLock; + return (_getBlockListSettings = (_getBlockListSettings2 = getBlockListSettings(state, rootClientId)) === null || _getBlockListSettings2 === void 0 ? void 0 : _getBlockListSettings2.templateLock) !== null && _getBlockListSettings !== void 0 ? _getBlockListSettings : false; } const checkAllowList = function (list, item) { @@ -7290,7 +7670,7 @@ const canInsertBlockTypeUnmemoized = function (state, blockName) { if (blockAllowedAncestorBlocks) { const ancestors = [rootClientId, ...getBlockParents(state, rootClientId)]; - hasBlockAllowedAncestor = (0,external_lodash_namespaceObject.some)(ancestors, ancestorClientId => checkAllowList(blockAllowedAncestorBlocks, getBlockName(state, ancestorClientId))); + hasBlockAllowedAncestor = ancestors.some(ancestorClientId => checkAllowList(blockAllowedAncestorBlocks, getBlockName(state, ancestorClientId))); } const canInsert = hasBlockAllowedAncestor && (hasParentAllowedBlock === null && hasBlockAllowedParent === null || hasParentAllowedBlock === true || hasBlockAllowedParent === true); @@ -7331,7 +7711,7 @@ const canInsertBlockTypeUnmemoized = function (state, blockName) { */ -const canInsertBlockType = rememo(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId[rootClientId], state.settings.allowedBlockTypes, state.settings.templateLock]); +const canInsertBlockType = rememo(canInsertBlockTypeUnmemoized, (state, blockName, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId), state.settings.allowedBlockTypes, state.settings.templateLock]); /** * Determines if the given blocks are allowed to be inserted into the block * list. @@ -7398,7 +7778,7 @@ function canRemoveBlocks(state, clientIds) { * @param {string} clientId The block client Id. * @param {?string} rootClientId Optional root client ID of block list. * - * @return {boolean} Whether the given block is allowed to be moved. + * @return {boolean | undefined} Whether the given block is allowed to be moved. */ function canMoveBlock(state, clientId) { @@ -7598,8 +7978,11 @@ const buildBlockTypeItem = (state, _ref3) => { let isDisabled = false; if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType.name, 'multiple', true)) { - isDisabled = (0,external_lodash_namespaceObject.some)(getBlocksByClientId(state, getClientIdsWithDescendants(state)), { - name: blockType.name + isDisabled = getBlocksByClientId(state, getClientIdsWithDescendants(state)).some(_ref4 => { + let { + name + } = _ref4; + return name === blockType.name; }); } @@ -7736,10 +8119,10 @@ const getInserterItems = rememo(function (state) { variations = [] } = item; // Exclude any block type item that is to be replaced by a default variation. - if (!variations.some(_ref4 => { + if (!variations.some(_ref5 => { let { isDefault - } = _ref4; + } = _ref5; return isDefault; })) { accumulator.push(item); @@ -7808,14 +8191,14 @@ const getBlockTransformItems = rememo(function (state, blocks) { var _itemsByName$sourceBl; let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null; - const normalizedBlocks = (0,external_lodash_namespaceObject.castArray)(blocks); + const normalizedBlocks = Array.isArray(blocks) ? blocks : [blocks]; const [sourceBlock] = normalizedBlocks; const buildBlockTypeTransformItem = buildBlockTypeItem(state, { buildScope: 'transform' }); const blockTypeTransformItems = (0,external_wp_blocks_namespaceObject.getBlockTypes)().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)).map(buildBlockTypeTransformItem); - const itemsByName = Object.fromEntries(Object.entries(blockTypeTransformItems).map(_ref5 => { - let [, value] = _ref5; + const itemsByName = Object.fromEntries(Object.entries(blockTypeTransformItems).map(_ref6 => { + let [, value] = _ref6; return [value.name, value]; })); // Consider unwraping the highest priority. @@ -7836,8 +8219,8 @@ const getBlockTransformItems = rememo(function (state, blocks) { return accumulator; }, []); - return (0,external_lodash_namespaceObject.orderBy)(possibleTransforms, block => itemsByName[block.name].frecency, 'desc'); -}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, (0,external_wp_blocks_namespaceObject.getBlockTypes)()]); + return orderBy(possibleTransforms, block => itemsByName[block.name].frecency, 'desc'); +}, (state, blocks, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, (0,external_wp_blocks_namespaceObject.getBlockTypes)()]); /** * Determines whether there are items to show in the inserter. * @@ -7849,7 +8232,7 @@ const getBlockTransformItems = rememo(function (state, blocks) { const hasInserterItems = rememo(function (state) { let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; - const hasBlockType = (0,external_lodash_namespaceObject.some)((0,external_wp_blocks_namespaceObject.getBlockTypes)(), blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)); + const hasBlockType = (0,external_wp_blocks_namespaceObject.getBlockTypes)().some(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)); if (hasBlockType) { return true; @@ -7859,7 +8242,7 @@ const hasInserterItems = rememo(function (state) { return hasReusableBlock; }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), (0,external_wp_blocks_namespaceObject.getBlockTypes)()]); /** - * Returns the list of allowed inserter blocks for inner blocks children + * Returns the list of allowed inserter blocks for inner blocks children. * * @param {Object} state Editor state. * @param {?string} rootClientId Optional root client ID of block list. @@ -7867,15 +8250,24 @@ const hasInserterItems = rememo(function (state) { * @return {Array?} The list of allowed block types. */ -const __experimentalGetAllowedBlocks = rememo(function (state) { +const getAllowedBlocks = rememo(function (state) { let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; if (!rootClientId) { return; } - return (0,external_lodash_namespaceObject.filter)((0,external_wp_blocks_namespaceObject.getBlockTypes)(), blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)); + return (0,external_wp_blocks_namespaceObject.getBlockTypes)().filter(blockType => canIncludeBlockTypeInInserter(state, blockType, rootClientId)); }, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, (0,external_wp_blocks_namespaceObject.getBlockTypes)()]); +const __experimentalGetAllowedBlocks = rememo(function (state) { + let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; + external_wp_deprecated_default()('wp.data.select( "core/block-editor" ).__experimentalGetAllowedBlocks', { + alternative: 'wp.data.select( "core/block-editor" ).getAllowedBlocks', + since: '6.2', + version: '6.4' + }); + return getAllowedBlocks(state, rootClientId); +}, (state, rootClientId) => [...getAllowedBlocks.getDependants(state, rootClientId)]); /** * Returns the block to be directly inserted by the block appender. * @@ -7911,7 +8303,7 @@ const __experimentalGetDirectInsertBlock = rememo(function (state) { } return defaultBlock; -}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree[rootClientId]]); +}, (state, rootClientId) => [state.blockListSettings[rootClientId], state.blocks.tree.get(rootClientId)]); const checkAllowListRecursive = (blocks, allowedBlockTypes) => { if (typeof allowedBlockTypes === 'boolean') { @@ -7940,10 +8332,10 @@ const checkAllowListRecursive = (blocks, allowedBlockTypes) => { const __experimentalGetParsedPattern = rememo((state, patternName) => { const patterns = state.settings.__experimentalBlockPatterns; - const pattern = patterns.find(_ref6 => { + const pattern = patterns.find(_ref7 => { let { name - } = _ref6; + } = _ref7; return name === patternName; }); @@ -7962,21 +8354,21 @@ const getAllAllowedPatterns = rememo(state => { const { allowedBlockTypes } = getSettings(state); - const parsedPatterns = patterns.filter(_ref7 => { + const parsedPatterns = patterns.filter(_ref8 => { let { inserter = true - } = _ref7; + } = _ref8; return !!inserter; - }).map(_ref8 => { + }).map(_ref9 => { let { name - } = _ref8; + } = _ref9; return __experimentalGetParsedPattern(state, name); }); - const allowedPatterns = parsedPatterns.filter(_ref9 => { + const allowedPatterns = parsedPatterns.filter(_ref10 => { let { blocks - } = _ref9; + } = _ref10; return checkAllowListRecursive(blocks, allowedBlockTypes); }); return allowedPatterns; @@ -7993,19 +8385,19 @@ const getAllAllowedPatterns = rememo(state => { const __experimentalGetAllowedPatterns = rememo(function (state) { let rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; const availableParsedPatterns = getAllAllowedPatterns(state); - const patternsAllowed = (0,external_lodash_namespaceObject.filter)(availableParsedPatterns, _ref10 => { + const patternsAllowed = availableParsedPatterns.filter(_ref11 => { let { blocks - } = _ref10; - return blocks.every(_ref11 => { + } = _ref11; + return blocks.every(_ref12 => { let { name - } = _ref11; + } = _ref12; return canInsertBlockType(state, name, rootClientId); }); }); return patternsAllowed; -}, (state, rootClientId) => [state.settings.__experimentalBlockPatterns, state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId[rootClientId]]); +}, (state, rootClientId) => [state.settings.__experimentalBlockPatterns, state.settings.allowedBlockTypes, state.settings.templateLock, state.blockListSettings[rootClientId], state.blocks.byClientId.get(rootClientId)]); /** * Returns the list of patterns based on their declared `blockTypes` * and a block's name. @@ -8020,19 +8412,34 @@ const __experimentalGetAllowedPatterns = rememo(function (state) { * @return {Array} The list of matched block patterns based on declared `blockTypes` and block name. */ -const __experimentalGetPatternsByBlockTypes = rememo(function (state, blockNames) { +const getPatternsByBlockTypes = rememo(function (state, blockNames) { let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null; if (!blockNames) return EMPTY_ARRAY; const patterns = __experimentalGetAllowedPatterns(state, rootClientId); const normalizedBlockNames = Array.isArray(blockNames) ? blockNames : [blockNames]; - return patterns.filter(pattern => { + const filteredPatterns = patterns.filter(pattern => { var _pattern$blockTypes, _pattern$blockTypes$s; return pattern === null || pattern === void 0 ? void 0 : (_pattern$blockTypes = pattern.blockTypes) === null || _pattern$blockTypes === void 0 ? void 0 : (_pattern$blockTypes$s = _pattern$blockTypes.some) === null || _pattern$blockTypes$s === void 0 ? void 0 : _pattern$blockTypes$s.call(_pattern$blockTypes, blockName => normalizedBlockNames.includes(blockName)); }); -}, (state, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]); + + if (filteredPatterns.length === 0) { + return EMPTY_ARRAY; + } + + return filteredPatterns; +}, (state, blockNames, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]); +const __experimentalGetPatternsByBlockTypes = rememo(function (state, blockNames) { + let rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null; + external_wp_deprecated_default()('wp.data.select( "core/block-editor" ).__experimentalGetPatternsByBlockTypes', { + alternative: 'wp.data.select( "core/block-editor" ).getPatternsByBlockTypes', + since: '6.2', + version: '6.4' + }); + return getPatternsByBlockTypes(state, blockNames, rootClientId); +}, (state, blockNames, rootClientId) => [...__experimentalGetAllowedPatterns.getDependants(state, rootClientId)]); /** * Determines the items that appear in the available pattern transforms list. * @@ -8062,21 +8469,21 @@ const __experimentalGetPatternTransformItems = rememo(function (state, blocks) { * to check for this case too. */ - if (blocks.some(_ref12 => { + if (blocks.some(_ref13 => { let { clientId, innerBlocks - } = _ref12; + } = _ref13; return innerBlocks.length || areInnerBlocksControlled(state, clientId); })) { return EMPTY_ARRAY; } // Create a Set of the selected block names that is used in patterns filtering. - const selectedBlockNames = Array.from(new Set(blocks.map(_ref13 => { + const selectedBlockNames = Array.from(new Set(blocks.map(_ref14 => { let { name - } = _ref13; + } = _ref14; return name; }))); /** @@ -8086,8 +8493,8 @@ const __experimentalGetPatternTransformItems = rememo(function (state, blocks) { * Now this happens in the consumer to avoid heavy operations in the selector. */ - return __experimentalGetPatternsByBlockTypes(state, selectedBlockNames, rootClientId); -}, (state, rootClientId) => [...__experimentalGetPatternsByBlockTypes.getDependants(state, rootClientId)]); + return getPatternsByBlockTypes(state, selectedBlockNames, rootClientId); +}, (state, blocks, rootClientId) => [...getPatternsByBlockTypes.getDependants(state, rootClientId)]); /** * Returns the Block List settings of a block, if any exist. * @@ -8158,7 +8565,7 @@ const __experimentalGetBlockListSettingsForBlocks = rememo(function (state) { const __experimentalGetReusableBlockTitle = rememo((state, ref) => { var _reusableBlock$title; - const reusableBlock = (0,external_lodash_namespaceObject.find)(getReusableBlocks(state), block => block.id === ref); + const reusableBlock = getReusableBlocks(state).find(block => block.id === ref); if (!reusableBlock) { return null; @@ -8323,10 +8730,12 @@ const __experimentalGetActiveBlockIdByBlockNames = rememo((state, validBlockName */ function wasBlockJustInserted(state, clientId, source) { + var _lastBlockInserted$cl; + const { lastBlockInserted } = state; - return lastBlockInserted.clientId === clientId && lastBlockInserted.source === source; + return ((_lastBlockInserted$cl = lastBlockInserted.clientIds) === null || _lastBlockInserted$cl === void 0 ? void 0 : _lastBlockInserted$cl.includes(clientId)) && lastBlockInserted.source === source; } /** * Tells if the block is visible on the canvas or not. @@ -8337,9 +8746,9 @@ function wasBlockJustInserted(state, clientId, source) { */ function isBlockVisible(state, clientId) { - var _state$blocks$visibil, _state$blocks$visibil2; + var _state$blockVisibilit, _state$blockVisibilit2; - return (_state$blocks$visibil = (_state$blocks$visibil2 = state.blocks.visibility) === null || _state$blocks$visibil2 === void 0 ? void 0 : _state$blocks$visibil2[clientId]) !== null && _state$blocks$visibil !== void 0 ? _state$blocks$visibil : true; + return (_state$blockVisibilit = (_state$blockVisibilit2 = state.blockVisibility) === null || _state$blockVisibilit2 === void 0 ? void 0 : _state$blockVisibilit2[clientId]) !== null && _state$blockVisibilit !== void 0 ? _state$blockVisibilit : true; } /** * Returns the list of all hidden blocks. @@ -8349,14 +8758,20 @@ function isBlockVisible(state, clientId) { */ const __unstableGetVisibleBlocks = rememo(state => { - return new Set(Object.keys(state.blocks.visibility).filter(key => state.blocks.visibility[key])); -}, state => [state.blocks.visibility]); + return new Set(Object.keys(state.blockVisibility).filter(key => state.blockVisibility[key])); +}, state => [state.blockVisibility]); +/** + * DO-NOT-USE in production. + * This selector is created for internal/experimental only usage and may be + * removed anytime without any warning, causing breakage on any plugin or theme invoking it. + */ + const __unstableGetContentLockingParent = rememo((state, clientId) => { let current = clientId; let result; - while (!!state.blocks.parents[current]) { - current = state.blocks.parents[current]; + while (state.blocks.parents.has(current)) { + current = state.blocks.parents.get(current); if (getTemplateLock(state, current) === 'contentOnly') { result = current; @@ -8365,6 +8780,14 @@ const __unstableGetContentLockingParent = rememo((state, clientId) => { return result; }, state => [state.blocks.parents, state.blockListSettings]); +/** + * DO-NOT-USE in production. + * This selector is created for internal/experimental only usage and may be + * removed anytime without any warning, causing breakage on any plugin or theme invoking it. + * + * @param {Object} state Global application state. + */ + function __unstableGetTemporarilyEditingAsBlocks(state) { return state.temporarilyEditingAsBlocks; } @@ -8377,7 +8800,7 @@ function __unstableHasActiveBlockOverlayActive(state, clientId) { const editorMode = __unstableGetEditorMode(state); // In zoom-out mode, the block overlay is always active for top level blocks. - if (editorMode === 'zoom-out' && !getBlockRootClientId(state, clientId)) { + if (editorMode === 'zoom-out' && clientId && !getBlockRootClientId(state, clientId)) { return true; } // In navigation mode, the block overlay is active when the block is not // selected (and doesn't contain a selected child). The same behavior is @@ -8404,6 +8827,97 @@ function __unstableIsWithinBlockOverlay(state, clientId) { return false; } +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/private-actions.js +/** + * WordPress dependencies + */ + +/** + * A list of private/experimental block editor settings that + * should not become a part of the WordPress public API. + * BlockEditorProvider will remove these settings from the + * settings object it receives. + * + * @see https://github.com/WordPress/gutenberg/pull/46131 + */ + +const privateSettings = ['inserterMediaCategories']; +/** + * Action that updates the block editor settings and + * conditionally preserves the experimental ones. + * + * @param {Object} settings Updated settings + * @param {boolean} stripExperimentalSettings Whether to strip experimental settings. + * @return {Object} Action object + */ + +function __experimentalUpdateSettings(settings) { + let stripExperimentalSettings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; + let cleanSettings = settings; // There are no plugins in the mobile apps, so there is no + // need to strip the experimental settings: + + if (stripExperimentalSettings && external_wp_element_namespaceObject.Platform.OS === 'web') { + cleanSettings = {}; + + for (const key in settings) { + if (!privateSettings.includes(key)) { + cleanSettings[key] = settings[key]; + } + } + } + + return { + type: 'UPDATE_SETTINGS', + settings: cleanSettings + }; +} +/** + * Hides the block interface (eg. toolbar, outline, etc.) + * + * @return {Object} Action object. + */ + +function hideBlockInterface() { + return { + type: 'HIDE_BLOCK_INTERFACE' + }; +} +/** + * Shows the block interface (eg. toolbar, outline, etc.) + * + * @return {Object} Action object. + */ + +function showBlockInterface() { + return { + type: 'SHOW_BLOCK_INTERFACE' + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/private-selectors.js +/** + * Returns true if the block interface is hidden, or false otherwise. + * + * @param {Object} state Global application state. + * + * @return {boolean} Whether the block toolbar is hidden. + */ +function private_selectors_isBlockInterfaceHidden(state) { + return state.isBlockInterfaceHidden; +} +/** + * Gets the client ids of the last inserted blocks. + * + * @param {Object} state Global application state. + * @return {Array|undefined} Client Ids of the last inserted block(s). + */ + +function getLastInsertedBlocksClientIds(state) { + var _state$lastBlockInser; + + return state === null || state === void 0 ? void 0 : (_state$lastBlockInser = state.lastBlockInserted) === null || _state$lastBlockInser === void 0 ? void 0 : _state$lastBlockInser.clientIds; +} + ;// CONCATENATED MODULE: external ["wp","a11y"] var external_wp_a11y_namespaceObject = window["wp"]["a11y"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/selection.js @@ -8447,6 +8961,8 @@ function retrieveSelectedAttribute(blockAttributes) { +/** @typedef {import('../components/use-on-block-drop/types').WPDropOperation} WPDropOperation */ + const castArray = maybeArray => Array.isArray(maybeArray) ? maybeArray : [maybeArray]; /** * Action which will insert a default block insert action if there @@ -9039,10 +9555,13 @@ const insertBlocks = function (blocks, index, rootClientId) { /** * Action that shows the insertion point. * - * @param {?string} rootClientId Optional root client ID of block list on - * which to insert. - * @param {?number} index Index at which block should be inserted. - * @param {Object} __unstableOptions Whether or not to show an inserter button. + * @param {?string} rootClientId Optional root client ID of block list on + * which to insert. + * @param {?number} index Index at which block should be inserted. + * @param {?Object} __unstableOptions Additional options. + * @property {boolean} __unstableWithInserter Whether or not to show an inserter button. + * @property {WPDropOperation} operation The operation to perform when applied, + * either 'insert' or 'replace' for now. * * @return {Object} Action object. */ @@ -9051,26 +9570,35 @@ function showInsertionPoint(rootClientId, index) { let __unstableOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; const { - __unstableWithInserter + __unstableWithInserter, + operation } = __unstableOptions; return { type: 'SHOW_INSERTION_POINT', rootClientId, index, - __unstableWithInserter + __unstableWithInserter, + operation }; } /** * Action that hides the insertion point. - * - * @return {Object} Action object. */ -function hideInsertionPoint() { - return { +const hideInsertionPoint = () => _ref11 => { + let { + select, + dispatch + } = _ref11; + + if (!select.isBlockInsertionPointVisible()) { + return; + } + + dispatch({ type: 'HIDE_INSERTION_POINT' - }; -} + }); +}; /** * Action that resets the template validity. * @@ -9091,11 +9619,11 @@ function setTemplateValidity(isValid) { * @return {Object} Action object. */ -const synchronizeTemplate = () => _ref11 => { +const synchronizeTemplate = () => _ref12 => { let { select, dispatch - } = _ref11; + } = _ref12; dispatch({ type: 'SYNCHRONIZE_TEMPLATE' }); @@ -9110,12 +9638,12 @@ const synchronizeTemplate = () => _ref11 => { * @param {boolean} isForward */ -const __unstableDeleteSelection = isForward => _ref12 => { +const __unstableDeleteSelection = isForward => _ref13 => { let { registry, select, dispatch - } = _ref12; + } = _ref13; const selectionAnchor = select.getSelectionStart(); const selectionFocus = select.getSelectionEnd(); if (selectionAnchor.clientId === selectionFocus.clientId) return; // It's not mergeable if there's no rich text selection. @@ -9233,11 +9761,11 @@ const __unstableDeleteSelection = isForward => _ref12 => { * Split the current selection. */ -const __unstableSplitSelection = () => _ref13 => { +const __unstableSplitSelection = () => _ref14 => { let { select, dispatch - } = _ref13; + } = _ref14; const selectionAnchor = select.getSelectionStart(); const selectionFocus = select.getSelectionEnd(); if (selectionAnchor.clientId === selectionFocus.clientId) return; // Can't split if the selection is not set. @@ -9308,11 +9836,11 @@ const __unstableSplitSelection = () => _ref13 => { * Expand the selection to cover the entire blocks, removing partial selection. */ -const __unstableExpandSelection = () => _ref14 => { +const __unstableExpandSelection = () => _ref15 => { let { select, dispatch - } = _ref14; + } = _ref15; const selectionAnchor = select.getSelectionStart(); const selectionFocus = select.getSelectionEnd(); dispatch.selectionChange({ @@ -9331,12 +9859,12 @@ const __unstableExpandSelection = () => _ref14 => { * @param {string} secondBlockClientId Client ID of the second block to merge. */ -const mergeBlocks = (firstBlockClientId, secondBlockClientId) => _ref15 => { +const mergeBlocks = (firstBlockClientId, secondBlockClientId) => _ref16 => { let { registry, select, dispatch - } = _ref15; + } = _ref16; const blocks = [firstBlockClientId, secondBlockClientId]; dispatch({ type: 'MERGE_BLOCKS', @@ -9458,11 +9986,11 @@ const mergeBlocks = (firstBlockClientId, secondBlockClientId) => _ref15 => { const removeBlocks = function (clientIds) { let selectPrevious = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; - return _ref16 => { + return _ref17 => { let { select, dispatch - } = _ref16; + } = _ref17; if (!clientIds || !clientIds.length) { return; @@ -9663,10 +10191,10 @@ function selectionChange(clientId, attributeKey, startOffset, endOffset) { * @param {?number} index Optional index where to insert the default block. */ -const insertDefaultBlock = (attributes, rootClientId, index) => _ref17 => { +const insertDefaultBlock = (attributes, rootClientId, index) => _ref18 => { let { dispatch - } = _ref17; + } = _ref18; // Abort if there is no default block type (if it has been unregistered). const defaultBlockName = (0,external_wp_blocks_namespaceObject.getDefaultBlockName)(); @@ -9703,10 +10231,7 @@ function updateBlockListSettings(clientId, settings) { */ function updateSettings(settings) { - return { - type: 'UPDATE_SETTINGS', - settings - }; + return __experimentalUpdateSettings(settings, true); } /** * Action that signals that a temporary reusable block has been saved @@ -9755,10 +10280,10 @@ function __unstableMarkNextChangeAsNotPersistent() { * selection changes have been recorded. */ -const __unstableMarkAutomaticChange = () => _ref18 => { +const __unstableMarkAutomaticChange = () => _ref19 => { let { dispatch - } = _ref18; + } = _ref19; dispatch({ type: 'MARK_AUTOMATIC_CHANGE' }); @@ -9779,10 +10304,10 @@ const __unstableMarkAutomaticChange = () => _ref18 => { const setNavigationMode = function () { let isNavigationMode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; - return _ref19 => { + return _ref20 => { let { dispatch - } = _ref19; + } = _ref20; dispatch.__unstableSetEditorMode(isNavigationMode ? 'navigation' : 'edit'); }; @@ -9793,11 +10318,11 @@ const setNavigationMode = function () { * @param {string} mode Editor mode */ -const __unstableSetEditorMode = mode => _ref20 => { +const __unstableSetEditorMode = mode => _ref21 => { let { dispatch, select - } = _ref20; + } = _ref21; // When switching to zoom-out mode, we need to select the root block if (mode === 'zoom-out') { @@ -9829,10 +10354,10 @@ const __unstableSetEditorMode = mode => _ref20 => { const setBlockMovingClientId = function () { let hasBlockMovingClientId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; - return _ref21 => { + return _ref22 => { let { dispatch - } = _ref21; + } = _ref22; dispatch({ type: 'SET_BLOCK_MOVING_MODE', hasBlockMovingClientId @@ -9852,11 +10377,11 @@ const setBlockMovingClientId = function () { const duplicateBlocks = function (clientIds) { let updateSelection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; - return _ref22 => { + return _ref23 => { let { select, dispatch - } = _ref22; + } = _ref23; if (!clientIds || !clientIds.length) { return; @@ -9895,11 +10420,11 @@ const duplicateBlocks = function (clientIds) { * @param {string} clientId */ -const insertBeforeBlock = clientId => _ref23 => { +const insertBeforeBlock = clientId => _ref24 => { let { select, dispatch - } = _ref23; + } = _ref24; if (!clientId) { return; @@ -9921,11 +10446,11 @@ const insertBeforeBlock = clientId => _ref23 => { * @param {string} clientId */ -const insertAfterBlock = clientId => _ref24 => { +const insertAfterBlock = clientId => _ref25 => { let { select, dispatch - } = _ref24; + } = _ref25; if (!clientId) { return; @@ -9961,10 +10486,10 @@ function toggleBlockHighlight(clientId, isHighlighted) { * @param {string} clientId Target block client ID. */ -const flashBlock = clientId => async _ref25 => { +const flashBlock = clientId => async _ref26 => { let { dispatch - } = _ref25; + } = _ref26; dispatch(toggleBlockHighlight(clientId, true)); await new Promise(resolve => setTimeout(resolve, 150)); dispatch(toggleBlockHighlight(clientId, false)); @@ -9998,6 +10523,10 @@ function setBlockVisibility(updates) { /** * Action that sets whether a block is being temporaritly edited as blocks. * + * DO-NOT-USE in production. + * This action is created for internal/experimental only usage and may be + * removed anytime without any warning, causing breakage on any plugin or theme invoking it. + * * @param {?string} temporarilyEditingAsBlocks The block's clientId being temporaritly edited as blocks. */ @@ -10011,436 +10540,948 @@ function __unstableSetTemporarilyEditingAsBlocks(temporarilyEditingAsBlocks) { ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/constants.js const STORE_NAME = 'core/block-editor'; -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/index.js +;// CONCATENATED MODULE: external ["wp","experiments"] +var external_wp_experiments_namespaceObject = window["wp"]["experiments"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/fluid-utils.js /** - * WordPress dependencies + * The fluid utilities must match the backend equivalent. + * See: gutenberg_get_typography_font_size_value() in lib/block-supports/typography.php + * --------------------------------------------------------------- */ - +// Defaults. +const DEFAULT_MAXIMUM_VIEWPORT_WIDTH = '1600px'; +const DEFAULT_MINIMUM_VIEWPORT_WIDTH = '768px'; +const DEFAULT_SCALE_FACTOR = 1; +const DEFAULT_MINIMUM_FONT_SIZE_FACTOR = 0.75; +const DEFAULT_MINIMUM_FONT_SIZE_LIMIT = '14px'; /** - * Internal dependencies - */ - - - - - -/** - * Block editor data store configuration. + * Computes a fluid font-size value that uses clamp(). A minimum and maximum + * font size OR a single font size can be specified. * - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#registerStore - */ - -const storeConfig = { - reducer: reducer, - selectors: selectors_namespaceObject, - actions: actions_namespaceObject -}; -/** - * Store definition for the block editor namespace. + * If a single font size is specified, it is scaled up and down by + * minimumFontSizeFactor and maximumFontSizeFactor to arrive at the minimum and + * maximum sizes. * - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore - */ - -const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { ...storeConfig, - persist: ['preferences'] -}); // Ideally we'd use register instead of register stores. - -(0,external_wp_data_namespaceObject.registerStore)(STORE_NAME, { ...storeConfig, - persist: ['preferences'] -}); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-edit/context.js -/** - * WordPress dependencies - */ - -const DEFAULT_BLOCK_EDIT_CONTEXT = { - name: '', - isSelected: false -}; -const Context = (0,external_wp_element_namespaceObject.createContext)(DEFAULT_BLOCK_EDIT_CONTEXT); -const { - Provider -} = Context; - -/** - * A hook that returns the block edit context. + * @example + * ```js + * // Calculate fluid font-size value from a minimum and maximum value. + * const fontSize = getComputedFluidTypographyValue( { + * minimumFontSize: '20px', + * maximumFontSize: '45px' + * } ); + * // Calculate fluid font-size value from a single font size. + * const fontSize = getComputedFluidTypographyValue( { + * fontSize: '30px', + * } ); + * ``` * - * @return {Object} Block edit context + * @param {Object} args + * @param {?string} args.minimumViewPortWidth Minimum viewport size from which type will have fluidity. Optional if fontSize is specified. + * @param {?string} args.maximumViewPortWidth Maximum size up to which type will have fluidity. Optional if fontSize is specified. + * @param {string|number} [args.fontSize] Size to derive maximumFontSize and minimumFontSize from, if necessary. Optional if minimumFontSize and maximumFontSize are specified. + * @param {?string} args.maximumFontSize Maximum font size for any clamp() calculation. Optional. + * @param {?string} args.minimumFontSize Minimum font size for any clamp() calculation. Optional. + * @param {?number} args.scaleFactor A scale factor to determine how fast a font scales within boundaries. Optional. + * @param {?number} args.minimumFontSizeFactor How much to scale defaultFontSize by to derive minimumFontSize. Optional. + * @param {?string} args.minimumFontSizeLimit The smallest a calculated font size may be. Optional. + * + * @return {string|null} A font-size value using clamp(). */ -function useBlockEditContext() { - return (0,external_wp_element_namespaceObject.useContext)(Context); -} +function getComputedFluidTypographyValue(_ref) { + let { + minimumFontSize, + maximumFontSize, + fontSize, + minimumViewPortWidth = DEFAULT_MINIMUM_VIEWPORT_WIDTH, + maximumViewPortWidth = DEFAULT_MAXIMUM_VIEWPORT_WIDTH, + scaleFactor = DEFAULT_SCALE_FACTOR, + minimumFontSizeFactor = DEFAULT_MINIMUM_FONT_SIZE_FACTOR, + minimumFontSizeLimit + } = _ref; + // Validate incoming settings and set defaults. + minimumFontSizeLimit = !!getTypographyValueAndUnit(minimumFontSizeLimit) ? minimumFontSizeLimit : DEFAULT_MINIMUM_FONT_SIZE_LIMIT; + /* + * Calculates missing minimumFontSize and maximumFontSize from + * defaultFontSize if provided. + */ -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-display-block-controls/index.js -/** - * WordPress dependencies - */ + if (fontSize) { + // Parses default font size. + const fontSizeParsed = getTypographyValueAndUnit(fontSize); // Protect against invalid units. -/** - * Internal dependencies - */ + if (!(fontSizeParsed !== null && fontSizeParsed !== void 0 && fontSizeParsed.unit)) { + return null; + } // Parses the minimum font size limit, so we can perform checks using it. + const minimumFontSizeLimitParsed = getTypographyValueAndUnit(minimumFontSizeLimit, { + coerceTo: fontSizeParsed.unit + }); // Don't enforce minimum font size if a font size has explicitly set a min and max value. -function useDisplayBlockControls() { - const { - isSelected, - clientId, - name - } = useBlockEditContext(); - return (0,external_wp_data_namespaceObject.useSelect)(select => { - if (isSelected) { - return true; + if (!!(minimumFontSizeLimitParsed !== null && minimumFontSizeLimitParsed !== void 0 && minimumFontSizeLimitParsed.value) && !minimumFontSize && !maximumFontSize) { + /* + * If a minimum size was not passed to this function + * and the user-defined font size is lower than $minimum_font_size_limit, + * do not calculate a fluid value. + */ + if ((fontSizeParsed === null || fontSizeParsed === void 0 ? void 0 : fontSizeParsed.value) <= (minimumFontSizeLimitParsed === null || minimumFontSizeLimitParsed === void 0 ? void 0 : minimumFontSizeLimitParsed.value)) { + return null; + } + } // If no fluid max font size is available use the incoming value. + + + if (!maximumFontSize) { + maximumFontSize = `${fontSizeParsed.value}${fontSizeParsed.unit}`; } + /* + * If no minimumFontSize is provided, create one using + * the given font size multiplied by the min font size scale factor. + */ - const { - getBlockName, - isFirstMultiSelectedBlock, - getMultiSelectedBlockClientIds - } = select(store); - if (isFirstMultiSelectedBlock(clientId)) { - return getMultiSelectedBlockClientIds().every(id => getBlockName(id) === name); + if (!minimumFontSize) { + const calculatedMinimumFontSize = roundToPrecision(fontSizeParsed.value * minimumFontSizeFactor, 3); // Only use calculated min font size if it's > $minimum_font_size_limit value. + + if (!!(minimumFontSizeLimitParsed !== null && minimumFontSizeLimitParsed !== void 0 && minimumFontSizeLimitParsed.value) && calculatedMinimumFontSize < (minimumFontSizeLimitParsed === null || minimumFontSizeLimitParsed === void 0 ? void 0 : minimumFontSizeLimitParsed.value)) { + minimumFontSize = `${minimumFontSizeLimitParsed.value}${minimumFontSizeLimitParsed.unit}`; + } else { + minimumFontSize = `${calculatedMinimumFontSize}${fontSizeParsed.unit}`; + } } + } // Grab the minimum font size and normalize it in order to use the value for calculations. - return false; - }, [clientId, isSelected, name]); + + const minimumFontSizeParsed = getTypographyValueAndUnit(minimumFontSize); // We get a 'preferred' unit to keep units consistent when calculating, + // otherwise the result will not be accurate. + + const fontSizeUnit = (minimumFontSizeParsed === null || minimumFontSizeParsed === void 0 ? void 0 : minimumFontSizeParsed.unit) || 'rem'; // Grabs the maximum font size and normalize it in order to use the value for calculations. + + const maximumFontSizeParsed = getTypographyValueAndUnit(maximumFontSize, { + coerceTo: fontSizeUnit + }); // Checks for mandatory min and max sizes, and protects against unsupported units. + + if (!minimumFontSizeParsed || !maximumFontSizeParsed) { + return null; + } // Uses rem for accessible fluid target font scaling. + + + const minimumFontSizeRem = getTypographyValueAndUnit(minimumFontSize, { + coerceTo: 'rem' + }); // Viewport widths defined for fluid typography. Normalize units + + const maximumViewPortWidthParsed = getTypographyValueAndUnit(maximumViewPortWidth, { + coerceTo: fontSizeUnit + }); + const minumumViewPortWidthParsed = getTypographyValueAndUnit(minimumViewPortWidth, { + coerceTo: fontSizeUnit + }); // Protect against unsupported units. + + if (!maximumViewPortWidthParsed || !minumumViewPortWidthParsed || !minimumFontSizeRem) { + return null; + } // Build CSS rule. + // Borrowed from https://websemantics.uk/tools/responsive-font-calculator/. + + + const minViewPortWidthOffsetValue = roundToPrecision(minumumViewPortWidthParsed.value / 100, 3); + const viewPortWidthOffset = roundToPrecision(minViewPortWidthOffsetValue, 3) + fontSizeUnit; + const linearFactor = 100 * ((maximumFontSizeParsed.value - minimumFontSizeParsed.value) / (maximumViewPortWidthParsed.value - minumumViewPortWidthParsed.value)); + const linearFactorScaled = roundToPrecision((linearFactor || 1) * scaleFactor, 3); + const fluidTargetFontSize = `${minimumFontSizeRem.value}${minimumFontSizeRem.unit} + ((1vw - ${viewPortWidthOffset}) * ${linearFactorScaled})`; + return `clamp(${minimumFontSize}, ${fluidTargetFontSize}, ${maximumFontSize})`; } - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/hook.js /** - * WordPress dependencies + * Internal method that checks a string for a unit and value and returns an array consisting of `'value'` and `'unit'`, e.g., [ '42', 'rem' ]. + * A raw font size of `value + unit` is expected. If the value is an integer, it will convert to `value + 'px'`. + * + * @param {string|number} rawValue Raw size value from theme.json. + * @param {Object|undefined} options Calculation options. + * + * @return {{ unit: string, value: number }|null} An object consisting of `'value'` and `'unit'` properties. */ +function getTypographyValueAndUnit(rawValue) { + let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; -/** - * Internal dependencies - */ + if (typeof rawValue !== 'string' && typeof rawValue !== 'number') { + return null; + } // Converts numeric values to pixel values by default. - - - -function useBlockControlsFill(group, shareWithChildBlocks) { - const isDisplayed = useDisplayBlockControls(); - const { - clientId - } = useBlockEditContext(); - const isParentDisplayed = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockName, - hasSelectedInnerBlock - } = select(store); - const { - hasBlockSupport - } = select(external_wp_blocks_namespaceObject.store); - return shareWithChildBlocks && hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId); - }, [shareWithChildBlocks, clientId]); - - if (isDisplayed) { - var _groups$group; - - return (_groups$group = block_controls_groups[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill; + if (isFinite(rawValue)) { + rawValue = `${rawValue}px`; } - if (isParentDisplayed) { - return block_controls_groups.parent.Fill; + const { + coerceTo, + rootSizeValue, + acceptableUnits + } = { + coerceTo: '', + // Default browser font size. Later we could inject some JS to compute this `getComputedStyle( document.querySelector( "html" ) ).fontSize`. + rootSizeValue: 16, + acceptableUnits: ['rem', 'px', 'em'], + ...options + }; + const acceptableUnitsGroup = acceptableUnits === null || acceptableUnits === void 0 ? void 0 : acceptableUnits.join('|'); + const regexUnits = new RegExp(`^(\\d*\\.?\\d+)(${acceptableUnitsGroup}){1,1}$`); + const matches = rawValue.match(regexUnits); // We need a number value and a unit. + + if (!matches || matches.length < 3) { + return null; } - return null; + let [, value, unit] = matches; + let returnValue = parseFloat(value); + + if ('px' === coerceTo && ('em' === unit || 'rem' === unit)) { + returnValue = returnValue * rootSizeValue; + unit = coerceTo; + } + + if ('px' === unit && ('em' === coerceTo || 'rem' === coerceTo)) { + returnValue = returnValue / rootSizeValue; + unit = coerceTo; + } + /* + * No calculation is required if swapping between em and rem yet, + * since we assume a root size value. Later we might like to differentiate between + * :root font size (rem) and parent element font size (em) relativity. + */ + + + if (('em' === coerceTo || 'rem' === coerceTo) && ('em' === unit || 'rem' === unit)) { + unit = coerceTo; + } + + return { + value: roundToPrecision(returnValue, 3), + unit + }; +} +/** + * Returns a value rounded to defined precision. + * Returns `undefined` if the value is not a valid finite number. + * + * @param {number} value Raw value. + * @param {number} digits The number of digits to appear after the decimal point + * + * @return {number|undefined} Value rounded to standard precision. + */ + +function roundToPrecision(value) { + let digits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3; + const base = Math.pow(10, digits); + return Number.isFinite(value) ? parseFloat(Math.round(value * base) / base) : undefined; } -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/fill.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/typography-utils.js +/** + * The fluid utilities must match the backend equivalent. + * See: gutenberg_get_typography_font_size_value() in lib/block-supports/typography.php + * --------------------------------------------------------------- + */ + +/** + * Internal dependencies + */ + +/** + * @typedef {Object} FluidPreset + * @property {string|undefined} max A maximum font size value. + * @property {?string|undefined} min A minimum font size value. + */ + +/** + * @typedef {Object} Preset + * @property {?string|?number} size A default font size. + * @property {string} name A font size name, displayed in the UI. + * @property {string} slug A font size slug + * @property {boolean|FluidPreset|undefined} fluid A font size slug + */ + +/** + * @typedef {Object} TypographySettings + * @property {?string|?number} size A default font size. + * @property {?string} minViewPortWidth Minimum viewport size from which type will have fluidity. Optional if size is specified. + * @property {?string} maxViewPortWidth Maximum size up to which type will have fluidity. Optional if size is specified. + * @property {?number} scaleFactor A scale factor to determine how fast a font scales within boundaries. Optional. + * @property {?number} minFontSizeFactor How much to scale defaultFontSize by to derive minimumFontSize. Optional. + * @property {?string} minFontSize The smallest a calculated font size may be. Optional. + */ + +/** + * Returns a font-size value based on a given font-size preset. + * Takes into account fluid typography parameters and attempts to return a css formula depending on available, valid values. + * + * @param {Preset} preset + * @param {Object} typographySettings + * @param {boolean|TypographySettings} typographySettings.fluid Whether fluid typography is enabled, and, optionally, fluid font size options. + * + * @return {string|*} A font-size value or the value of preset.size. + */ + +function getTypographyFontSizeValue(preset, typographySettings) { + var _preset$fluid, _preset$fluid2; + + const { + size: defaultSize + } = preset; + /* + * Catches falsy values and 0/'0'. + * Fluid calculations cannot be performed on 0. + */ + + if (!defaultSize || '0' === defaultSize) { + return defaultSize; + } + + if (!(typographySettings !== null && typographySettings !== void 0 && typographySettings.fluid) || typeof (typographySettings === null || typographySettings === void 0 ? void 0 : typographySettings.fluid) === 'object' && Object.keys(typographySettings.fluid).length === 0) { + return defaultSize; + } // A font size has explicitly bypassed fluid calculations. + if (false === (preset === null || preset === void 0 ? void 0 : preset.fluid)) { + return defaultSize; + } + + const fluidTypographySettings = typeof (typographySettings === null || typographySettings === void 0 ? void 0 : typographySettings.fluid) === 'object' ? typographySettings === null || typographySettings === void 0 ? void 0 : typographySettings.fluid : {}; + const fluidFontSizeValue = getComputedFluidTypographyValue({ + minimumFontSize: preset === null || preset === void 0 ? void 0 : (_preset$fluid = preset.fluid) === null || _preset$fluid === void 0 ? void 0 : _preset$fluid.min, + maximumFontSize: preset === null || preset === void 0 ? void 0 : (_preset$fluid2 = preset.fluid) === null || _preset$fluid2 === void 0 ? void 0 : _preset$fluid2.max, + fontSize: defaultSize, + minimumFontSizeLimit: fluidTypographySettings === null || fluidTypographySettings === void 0 ? void 0 : fluidTypographySettings.minFontSize + }); + + if (!!fluidFontSizeValue) { + return fluidFontSizeValue; + } + + return defaultSize; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/utils.js /** * External dependencies */ -/** - * WordPress dependencies - */ - - /** * Internal dependencies */ -function BlockControlsFill(_ref) { - let { - group = 'default', - controls, - children, - __experimentalShareWithChildBlocks = false - } = _ref; - const Fill = useBlockControlsFill(group, __experimentalShareWithChildBlocks); +/* Supporting data. */ - if (!Fill) { - return null; - } +const ROOT_BLOCK_NAME = 'root'; +const ROOT_BLOCK_SELECTOR = 'body'; +const ROOT_BLOCK_SUPPORTS = (/* unused pure expression or super */ null && (['background', 'backgroundColor', 'color', 'linkColor', 'buttonColor', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'lineHeight', 'textDecoration', 'textTransform', 'padding'])); +const PRESET_METADATA = [{ + path: ['color', 'palette'], + valueKey: 'color', + cssVarInfix: 'color', + classes: [{ + classSuffix: 'color', + propertyName: 'color' + }, { + classSuffix: 'background-color', + propertyName: 'background-color' + }, { + classSuffix: 'border-color', + propertyName: 'border-color' + }] +}, { + path: ['color', 'gradients'], + valueKey: 'gradient', + cssVarInfix: 'gradient', + classes: [{ + classSuffix: 'gradient-background', + propertyName: 'background' + }] +}, { + path: ['color', 'duotone'], + cssVarInfix: 'duotone', + valueFunc: _ref => { + let { + slug + } = _ref; + return `url( '#wp-duotone-${slug}' )`; + }, + classes: [] +}, { + path: ['shadow', 'presets'], + valueKey: 'shadow', + cssVarInfix: 'shadow', + classes: [] +}, { + path: ['typography', 'fontSizes'], + valueFunc: (preset, _ref2) => { + let { + typography: typographySettings + } = _ref2; + return getTypographyFontSizeValue(preset, typographySettings); + }, + valueKey: 'size', + cssVarInfix: 'font-size', + classes: [{ + classSuffix: 'font-size', + propertyName: 'font-size' + }] +}, { + path: ['typography', 'fontFamilies'], + valueKey: 'fontFamily', + cssVarInfix: 'font-family', + classes: [{ + classSuffix: 'font-family', + propertyName: 'font-family' + }] +}, { + path: ['spacing', 'spacingSizes'], + valueKey: 'size', + cssVarInfix: 'spacing', + valueFunc: _ref3 => { + let { + size + } = _ref3; + return size; + }, + classes: [] +}]; +const STYLE_PATH_TO_CSS_VAR_INFIX = { + 'color.background': 'color', + 'color.text': 'color', + 'elements.link.color.text': 'color', + 'elements.link.:hover.color.text': 'color', + 'elements.link.typography.fontFamily': 'font-family', + 'elements.link.typography.fontSize': 'font-size', + 'elements.button.color.text': 'color', + 'elements.button.color.background': 'color', + 'elements.button.typography.fontFamily': 'font-family', + 'elements.button.typography.fontSize': 'font-size', + 'elements.heading.color': 'color', + 'elements.heading.color.background': 'color', + 'elements.heading.typography.fontFamily': 'font-family', + 'elements.heading.gradient': 'gradient', + 'elements.heading.color.gradient': 'gradient', + 'elements.h1.color': 'color', + 'elements.h1.color.background': 'color', + 'elements.h1.typography.fontFamily': 'font-family', + 'elements.h1.color.gradient': 'gradient', + 'elements.h2.color': 'color', + 'elements.h2.color.background': 'color', + 'elements.h2.typography.fontFamily': 'font-family', + 'elements.h2.color.gradient': 'gradient', + 'elements.h3.color': 'color', + 'elements.h3.color.background': 'color', + 'elements.h3.typography.fontFamily': 'font-family', + 'elements.h3.color.gradient': 'gradient', + 'elements.h4.color': 'color', + 'elements.h4.color.background': 'color', + 'elements.h4.typography.fontFamily': 'font-family', + 'elements.h4.color.gradient': 'gradient', + 'elements.h5.color': 'color', + 'elements.h5.color.background': 'color', + 'elements.h5.typography.fontFamily': 'font-family', + 'elements.h5.color.gradient': 'gradient', + 'elements.h6.color': 'color', + 'elements.h6.color.background': 'color', + 'elements.h6.typography.fontFamily': 'font-family', + 'elements.h6.color.gradient': 'gradient', + 'color.gradient': 'gradient', + shadow: 'shadow', + 'typography.fontSize': 'font-size', + 'typography.fontFamily': 'font-family' +}; // A static list of block attributes that store global style preset slugs. - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalStyleProvider, { - document: document - }, (0,external_wp_element_namespaceObject.createElement)(Fill, null, fillProps => { - // Children passed to BlockControlsFill will not have access to any - // React Context whose Provider is part of the BlockControlsSlot tree. - // So we re-create the Provider in this subtree. - const value = !(0,external_lodash_namespaceObject.isEmpty)(fillProps) ? fillProps : null; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolbarContext.Provider, { - value: value - }, group === 'default' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { - controls: controls - }), children); - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/slot.js - - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -function BlockControlsSlot(_ref) { - let { - group = 'default', - ...props - } = _ref; - const accessibleToolbarState = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.__experimentalToolbarContext); - const Slot = block_controls_groups[group].Slot; - const slot = (0,external_wp_components_namespaceObject.__experimentalUseSlot)(Slot.__unstableName); - const hasFills = Boolean(slot.fills && slot.fills.length); - - if (!hasFills) { - return null; - } - - if (group === 'default') { - return (0,external_wp_element_namespaceObject.createElement)(Slot, _extends({}, props, { - bubblesVirtually: true, - fillProps: accessibleToolbarState - })); - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(Slot, _extends({}, props, { - bubblesVirtually: true, - fillProps: accessibleToolbarState - }))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/index.js - - - -/** - * Internal dependencies - */ - - -const BlockControls = BlockControlsFill; -BlockControls.Slot = BlockControlsSlot; // This is just here for backward compatibility. - -const BlockFormatControls = props => { - return (0,external_wp_element_namespaceObject.createElement)(BlockControlsFill, _extends({ - group: "inline" - }, props)); +const STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE = { + 'color.background': 'backgroundColor', + 'color.text': 'textColor', + 'color.gradient': 'gradient', + 'typography.fontSize': 'fontSize', + 'typography.fontFamily': 'fontFamily' }; -BlockFormatControls.Slot = props => { - return (0,external_wp_element_namespaceObject.createElement)(BlockControlsSlot, _extends({ - group: "inline" - }, props)); -}; +function findInPresetsBy(features, blockName, presetPath, presetProperty, presetValueValue) { + // Block presets take priority above root level presets. + const orderedPresetsByOrigin = [(0,external_lodash_namespaceObject.get)(features, ['blocks', blockName, ...presetPath]), (0,external_lodash_namespaceObject.get)(features, presetPath)]; -/* harmony default export */ var block_controls = (BlockControls); + for (const presetByOrigin of orderedPresetsByOrigin) { + if (presetByOrigin) { + // Preset origins ordered by priority. + const origins = ['custom', 'theme', 'default']; -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-left.js + for (const origin of origins) { + const presets = presetByOrigin[origin]; + + if (presets) { + const presetObject = presets.find(preset => preset[presetProperty] === presetValueValue); + + if (presetObject) { + if (presetProperty === 'slug') { + return presetObject; + } // If there is a highest priority preset with the same slug but different value the preset we found was overwritten and should be ignored. -/** - * WordPress dependencies - */ + const highestPresetObjectWithSameSlug = findInPresetsBy(features, blockName, presetPath, 'slug', presetObject.slug); -const justifyLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M9 9v6h11V9H9zM4 20h1.5V4H4v16z" -})); -/* harmony default export */ var justify_left = (justifyLeft); + if (highestPresetObjectWithSameSlug[presetProperty] === presetObject[presetProperty]) { + return presetObject; + } -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-center.js - - -/** - * WordPress dependencies - */ - -const justifyCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M20 9h-7.2V4h-1.6v5H4v6h7.2v5h1.6v-5H20z" -})); -/* harmony default export */ var justify_center = (justifyCenter); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-right.js - - -/** - * WordPress dependencies - */ - -const justifyRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z" -})); -/* harmony default export */ var justify_right = (justifyRight); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-space-between.js - - -/** - * WordPress dependencies - */ - -const justifySpaceBetween = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z" -})); -/* harmony default export */ var justify_space_between = (justifySpaceBetween); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/arrow-right.js - - -/** - * WordPress dependencies - */ - -const arrowRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var arrow_right = (arrowRight); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/arrow-down.js - - -/** - * WordPress dependencies - */ - -const arrowDown = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var arrow_down = (arrowDown); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/utils.js -/** - * WordPress dependencies - */ - -/** - * Utility to generate the proper CSS selector for layout styles. - * - * @param {string} selectors CSS selector, also supports multiple comma-separated selectors. - * @param {string} append The string to append. - * - * @return {string} - CSS selector. - */ - -function appendSelectors(selectors) { - let append = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; - // Ideally we shouldn't need the `.editor-styles-wrapper` increased specificity here - // The problem though is that we have a `.editor-styles-wrapper p { margin: reset; }` style - // it's used to reset the default margin added by wp-admin to paragraphs - // so we need this to be higher speficity otherwise, it won't be applied to paragraphs inside containers - // When the post editor is fully iframed, this extra classname could be removed. - return selectors.split(',').map(subselector => `.editor-styles-wrapper ${subselector}${append ? ` ${append}` : ''}`).join(','); + return undefined; + } + } + } + } + } } -/** - * Get generated blockGap CSS rules based on layout definitions provided in theme.json - * Falsy values in the layout definition's spacingStyles rules will be swapped out - * with the provided `blockGapValue`. - * - * @param {string} selector The CSS selector to target for the generated rules. - * @param {Object} layoutDefinitions Layout definitions object from theme.json. - * @param {string} layoutType The layout type (e.g. `default` or `flex`). - * @param {string} blockGapValue The current blockGap value to be applied. - * @return {string} The generated CSS rules. - */ -function getBlockGapCSS(selector, layoutDefinitions, layoutType, blockGapValue) { - var _layoutDefinitions$la, _layoutDefinitions$la2; - - let output = ''; - - if (layoutDefinitions !== null && layoutDefinitions !== void 0 && (_layoutDefinitions$la = layoutDefinitions[layoutType]) !== null && _layoutDefinitions$la !== void 0 && (_layoutDefinitions$la2 = _layoutDefinitions$la.spacingStyles) !== null && _layoutDefinitions$la2 !== void 0 && _layoutDefinitions$la2.length && blockGapValue) { - layoutDefinitions[layoutType].spacingStyles.forEach(gapStyle => { - output += `${appendSelectors(selector, gapStyle.selector.trim())} { `; - output += Object.entries(gapStyle.rules).map(_ref => { - let [cssProperty, value] = _ref; - return `${cssProperty}: ${value ? value : blockGapValue}`; - }).join('; '); - output += '; }'; - }); +function getPresetVariableFromValue(features, blockName, variableStylePath, presetPropertyValue) { + if (!presetPropertyValue) { + return presetPropertyValue; } - return output; -} -/** - * Helper method to assign contextual info to clarify - * alignment settings. - * - * Besides checking if `contentSize` and `wideSize` have a - * value, we now show this information only if their values - * are not a `css var`. This needs to change when parsing - * css variables land. - * - * @see https://github.com/WordPress/gutenberg/pull/34710#issuecomment-918000752 - * - * @param {Object} layout The layout object. - * @return {Object} An object with contextual info per alignment. - */ + const cssVarInfix = STYLE_PATH_TO_CSS_VAR_INFIX[variableStylePath]; + const metadata = PRESET_METADATA.find(data => data.cssVarInfix === cssVarInfix); + + if (!metadata) { + // The property doesn't have preset data + // so the value should be returned as it is. + return presetPropertyValue; + } -function getAlignmentsInfo(layout) { const { - contentSize, - wideSize - } = layout; - const alignmentInfo = {}; - const sizeRegex = /^(?!0)\d+(px|em|rem|vw|vh|%)?$/i; + valueKey, + path + } = metadata; + const presetObject = findInPresetsBy(features, blockName, path, valueKey, presetPropertyValue); - if (sizeRegex.test(contentSize)) { - // translators: %s: container size (i.e. 600px etc) - alignmentInfo.none = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Max %s wide'), contentSize); + if (!presetObject) { + // Value wasn't found in the presets, + // so it must be a custom value. + return presetPropertyValue; } - if (sizeRegex.test(wideSize)) { - // translators: %s: container size (i.e. 600px etc) - alignmentInfo.wide = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Max %s wide'), wideSize); + return `var:preset|${cssVarInfix}|${presetObject.slug}`; +} + +function getValueFromPresetVariable(features, blockName, variable, _ref4) { + let [presetType, slug] = _ref4; + const metadata = PRESET_METADATA.find(data => data.cssVarInfix === presetType); + + if (!metadata) { + return variable; } - return alignmentInfo; + const presetObject = findInPresetsBy(features.settings, blockName, metadata.path, 'slug', slug); + + if (presetObject) { + const { + valueKey + } = metadata; + const result = presetObject[valueKey]; + return getValueFromVariable(features, blockName, result); + } + + return variable; +} + +function getValueFromCustomVariable(features, blockName, variable, path) { + var _get; + + const result = (_get = (0,external_lodash_namespaceObject.get)(features.settings, ['blocks', blockName, 'custom', ...path])) !== null && _get !== void 0 ? _get : (0,external_lodash_namespaceObject.get)(features.settings, ['custom', ...path]); + + if (!result) { + return variable; + } // A variable may reference another variable so we need recursion until we find the value. + + + return getValueFromVariable(features, blockName, result); +} +/** + * Attempts to fetch the value of a theme.json CSS variable. + * + * @param {Object} features GlobalStylesContext config, e.g., user, base or merged. Represents the theme.json tree. + * @param {string} blockName The name of a block as represented in the styles property. E.g., 'root' for root-level, and 'core/${blockName}' for blocks. + * @param {string|*} variable An incoming style value. A CSS var value is expected, but it could be any value. + * @return {string|*|{ref}} The value of the CSS var, if found. If not found, the passed variable argument. + */ + + +function getValueFromVariable(features, blockName, variable) { + if (!variable || typeof variable !== 'string') { + var _variable, _variable2; + + if ((_variable = variable) !== null && _variable !== void 0 && _variable.ref && typeof ((_variable2 = variable) === null || _variable2 === void 0 ? void 0 : _variable2.ref) === 'string') { + var _variable3; + + const refPath = variable.ref.split('.'); + variable = (0,external_lodash_namespaceObject.get)(features, refPath); // Presence of another ref indicates a reference to another dynamic value. + // Pointing to another dynamic value is not supported. + + if (!variable || !!((_variable3 = variable) !== null && _variable3 !== void 0 && _variable3.ref)) { + return variable; + } + } else { + return variable; + } + } + + const USER_VALUE_PREFIX = 'var:'; + const THEME_VALUE_PREFIX = 'var(--wp--'; + const THEME_VALUE_SUFFIX = ')'; + let parsedVar; + + if (variable.startsWith(USER_VALUE_PREFIX)) { + parsedVar = variable.slice(USER_VALUE_PREFIX.length).split('|'); + } else if (variable.startsWith(THEME_VALUE_PREFIX) && variable.endsWith(THEME_VALUE_SUFFIX)) { + parsedVar = variable.slice(THEME_VALUE_PREFIX.length, -THEME_VALUE_SUFFIX.length).split('--'); + } else { + // We don't know how to parse the value: either is raw of uses complex CSS such as `calc(1px * var(--wp--variable) )` + return variable; + } + + const [type, ...path] = parsedVar; + + if (type === 'preset') { + return getValueFromPresetVariable(features, blockName, variable, path); + } + + if (type === 'custom') { + return getValueFromCustomVariable(features, blockName, variable, path); + } + + return variable; +} +/** + * Function that scopes a selector with another one. This works a bit like + * SCSS nesting except the `&` operator isn't supported. + * + * @example + * ```js + * const scope = '.a, .b .c'; + * const selector = '> .x, .y'; + * const merged = scopeSelector( scope, selector ); + * // merged is '.a > .x, .a .y, .b .c > .x, .b .c .y' + * ``` + * + * @param {string} scope Selector to scope to. + * @param {string} selector Original selector. + * + * @return {string} Scoped selector. + */ + +function scopeSelector(scope, selector) { + const scopes = scope.split(','); + const selectors = selector.split(','); + const selectorsScoped = []; + scopes.forEach(outer => { + selectors.forEach(inner => { + selectorsScoped.push(`${outer.trim()} ${inner.trim()}`); + }); + }); + return selectorsScoped.join(', '); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/context.js +/** + * WordPress dependencies + */ + +const DEFAULT_GLOBAL_STYLES_CONTEXT = { + user: {}, + base: {}, + merged: {}, + setUserConfig: () => {} +}; +const GlobalStylesContext = (0,external_wp_element_namespaceObject.createContext)(DEFAULT_GLOBAL_STYLES_CONTEXT); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/hooks.js +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +const EMPTY_CONFIG = { + settings: {}, + styles: {} +}; +const useGlobalStylesReset = () => { + const { + user: config, + setUserConfig + } = (0,external_wp_element_namespaceObject.useContext)(GlobalStylesContext); + const canReset = !!config && !es6_default()(config, EMPTY_CONFIG); + return [canReset, (0,external_wp_element_namespaceObject.useCallback)(() => setUserConfig(() => EMPTY_CONFIG), [setUserConfig])]; +}; +function useGlobalSetting(path, blockName) { + var _getSettingValueForCo; + + let source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all'; + const { + merged: mergedConfig, + base: baseConfig, + user: userConfig, + setUserConfig + } = (0,external_wp_element_namespaceObject.useContext)(GlobalStylesContext); + const fullPath = !blockName ? `settings.${path}` : `settings.blocks.${blockName}.${path}`; + + const setSetting = newValue => { + setUserConfig(currentConfig => { + // Deep clone `currentConfig` to avoid mutating it later. + const newUserConfig = JSON.parse(JSON.stringify(currentConfig)); + (0,external_lodash_namespaceObject.set)(newUserConfig, fullPath, newValue); + return newUserConfig; + }); + }; + + const getSettingValueForContext = name => { + const currentPath = !name ? `settings.${path}` : `settings.blocks.${name}.${path}`; + let result; + + switch (source) { + case 'all': + result = (0,external_lodash_namespaceObject.get)(mergedConfig, currentPath); + break; + + case 'user': + result = (0,external_lodash_namespaceObject.get)(userConfig, currentPath); + break; + + case 'base': + result = (0,external_lodash_namespaceObject.get)(baseConfig, currentPath); + break; + + default: + throw 'Unsupported source'; + } + + return result; + }; // Unlike styles settings get inherited from top level settings. + + + const resultWithFallback = (_getSettingValueForCo = getSettingValueForContext(blockName)) !== null && _getSettingValueForCo !== void 0 ? _getSettingValueForCo : getSettingValueForContext(); + return [resultWithFallback, setSetting]; +} +function useGlobalStyle(path, blockName) { + var _get; + + let source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all'; + const { + merged: mergedConfig, + base: baseConfig, + user: userConfig, + setUserConfig + } = (0,external_wp_element_namespaceObject.useContext)(GlobalStylesContext); + const finalPath = !blockName ? `styles.${path}` : `styles.blocks.${blockName}.${path}`; + + const setStyle = newValue => { + setUserConfig(currentConfig => { + // Deep clone `currentConfig` to avoid mutating it later. + const newUserConfig = JSON.parse(JSON.stringify(currentConfig)); + (0,external_lodash_namespaceObject.set)(newUserConfig, finalPath, getPresetVariableFromValue(mergedConfig.settings, blockName, path, newValue)); + return newUserConfig; + }); + }; + + let result; + + switch (source) { + case 'all': + result = getValueFromVariable(mergedConfig, blockName, // The stlyes.css path is allowed to be empty, so don't revert to base if undefined. + finalPath === 'styles.css' ? (0,external_lodash_namespaceObject.get)(userConfig, finalPath) : (_get = (0,external_lodash_namespaceObject.get)(userConfig, finalPath)) !== null && _get !== void 0 ? _get : (0,external_lodash_namespaceObject.get)(baseConfig, finalPath)); + break; + + case 'user': + result = getValueFromVariable(mergedConfig, blockName, (0,external_lodash_namespaceObject.get)(userConfig, finalPath)); + break; + + case 'base': + result = getValueFromVariable(baseConfig, blockName, (0,external_lodash_namespaceObject.get)(baseConfig, finalPath)); + break; + + default: + throw 'Unsupported source'; + } + + return [result, setStyle]; +} + +;// CONCATENATED MODULE: external ["wp","styleEngine"] +var external_wp_styleEngine_namespaceObject = window["wp"]["styleEngine"]; +;// CONCATENATED MODULE: ./node_modules/colord/index.mjs +var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return"string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return(r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return{r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return{r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return{h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return{r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return{h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return{h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e},c=function(r){return{h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({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(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return{h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return"number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t},r.prototype.hue=function(r){var t=c(this.rgba);return"number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r))})},E=function(){return new j({r:255*Math.random(),g:255*Math.random(),b:255*Math.random()})}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone/utils.js +/** + * External dependencies + */ + +/** + * Convert a list of colors to an object of R, G, and B values. + * + * @param {string[]} colors Array of RBG color strings. + * + * @return {Object} R, G, and B values. + */ + +function getValuesFromColors() { + let colors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; + const values = { + r: [], + g: [], + b: [], + a: [] + }; + colors.forEach(color => { + const rgbColor = w(color).toRgb(); + values.r.push(rgbColor.r / 255); + values.g.push(rgbColor.g / 255); + values.b.push(rgbColor.b / 255); + values.a.push(rgbColor.a); + }); + return values; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone/components.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +/** + * SVG and stylesheet needed for rendering the duotone filter. + * + * @param {Object} props Duotone props. + * @param {string} props.selector Selector to apply the filter to. + * @param {string} props.id Unique id for this duotone filter. + * + * @return {WPElement} Duotone element. + */ + +function DuotoneStylesheet(_ref) { + let { + selector, + id + } = _ref; + const css = ` +${selector} { + filter: url( #${id} ); +} +`; + return (0,external_wp_element_namespaceObject.createElement)("style", null, css); +} +/** + * Stylesheet for disabling a global styles duotone filter. + * + * @param {Object} props Duotone props. + * @param {string} props.selector Selector to disable the filter for. + * + * @return {WPElement} Filter none style element. + */ + +function DuotoneUnsetStylesheet(_ref2) { + let { + selector + } = _ref2; + const css = ` +${selector} { + filter: none; +} +`; + return (0,external_wp_element_namespaceObject.createElement)("style", null, css); +} +/** + * The SVG part of the duotone filter. + * + * @param {Object} props Duotone props. + * @param {string} props.id Unique id for this duotone filter. + * @param {string[]} props.colors Color strings from dark to light. + * + * @return {WPElement} Duotone SVG. + */ + +function DuotoneFilter(_ref3) { + let { + id, + colors + } = _ref3; + const values = getValuesFromColors(colors); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.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,external_wp_element_namespaceObject.createElement)("defs", null, (0,external_wp_element_namespaceObject.createElement)("filter", { + id: id + }, (0,external_wp_element_namespaceObject.createElement)("feColorMatrix", { + // Use sRGB instead of linearRGB so transparency looks correct. + colorInterpolationFilters: "sRGB", + type: "matrix" // Use perceptual brightness to convert to grayscale. + , + values: " .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " + }), (0,external_wp_element_namespaceObject.createElement)("feComponentTransfer", { + // Use sRGB instead of linearRGB to be consistent with how CSS gradients work. + colorInterpolationFilters: "sRGB" + }, (0,external_wp_element_namespaceObject.createElement)("feFuncR", { + type: "table", + tableValues: values.r.join(' ') + }), (0,external_wp_element_namespaceObject.createElement)("feFuncG", { + type: "table", + tableValues: values.g.join(' ') + }), (0,external_wp_element_namespaceObject.createElement)("feFuncB", { + type: "table", + tableValues: values.b.join(' ') + }), (0,external_wp_element_namespaceObject.createElement)("feFuncA", { + type: "table", + tableValues: values.a.join(' ') + })), (0,external_wp_element_namespaceObject.createElement)("feComposite", { + // Re-mask the image with the original transparency since the feColorMatrix above loses that information. + in2: "SourceGraphic", + operator: "in" + })))); +} +/** + * SVG from a duotone preset + * + * @param {Object} props Duotone props. + * @param {Object} props.preset Duotone preset settings. + * + * @return {WPElement} Duotone element. + */ + +function PresetDuotoneFilter(_ref4) { + let { + preset + } = _ref4; + return (0,external_wp_element_namespaceObject.createElement)(DuotoneFilter, { + id: `wp-duotone-${preset.slug}`, + colors: preset.colors + }); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/block-refs-provider.js @@ -10579,15 +11620,10 @@ function useBlockElement(clientId) { ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/utils.js -/** - * External dependencies - */ - /** * WordPress dependencies */ - /** * Checks is given value is a spacing preset. * @@ -10651,7 +11687,7 @@ function getPresetValueFromCustomValue(value, spacingSizes) { * * @param {string} value Value to convert. * - * @return {string} CSS var string for given spacing preset value. + * @return {string | undefined} CSS var string for given spacing preset value. */ function getSpacingPresetCssVar(value) { @@ -10672,7 +11708,7 @@ function getSpacingPresetCssVar(value) { * * @param {string} value Value to extract slug from. * - * @return {number} The int value of the slug from given spacing preset. + * @return {string|undefined} The int value of the slug from given spacing preset. */ function getSpacingPresetSlug(value) { @@ -10776,7 +11812,7 @@ function isValuesDefined(values) { return false; } - return !(0,external_lodash_namespaceObject.isEmpty)(Object.values(values).filter(value => !!value)); + return Object.values(values).filter(value => !!value).length > 0; } ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/settings.js @@ -10794,6 +11830,30 @@ const settings_settings = (0,external_wp_element_namespaceObject.createElement)( })); /* harmony default export */ var library_settings = (settings_settings); +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-edit/context.js +/** + * WordPress dependencies + */ + +const DEFAULT_BLOCK_EDIT_CONTEXT = { + name: '', + isSelected: false +}; +const Context = (0,external_wp_element_namespaceObject.createContext)(DEFAULT_BLOCK_EDIT_CONTEXT); +const { + Provider +} = Context; + +/** + * A hook that returns the block edit context. + * + * @return {Object} Block edit context + */ + +function useBlockEditContext() { + return (0,external_wp_element_namespaceObject.useContext)(Context); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-setting/index.js /** * External dependencies @@ -10805,19 +11865,20 @@ const settings_settings = (0,external_wp_element_namespaceObject.createElement)( + /** * Internal dependencies */ -const blockedPaths = ['color', 'border', 'typography', 'spacing']; +const blockedPaths = ['color', 'border', 'dimensions', 'typography', 'spacing']; const deprecatedFlags = { - 'color.palette': settings => settings.colors === undefined ? undefined : settings.colors, - 'color.gradients': settings => settings.gradients === undefined ? undefined : settings.gradients, + 'color.palette': settings => settings.colors, + 'color.gradients': settings => settings.gradients, 'color.custom': settings => settings.disableCustomColors === undefined ? undefined : !settings.disableCustomColors, 'color.customGradient': settings => settings.disableCustomGradients === undefined ? undefined : !settings.disableCustomGradients, - 'typography.fontSizes': settings => settings.fontSizes === undefined ? undefined : settings.fontSizes, + 'typography.fontSizes': settings => settings.fontSizes, 'typography.customFontSize': settings => settings.disableCustomFontSizes === undefined ? undefined : !settings.disableCustomFontSizes, 'typography.lineHeight': settings => settings.enableCustomLineHeight, 'spacing.units': settings => { @@ -10892,32 +11953,43 @@ function useSetting(path) { name: blockName, clientId } = useBlockEditContext(); - const setting = (0,external_wp_data_namespaceObject.useSelect)(select => { + return (0,external_wp_data_namespaceObject.useSelect)(select => { if (blockedPaths.includes(path)) { // eslint-disable-next-line no-console console.warn('Top level useSetting paths are disabled. Please use a subpath to query the information needed.'); return undefined; + } // 0. Allow third parties to filter the block's settings at runtime. + + + let result = (0,external_wp_hooks_namespaceObject.applyFilters)('blockEditor.useSetting.before', undefined, path, clientId, blockName); + + if (undefined !== result) { + return result; } - let result; const normalizedPath = removeCustomPrefixes(path); // 1. Take settings from the block instance or its ancestors. + // Start from the current block and work our way up the ancestors. - const candidates = [...select(store).getBlockParents(clientId), clientId // The current block is added last, so it overwrites any ancestor. - ]; - candidates.forEach(candidateClientId => { + const candidates = [clientId, ...select(store).getBlockParents(clientId, + /* ascending */ + true)]; + + for (const candidateClientId of candidates) { const candidateBlockName = select(store).getBlockName(candidateClientId); if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(candidateBlockName, '__experimentalSettings', false)) { var _get; const candidateAtts = select(store).getBlockAttributes(candidateClientId); - const candidateResult = (_get = (0,external_lodash_namespaceObject.get)(candidateAtts, `settings.blocks.${blockName}.${normalizedPath}`)) !== null && _get !== void 0 ? _get : (0,external_lodash_namespaceObject.get)(candidateAtts, `settings.${normalizedPath}`); + result = (_get = (0,external_lodash_namespaceObject.get)(candidateAtts, `settings.blocks.${blockName}.${normalizedPath}`)) !== null && _get !== void 0 ? _get : (0,external_lodash_namespaceObject.get)(candidateAtts, `settings.${normalizedPath}`); - if (candidateResult !== undefined) { - result = candidateResult; + if (result !== undefined) { + // Stop the search for more distant ancestors and move on. + break; } } - }); // 2. Fall back to the settings from the block editor store (__experimentalFeatures). + } // 2. Fall back to the settings from the block editor store (__experimentalFeatures). + const settings = select(store).getSettings(); @@ -10953,7 +12025,6 @@ function useSetting(path) { return normalizedPath === 'typography.dropCap' ? true : undefined; }, [blockName, clientId, path]); - return setting; } ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-sizes-control/spacing-input-control.js @@ -10979,8 +12050,34 @@ function useSetting(path) { +const CUSTOM_VALUE_SETTINGS = { + px: { + max: 300, + steps: 1 + }, + '%': { + max: 100, + steps: 1 + }, + vw: { + max: 100, + steps: 1 + }, + vh: { + max: 100, + steps: 1 + }, + em: { + max: 10, + steps: 0.1 + }, + rm: { + max: 10, + steps: 0.1 + } +}; function SpacingInputControl(_ref) { - var _spacingSizes$current; + var _CUSTOM_VALUE_SETTING, _CUSTOM_VALUE_SETTING2, _CUSTOM_VALUE_SETTING3, _CUSTOM_VALUE_SETTING4, _spacingSizes$current; let { spacingSizes, @@ -10989,7 +12086,9 @@ function SpacingInputControl(_ref) { onChange, isMixed = false, type, - minimumCustomValue + minimumCustomValue, + onMouseOver, + onMouseOut } = _ref; // Treat value as a preset value if the passed in value matches the value of one of the spacingSizes. value = getPresetValueFromCustomValue(value, spacingSizes); @@ -11032,7 +12131,7 @@ function SpacingInputControl(_ref) { return value === undefined ? undefined : (_spacingSizes$newValu = spacingSizes[newValue]) === null || _spacingSizes$newValu === void 0 ? void 0 : _spacingSizes$newValu.name; }; - const customRangeValue = parseInt(currentValue, 10); + const customRangeValue = parseFloat(currentValue, 10); const getNewCustomValue = newSize => { const isNumeric = !isNaN(parseFloat(newSize)); @@ -11099,6 +12198,10 @@ function SpacingInputControl(_ref) { }), iconSize: 24 }), showCustomValueControl && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, { + onMouseOver: onMouseOver, + onMouseOut: onMouseOut, + onFocus: onMouseOver, + onBlur: onMouseOut, onChange: newSize => onChange(getNewCustomValue(newSize)), value: currentValue, units: units, @@ -11108,18 +12211,23 @@ function SpacingInputControl(_ref) { label: ariaLabel, hideLabelFromVision: true, className: "components-spacing-sizes-control__custom-value-input", - style: { - gridColumn: '1' - }, size: '__unstable-large' }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { + onMouseOver: onMouseOver, + onMouseOut: onMouseOut, + onFocus: onMouseOver, + onBlur: onMouseOut, value: customRangeValue, min: 0, - max: 100, + max: (_CUSTOM_VALUE_SETTING = (_CUSTOM_VALUE_SETTING2 = CUSTOM_VALUE_SETTINGS[selectedUnit]) === null || _CUSTOM_VALUE_SETTING2 === void 0 ? void 0 : _CUSTOM_VALUE_SETTING2.max) !== null && _CUSTOM_VALUE_SETTING !== void 0 ? _CUSTOM_VALUE_SETTING : 10, + step: (_CUSTOM_VALUE_SETTING3 = (_CUSTOM_VALUE_SETTING4 = CUSTOM_VALUE_SETTINGS[selectedUnit]) === null || _CUSTOM_VALUE_SETTING4 === void 0 ? void 0 : _CUSTOM_VALUE_SETTING4.steps) !== null && _CUSTOM_VALUE_SETTING3 !== void 0 ? _CUSTOM_VALUE_SETTING3 : 0.1, withInputField: false, onChange: handleCustomValueSliderChange, - className: "components-spacing-sizes-control__custom-value-range" + className: "components-spacing-sizes-control__custom-value-range", + __nextHasNoMarginBottom: true })), showRangeControl && !showCustomValueControl && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { + onMouseOver: onMouseOver, + onMouseOut: onMouseOut, className: "components-spacing-sizes-control__range-control", value: currentValue, onChange: newSize => onChange(getNewPresetValue(newSize)), @@ -11141,7 +12249,9 @@ function SpacingInputControl(_ref) { marks: marks, label: ariaLabel, hideLabelFromVision: true, - __nextHasNoMarginBottom: true + __nextHasNoMarginBottom: true, + onFocus: onMouseOver, + onBlur: onMouseOut }), !showRangeControl && !showCustomValueControl && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, { className: "components-spacing-sizes-control__custom-select-control", value: options.find(option => option.key === currentValue) || '' // passing undefined here causes a downshift controlled/uncontrolled warning @@ -11153,7 +12263,11 @@ function SpacingInputControl(_ref) { label: ariaLabel, hideLabelFromVision: true, __nextUnconstrainedWidth: true, - size: '__unstable-large' + size: '__unstable-large', + onMouseOver: onMouseOver, + onMouseOut: onMouseOut, + onFocus: onMouseOver, + onBlur: onMouseOut })); } @@ -11177,7 +12291,9 @@ function AllInputControl(_ref) { sides, spacingSizes, type, - minimumCustomValue + minimumCustomValue, + onMouseOver, + onMouseOut } = _ref; const allValue = getAllRawValue(values); const hasValues = isValuesDefined(values); @@ -11195,7 +12311,9 @@ function AllInputControl(_ref) { spacingSizes: spacingSizes, isMixed: isMixed, type: type, - minimumCustomValue: minimumCustomValue + minimumCustomValue: minimumCustomValue, + onMouseOver: onMouseOver, + onMouseOut: onMouseOut }); } @@ -11214,7 +12332,9 @@ function BoxInputControls(_ref) { onChange, spacingSizes, type, - minimumCustomValue + minimumCustomValue, + onMouseOver, + onMouseOut } = _ref; // Filter sides if custom configuration provided, maintaining default order. const filteredSides = sides !== null && sides !== void 0 && sides.length ? ALL_SIDES.filter(side => sides.includes(side)) : ALL_SIDES; @@ -11236,7 +12356,9 @@ function BoxInputControls(_ref) { onChange: createHandleOnChange(side), spacingSizes: spacingSizes, type: type, - minimumCustomValue: minimumCustomValue + minimumCustomValue: minimumCustomValue, + onMouseOver: onMouseOver, + onMouseOut: onMouseOut }); })); } @@ -11257,7 +12379,9 @@ function AxialInputControls(_ref) { sides, spacingSizes, type, - minimumCustomValue + minimumCustomValue, + onMouseOver, + onMouseOut } = _ref; const createHandleOnChange = side => next => { @@ -11294,7 +12418,9 @@ function AxialInputControls(_ref) { side: side, spacingSizes: spacingSizes, type: type, - minimumCustomValue: minimumCustomValue + minimumCustomValue: minimumCustomValue, + onMouseOver: onMouseOver, + onMouseOut: onMouseOut }); })); } @@ -11391,7 +12517,9 @@ function SpacingSizesControl(_ref) { sides, splitOnAxis = false, useSelect, - minimumCustomValue = 0 + minimumCustomValue = 0, + onMouseOver, + onMouseOut } = _ref; const spacingSizes = [{ name: 0, @@ -11431,10 +12559,11 @@ function SpacingSizesControl(_ref) { spacingSizes, useSelect, type: label, - minimumCustomValue + minimumCustomValue, + onMouseOver, + onMouseOut }; return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - role: "region", className: classnames_default()('component-spacing-sizes-control', { 'is-unlinked': !isLinked }) @@ -11450,6 +12579,42 @@ function SpacingSizesControl(_ref) { ;// CONCATENATED MODULE: external ["wp","warning"] var external_wp_warning_namespaceObject = window["wp"]["warning"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-display-block-controls/index.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + +function useDisplayBlockControls() { + const { + isSelected, + clientId, + name + } = useBlockEditContext(); + return (0,external_wp_data_namespaceObject.useSelect)(select => { + if (isSelected) { + return true; + } + + const { + getBlockName, + isFirstMultiSelectedBlock, + getMultiSelectedBlockClientIds + } = select(store); + + if (isFirstMultiSelectedBlock(clientId)) { + return getMultiSelectedBlockClientIds().every(id => getBlockName(id) === name); + } + + return false; + }, [clientId, isSelected, name]); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls/groups.js /** * WordPress dependencies @@ -11460,14 +12625,22 @@ const InspectorControlsAdvanced = (0,external_wp_components_namespaceObject.crea const InspectorControlsBorder = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsBorder'); const InspectorControlsColor = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsColor'); const InspectorControlsDimensions = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsDimensions'); +const InspectorControlsPosition = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsPosition'); const InspectorControlsTypography = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsTypography'); +const InspectorControlsListView = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsListView'); +const InspectorControlsStyles = (0,external_wp_components_namespaceObject.createSlotFill)('InspectorControlsStyles'); const groups_groups = { default: InspectorControlsDefault, advanced: InspectorControlsAdvanced, border: InspectorControlsBorder, color: InspectorControlsColor, dimensions: InspectorControlsDimensions, - typography: InspectorControlsTypography + list: InspectorControlsListView, + settings: InspectorControlsDefault, + // Alias for default. + styles: InspectorControlsStyles, + typography: InspectorControlsTypography, + position: InspectorControlsPosition }; /* harmony default export */ var inspector_controls_groups = (groups_groups); @@ -11484,6 +12657,7 @@ const groups_groups = { + /** * Internal dependencies */ @@ -11494,9 +12668,20 @@ function InspectorControlsFill(_ref) { var _groups$group; let { - __experimentalGroup: group = 'default', - children + children, + group = 'default', + __experimentalGroup } = _ref; + + if (__experimentalGroup) { + external_wp_deprecated_default()('`__experimentalGroup` property in `InspectorControlsFill`', { + since: '6.2', + version: '6.4', + alternative: '`group`' + }); + group = __experimentalGroup; + } + const isDisplayed = useDisplayBlockControls(); const Fill = (_groups$group = inspector_controls_groups[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill; @@ -11533,8 +12718,6 @@ function InspectorControlsFill(_ref) { */ - -const utils_identity = x => x; /** * Removed falsy values from nested object. * @@ -11542,23 +12725,91 @@ const utils_identity = x => x; * @return {*} Object cleaned from falsy values */ - -const cleanEmptyObject = object => { +const utils_cleanEmptyObject = object => { if (object === null || typeof object !== 'object' || Array.isArray(object)) { return object; } - const cleanedNestedObjects = (0,external_lodash_namespaceObject.pickBy)((0,external_lodash_namespaceObject.mapValues)(object, cleanEmptyObject), utils_identity); + const cleanedNestedObjects = Object.fromEntries(Object.entries((0,external_lodash_namespaceObject.mapValues)(object, utils_cleanEmptyObject)).filter(_ref => { + let [, value] = _ref; + return Boolean(value); + })); return (0,external_lodash_namespaceObject.isEmpty)(cleanedNestedObjects) ? undefined : cleanedNestedObjects; }; +/** + * Converts a path to an array of its fragments. + * Supports strings, numbers and arrays: + * + * 'foo' => [ 'foo' ] + * 2 => [ '2' ] + * [ 'foo', 'bar' ] => [ 'foo', 'bar' ] + * + * @param {string|number|Array} path Path + * @return {Array} Normalized path. + */ + +function normalizePath(path) { + if (Array.isArray(path)) { + return path; + } else if (typeof path === 'number') { + return [path.toString()]; + } + + return [path]; +} +/** + * Clones an object. + * Non-object values are returned unchanged. + * + * @param {*} object Object to clone. + * @return {*} Cloned object, or original literal non-object value. + */ + + +function cloneObject(object) { + if (typeof object === 'object') { + return { ...Object.fromEntries(Object.entries(object).map(_ref2 => { + let [key, value] = _ref2; + return [key, cloneObject(value)]; + })) + }; + } + + return object; +} +/** + * Perform an immutable set. + * Handles nullish initial values. + * Clones all nested objects in the specified object. + * + * @param {Object} object Object to set a value in. + * @param {number|string|Array} path Path in the object to modify. + * @param {*} value New value to set. + * @return {Object} Cloned object with the new value set. + */ + + function immutableSet(object, path, value) { - return (0,external_lodash_namespaceObject.setWith)(object ? (0,external_lodash_namespaceObject.clone)(object) : {}, path, value, external_lodash_namespaceObject.clone); + const normalizedPath = normalizePath(path); + const newObject = object ? cloneObject(object) : {}; + normalizedPath.reduce((acc, key, i) => { + if (acc[key] === undefined) { + acc[key] = {}; + } + + if (i === normalizedPath.length - 1) { + acc[key] = value; + } + + return acc[key]; + }, newObject); + return newObject; } function transformStyles(activeSupports, migrationPaths, result, source, index, results) { var _source$; // If there are no active supports return early. - if ((0,external_lodash_namespaceObject.every)(activeSupports, isActive => !isActive)) { + if (Object.values(activeSupports !== null && activeSupports !== void 0 ? activeSupports : {}).every(isActive => !isActive)) { return result; } // If the condition verifies we are probably in the presence of a wrapping transform // e.g: nesting paragraphs in a group or columns and in that case the styles should not be transformed. @@ -11587,8 +12838,8 @@ function transformStyles(activeSupports, migrationPaths, result, source, index, } let returnBlock = result; - Object.entries(activeSupports).forEach(_ref => { - let [support, isActive] = _ref; + Object.entries(activeSupports).forEach(_ref3 => { + let [support, isActive] = _ref3; if (isActive) { migrationPaths[support].forEach(path => { @@ -11675,12 +12926,12 @@ function BlockSupportToolsPanel(_ref) { }); // Enforce a cleaned style object. newBlockAttributes = { ...newBlockAttributes, - style: cleanEmptyObject(newBlockAttributes.style) + style: utils_cleanEmptyObject(newBlockAttributes.style) }; newAttributes[clientId] = newBlockAttributes; }); updateBlockAttributes(clientIds, newAttributes, true); - }, [cleanEmptyObject, getBlockAttributes, getMultiSelectedBlockClientIds, hasMultiSelection, panelId, updateBlockAttributes]); + }, [utils_cleanEmptyObject, getBlockAttributes, getMultiSelectedBlockClientIds, hasMultiSelection, panelId, updateBlockAttributes]); return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanel, { className: `${group}-block-support-panel`, label: label, @@ -11725,6 +12976,7 @@ function BlockSupportSlotContainer(_ref) { */ + /** * Internal dependencies */ @@ -11736,19 +12988,31 @@ function InspectorControlsSlot(_ref) { var _groups$group; let { - __experimentalGroup: group = 'default', + __experimentalGroup, + group = 'default', label, ...props } = _ref; + + if (__experimentalGroup) { + external_wp_deprecated_default()('`__experimentalGroup` property in `InspectorControlsSlot`', { + since: '6.2', + version: '6.4', + alternative: '`group`' + }); + group = __experimentalGroup; + } + const Slot = (_groups$group = inspector_controls_groups[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Slot; const slot = (0,external_wp_components_namespaceObject.__experimentalUseSlot)(Slot === null || Slot === void 0 ? void 0 : Slot.__unstableName); + const fills = (0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(Slot === null || Slot === void 0 ? void 0 : Slot.__unstableName); if (!Slot || !slot) { typeof process !== "undefined" && process.env && "production" !== "production" ? 0 : void 0; return null; } - const hasFills = Boolean(slot.fills && slot.fills.length); + const hasFills = Boolean(fills && fills.length); if (!hasFills) { return null; @@ -11782,13 +13046,13 @@ InspectorControls.Slot = InspectorControlsSlot; // This is just here for backwar const InspectorAdvancedControls = props => { return (0,external_wp_element_namespaceObject.createElement)(InspectorControlsFill, _extends({}, props, { - __experimentalGroup: "advanced" + group: "advanced" })); }; InspectorAdvancedControls.Slot = props => { return (0,external_wp_element_namespaceObject.createElement)(InspectorControlsSlot, _extends({}, props, { - __experimentalGroup: "advanced" + group: "advanced" })); }; @@ -11875,6 +13139,7 @@ function BlockPopover(_ref, ref) { __unstableCoverTarget = false, __unstablePopoverSlot, __unstableContentRef, + shift = true, ...props } = _ref; const selectedElement = useBlockElement(clientId); @@ -11954,17 +13219,18 @@ function BlockPopover(_ref, ref) { return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, _extends({ ref: mergedRefs, animate: false, - position: "top right left", focusOnMount: false, anchor: popoverAnchor // Render in the old slot if needed for backward compatibility, // otherwise render in place (not in the default popover slot). , __unstableSlotName: __unstablePopoverSlot || null, + placement: "top-start", resize: false, flip: false, - shift: true + shift: shift }, props, { - className: classnames_default()('block-editor-block-popover', props.className) + className: classnames_default()('block-editor-block-popover', props.className), + variant: "unstyled" }), __unstableCoverTarget && (0,external_wp_element_namespaceObject.createElement)("div", { style: style }, children), !__unstableCoverTarget && children); @@ -12035,7 +13301,7 @@ function resetMargin(_ref) { style } = attributes; setAttributes({ - style: cleanEmptyObject({ ...style, + style: utils_cleanEmptyObject({ ...style, spacing: { ...(style === null || style === void 0 ? void 0 : style.spacing), margin: undefined } @@ -12074,7 +13340,9 @@ function MarginEdit(props) { attributes: { style }, - setAttributes + setAttributes, + onMouseOver, + onMouseOut } = props; const spacingSizes = useSetting('spacing.spacingSizes'); const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ @@ -12094,7 +13362,7 @@ function MarginEdit(props) { } }; setAttributes({ - style: cleanEmptyObject(newStyle) + style: utils_cleanEmptyObject(newStyle) }); }; @@ -12106,7 +13374,9 @@ function MarginEdit(props) { sides: sides, units: units, allowReset: false, - splitOnAxis: splitOnAxis + splitOnAxis: splitOnAxis, + onMouseOver: onMouseOver, + onMouseOut: onMouseOut }), (spacingSizes === null || spacingSizes === void 0 ? void 0 : spacingSizes.length) > 0 && (0,external_wp_element_namespaceObject.createElement)(SpacingSizesControl, { values: style === null || style === void 0 ? void 0 : (_style$spacing2 = style.spacing) === null || _style$spacing2 === void 0 ? void 0 : _style$spacing2.margin, onChange: onChange, @@ -12114,7 +13384,9 @@ function MarginEdit(props) { sides: sides, units: units, allowReset: false, - splitOnAxis: false + splitOnAxis: false, + onMouseOver: onMouseOver, + onMouseOut: onMouseOut })), native: null }); @@ -12124,24 +13396,24 @@ function MarginVisualizer(_ref2) { let { clientId, - attributes + attributes, + forceShow } = _ref2; const margin = attributes === null || attributes === void 0 ? void 0 : (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : (_attributes$style$spa = _attributes$style.spacing) === null || _attributes$style$spa === void 0 ? void 0 : _attributes$style$spa.margin; - const spacingSizes = useSetting('spacing.spacingSizes'); const style = (0,external_wp_element_namespaceObject.useMemo)(() => { - const marginTop = margin !== null && margin !== void 0 && margin.top ? getCustomValueFromPreset(margin === null || margin === void 0 ? void 0 : margin.top, spacingSizes) : 0; - const marginRight = margin !== null && margin !== void 0 && margin.right ? getCustomValueFromPreset(margin === null || margin === void 0 ? void 0 : margin.right, spacingSizes) : 0; - const marginBottom = margin !== null && margin !== void 0 && margin.bottom ? getCustomValueFromPreset(margin === null || margin === void 0 ? void 0 : margin.bottom, spacingSizes) : 0; - const marginLeft = margin !== null && margin !== void 0 && margin.left ? getCustomValueFromPreset(margin === null || margin === void 0 ? void 0 : margin.left, spacingSizes) : 0; + const marginTop = margin !== null && margin !== void 0 && margin.top ? getSpacingPresetCssVar(margin === null || margin === void 0 ? void 0 : margin.top) : 0; + const marginRight = margin !== null && margin !== void 0 && margin.right ? getSpacingPresetCssVar(margin === null || margin === void 0 ? void 0 : margin.right) : 0; + const marginBottom = margin !== null && margin !== void 0 && margin.bottom ? getSpacingPresetCssVar(margin === null || margin === void 0 ? void 0 : margin.bottom) : 0; + const marginLeft = margin !== null && margin !== void 0 && margin.left ? getSpacingPresetCssVar(margin === null || margin === void 0 ? void 0 : margin.left) : 0; return { borderTopWidth: marginTop, borderRightWidth: marginRight, borderBottomWidth: marginBottom, borderLeftWidth: marginLeft, - top: marginTop !== 0 ? `calc(${marginTop} * -1)` : 0, - right: marginRight !== 0 ? `calc(${marginRight} * -1)` : 0, - bottom: marginBottom !== 0 ? `calc(${marginBottom} * -1)` : 0, - left: marginLeft !== 0 ? `calc(${marginLeft} * -1)` : 0 + top: marginTop ? `calc(${marginTop} * -1)` : 0, + right: marginRight ? `calc(${marginRight} * -1)` : 0, + bottom: marginBottom ? `calc(${marginBottom} * -1)` : 0, + left: marginLeft ? `calc(${marginLeft} * -1)` : 0 }; }, [margin]); const [isActive, setIsActive] = (0,external_wp_element_namespaceObject.useState)(false); @@ -12155,32 +13427,270 @@ function MarginVisualizer(_ref2) { }; (0,external_wp_element_namespaceObject.useEffect)(() => { - if (!external_wp_isShallowEqual_default()(margin, valueRef.current)) { + if (!external_wp_isShallowEqual_default()(margin, valueRef.current) && !forceShow) { setIsActive(true); valueRef.current = margin; - clearTimer(); timeoutRef.current = setTimeout(() => { setIsActive(false); }, 400); } - return () => clearTimer(); - }, [margin]); + return () => { + setIsActive(false); + clearTimer(); + }; + }, [margin, forceShow]); - if (!isActive) { + if (!isActive && !forceShow) { return null; } return (0,external_wp_element_namespaceObject.createElement)(block_popover, { clientId: clientId, __unstableCoverTarget: true, - __unstableRefreshSize: margin + __unstableRefreshSize: margin, + __unstablePopoverSlot: "block-toolbar", + shift: false }, (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor__padding-visualizer", style: style })); } +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/height-control/index.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + +const RANGE_CONTROL_CUSTOM_SETTINGS = { + px: { + max: 1000, + step: 1 + }, + '%': { + max: 100, + step: 1 + }, + vw: { + max: 100, + step: 1 + }, + vh: { + max: 100, + step: 1 + }, + em: { + max: 50, + step: 0.1 + }, + rem: { + max: 50, + step: 0.1 + } +}; +/** + * HeightControl renders a linked unit control and range control for adjusting the height of a block. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/height-control/README.md + * + * @param {Object} props + * @param {?string} props.label A label for the control. + * @param {( value: string ) => void } props.onChange Called when the height changes. + * @param {string} props.value The current height value. + * + * @return {WPComponent} The component to be rendered. + */ + +function HeightControl(_ref) { + var _units$, _RANGE_CONTROL_CUSTOM, _RANGE_CONTROL_CUSTOM2, _RANGE_CONTROL_CUSTOM3, _RANGE_CONTROL_CUSTOM4; + + let { + label = (0,external_wp_i18n_namespaceObject.__)('Height'), + onChange, + value + } = _ref; + const customRangeValue = parseFloat(value); + const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ + availableUnits: useSetting('spacing.units') || ['%', 'px', 'em', 'rem', 'vh', 'vw'] + }); + const selectedUnit = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(value), [value])[1] || ((_units$ = units[0]) === null || _units$ === void 0 ? void 0 : _units$.value) || 'px'; + + const handleSliderChange = next => { + onChange([next, selectedUnit].join('')); + }; + + const handleUnitChange = newUnit => { + // Attempt to smooth over differences between currentUnit and newUnit. + // This should slightly improve the experience of switching between unit types. + const [currentValue, currentUnit] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(value); + + if (['em', 'rem'].includes(newUnit) && currentUnit === 'px') { + // Convert pixel value to an approximate of the new unit, assuming a root size of 16px. + onChange((currentValue / 16).toFixed(2) + newUnit); + } else if (['em', 'rem'].includes(currentUnit) && newUnit === 'px') { + // Convert to pixel value assuming a root size of 16px. + onChange(Math.round(currentValue * 16) + newUnit); + } else if (['vh', 'vw', '%'].includes(newUnit) && currentValue > 100) { + // When converting to `vh`, `vw`, or `%` units, cap the new value at 100. + onChange(100 + newUnit); + } + }; + + return (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: "block-editor-height-control" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, { + as: "legend" + }, label), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, { + isBlock: true + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, { + value: value, + units: units, + onChange: onChange, + onUnitChange: handleUnitChange, + min: 0, + size: '__unstable-large' + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, { + isBlock: true + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalSpacer, { + marginX: 2, + marginBottom: 0 + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { + value: customRangeValue, + min: 0, + max: (_RANGE_CONTROL_CUSTOM = (_RANGE_CONTROL_CUSTOM2 = RANGE_CONTROL_CUSTOM_SETTINGS[selectedUnit]) === null || _RANGE_CONTROL_CUSTOM2 === void 0 ? void 0 : _RANGE_CONTROL_CUSTOM2.max) !== null && _RANGE_CONTROL_CUSTOM !== void 0 ? _RANGE_CONTROL_CUSTOM : 100, + step: (_RANGE_CONTROL_CUSTOM3 = (_RANGE_CONTROL_CUSTOM4 = RANGE_CONTROL_CUSTOM_SETTINGS[selectedUnit]) === null || _RANGE_CONTROL_CUSTOM4 === void 0 ? void 0 : _RANGE_CONTROL_CUSTOM4.step) !== null && _RANGE_CONTROL_CUSTOM3 !== void 0 ? _RANGE_CONTROL_CUSTOM3 : 0.1, + withInputField: false, + onChange: handleSliderChange, + __nextHasNoMarginBottom: true + }))))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/min-height.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + + +/** + * Determines if there is minHeight support. + * + * @param {string|Object} blockType Block name or Block Type object. + * @return {boolean} Whether there is support. + */ + +function hasMinHeightSupport(blockType) { + const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, DIMENSIONS_SUPPORT_KEY); + return !!(true === support || support !== null && support !== void 0 && support.minHeight); +} +/** + * Checks if there is a current value in the minHeight block support attributes. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a minHeight value set. + */ + +function hasMinHeightValue(props) { + var _props$attributes$sty, _props$attributes$sty2; + + return ((_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : (_props$attributes$sty2 = _props$attributes$sty.dimensions) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.minHeight) !== undefined; +} +/** + * Resets the minHeight block support attributes. This can be used when disabling + * the padding support controls for a block via a `ToolsPanel`. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetMinHeight(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + dimensions: { ...(style === null || style === void 0 ? void 0 : style.dimensions), + minHeight: undefined + } + }) + }); +} +/** + * Custom hook that checks if minHeight controls have been disabled. + * + * @param {string} name The name of the block. + * @return {boolean} Whether minHeight control is disabled. + */ + +function useIsMinHeightDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const isDisabled = !useSetting('dimensions.minHeight'); + return !hasMinHeightSupport(blockName) || isDisabled; +} +/** + * Inspector control panel containing the minHeight related configuration. + * + * @param {Object} props Block props. + * @return {WPElement} Edit component for height. + */ + +function MinHeightEdit(props) { + var _style$dimensions; + + const { + attributes: { + style + }, + setAttributes + } = props; + + if (useIsMinHeightDisabled(props)) { + return null; + } + + const onChange = next => { + const newStyle = { ...style, + dimensions: { ...(style === null || style === void 0 ? void 0 : style.dimensions), + minHeight: next + } + }; + setAttributes({ + style: utils_cleanEmptyObject(newStyle) + }); + }; + + return (0,external_wp_element_namespaceObject.createElement)(HeightControl, { + label: (0,external_wp_i18n_namespaceObject.__)('Min. height'), + value: style === null || style === void 0 ? void 0 : (_style$dimensions = style.dimensions) === null || _style$dimensions === void 0 ? void 0 : _style$dimensions.minHeight, + onChange: onChange + }); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/padding.js @@ -12244,7 +13754,7 @@ function resetPadding(_ref) { style } = attributes; setAttributes({ - style: cleanEmptyObject({ ...style, + style: utils_cleanEmptyObject({ ...style, spacing: { ...(style === null || style === void 0 ? void 0 : style.spacing), padding: undefined } @@ -12283,7 +13793,9 @@ function PaddingEdit(props) { attributes: { style }, - setAttributes + setAttributes, + onMouseOver, + onMouseOut } = props; const spacingSizes = useSetting('spacing.spacingSizes'); const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ @@ -12303,7 +13815,7 @@ function PaddingEdit(props) { } }; setAttributes({ - style: cleanEmptyObject(newStyle) + style: utils_cleanEmptyObject(newStyle) }); }; @@ -12315,7 +13827,9 @@ function PaddingEdit(props) { sides: sides, units: units, allowReset: false, - splitOnAxis: splitOnAxis + splitOnAxis: splitOnAxis, + onMouseOver: onMouseOver, + onMouseOut: onMouseOut }), (spacingSizes === null || spacingSizes === void 0 ? void 0 : spacingSizes.length) > 0 && (0,external_wp_element_namespaceObject.createElement)(SpacingSizesControl, { values: style === null || style === void 0 ? void 0 : (_style$spacing2 = style.spacing) === null || _style$spacing2 === void 0 ? void 0 : _style$spacing2.padding, onChange: onChange, @@ -12323,7 +13837,9 @@ function PaddingEdit(props) { sides: sides, units: units, allowReset: false, - splitOnAxis: splitOnAxis + splitOnAxis: splitOnAxis, + onMouseOver: onMouseOver, + onMouseOut: onMouseOut })), native: null }); @@ -12333,15 +13849,16 @@ function PaddingVisualizer(_ref2) { let { clientId, - attributes + attributes, + forceShow } = _ref2; const padding = attributes === null || attributes === void 0 ? void 0 : (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : (_attributes$style$spa = _attributes$style.spacing) === null || _attributes$style$spa === void 0 ? void 0 : _attributes$style$spa.padding; const style = (0,external_wp_element_namespaceObject.useMemo)(() => { return { - borderTopWidth: isValueSpacingPreset(padding === null || padding === void 0 ? void 0 : padding.top) ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.top) : padding === null || padding === void 0 ? void 0 : padding.top, - borderRightWidth: isValueSpacingPreset(padding === null || padding === void 0 ? void 0 : padding.right) ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.right) : padding === null || padding === void 0 ? void 0 : padding.right, - borderBottomWidth: isValueSpacingPreset(padding === null || padding === void 0 ? void 0 : padding.bottom) ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.bottom) : padding === null || padding === void 0 ? void 0 : padding.bottom, - borderLeftWidth: isValueSpacingPreset(padding === null || padding === void 0 ? void 0 : padding.left) ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.left) : padding === null || padding === void 0 ? void 0 : padding.left + borderTopWidth: padding !== null && padding !== void 0 && padding.top ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.top) : 0, + borderRightWidth: padding !== null && padding !== void 0 && padding.right ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.right) : 0, + borderBottomWidth: padding !== null && padding !== void 0 && padding.bottom ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.bottom) : 0, + borderLeftWidth: padding !== null && padding !== void 0 && padding.left ? getSpacingPresetCssVar(padding === null || padding === void 0 ? void 0 : padding.left) : 0 }; }, [padding]); const [isActive, setIsActive] = (0,external_wp_element_namespaceObject.useState)(false); @@ -12355,35 +13872,234 @@ function PaddingVisualizer(_ref2) { }; (0,external_wp_element_namespaceObject.useEffect)(() => { - if (!external_wp_isShallowEqual_default()(padding, valueRef.current)) { + if (!external_wp_isShallowEqual_default()(padding, valueRef.current) && !forceShow) { setIsActive(true); valueRef.current = padding; - clearTimer(); timeoutRef.current = setTimeout(() => { setIsActive(false); }, 400); } - return () => clearTimer(); - }, [padding]); + return () => { + setIsActive(false); + clearTimer(); + }; + }, [padding, forceShow]); - if (!isActive) { + if (!isActive && !forceShow) { return null; } return (0,external_wp_element_namespaceObject.createElement)(block_popover, { clientId: clientId, __unstableCoverTarget: true, - __unstableRefreshSize: padding + __unstableRefreshSize: padding, + __unstablePopoverSlot: "block-toolbar", + shift: false }, (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor__padding-visualizer", style: style })); } +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/child-layout.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +function helpText(selfStretch, parentLayout) { + const { + orientation = 'horizontal' + } = parentLayout; + + if (selfStretch === 'fill') { + return (0,external_wp_i18n_namespaceObject.__)('Stretch to fill available space.'); + } + + if (selfStretch === 'fixed') { + if (orientation === 'horizontal') { + return (0,external_wp_i18n_namespaceObject.__)('Specify a fixed width.'); + } + + return (0,external_wp_i18n_namespaceObject.__)('Specify a fixed height.'); + } + + return (0,external_wp_i18n_namespaceObject.__)('Fit contents.'); +} +/** + * Inspector controls containing the child layout related configuration. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block attributes. + * @param {Object} props.setAttributes Function to set block attributes. + * @param {Object} props.__unstableParentLayout + * + * @return {WPElement} child layout edit element. + */ + + +function ChildLayoutEdit(_ref) { + let { + attributes, + setAttributes, + __unstableParentLayout: parentLayout + } = _ref; + const { + style = {} + } = attributes; + const { + layout: childLayout = {} + } = style; + const { + selfStretch, + flexSize + } = childLayout; + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (selfStretch === 'fixed' && !flexSize) { + setAttributes({ + style: { ...style, + layout: { ...childLayout, + selfStretch: 'fit' + } + } + }); + } + }, []); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, { + __nextHasNoMarginBottom: true, + size: '__unstable-large', + label: childLayoutOrientation(parentLayout), + value: selfStretch || 'fit', + help: helpText(selfStretch, parentLayout), + onChange: value => { + const newFlexSize = value !== 'fixed' ? null : flexSize; + setAttributes({ + style: { ...style, + layout: { ...childLayout, + selfStretch: value, + flexSize: newFlexSize + } + } + }); + }, + isBlock: true + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, { + key: 'fit', + value: 'fit', + label: (0,external_wp_i18n_namespaceObject.__)('Fit') + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, { + key: 'fill', + value: 'fill', + label: (0,external_wp_i18n_namespaceObject.__)('Fill') + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, { + key: 'fixed', + value: 'fixed', + label: (0,external_wp_i18n_namespaceObject.__)('Fixed') + })), selfStretch === 'fixed' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, { + size: '__unstable-large', + onChange: value => { + setAttributes({ + style: { ...style, + layout: { ...childLayout, + flexSize: value + } + } + }); + }, + value: flexSize + })); +} +/** + * Determines if there is child layout support. + * + * @param {Object} props Block Props object. + * @param {Object} props.__unstableParentLayout Parent layout. + * + * @return {boolean} Whether there is support. + */ + +function hasChildLayoutSupport(_ref2) { + let { + __unstableParentLayout: parentLayout = {} + } = _ref2; + const { + type: parentLayoutType = 'default', + default: { + type: defaultParentLayoutType = 'default' + } = {}, + allowSizingOnChildren = false + } = parentLayout; + const support = (defaultParentLayoutType === 'flex' || parentLayoutType === 'flex') && allowSizingOnChildren; + return support; +} +/** + * Checks if there is a current value in the child layout attributes. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a child layout value set. + */ + +function hasChildLayoutValue(props) { + var _props$attributes$sty; + + return ((_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.layout) !== undefined; +} +/** + * Resets the child layout attribute. This can be used when disabling + * child layout controls for a block via a progressive discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block attributes. + * @param {Object} props.setAttributes Function to set block attributes. + */ + +function resetChildLayout(_ref3) { + let { + attributes = {}, + setAttributes + } = _ref3; + const { + style + } = attributes; + setAttributes({ + style: { ...style, + layout: undefined + } + }); +} +/** + * Custom hook that checks if child layout settings have been disabled. + * + * @param {Object} props Block props. + * + * @return {boolean} Whether the child layout setting is disabled. + */ + +function useIsChildLayoutDisabled(props) { + const isDisabled = !useSetting('layout'); + return !hasChildLayoutSupport(props) || isDisabled; +} +function childLayoutOrientation(parentLayout) { + const { + orientation = 'horizontal' + } = parentLayout; + return orientation === 'horizontal' ? (0,external_wp_i18n_namespaceObject.__)('Width') : (0,external_wp_i18n_namespaceObject.__)('Height'); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/dimensions.js + /** * External dependencies */ @@ -12396,6 +14112,7 @@ function PaddingVisualizer(_ref2) { + /** * Internal dependencies */ @@ -12405,37 +14122,74 @@ function PaddingVisualizer(_ref2) { + + + + +const DIMENSIONS_SUPPORT_KEY = 'dimensions'; const SPACING_SUPPORT_KEY = 'spacing'; const dimensions_ALL_SIDES = ['top', 'right', 'bottom', 'left']; const AXIAL_SIDES = ['vertical', 'horizontal']; + +function useVisualizerMouseOver() { + const [isMouseOver, setIsMouseOver] = (0,external_wp_element_namespaceObject.useState)(false); + const { + hideBlockInterface, + showBlockInterface + } = experiments_unlock((0,external_wp_data_namespaceObject.useDispatch)(store)); + + const onMouseOver = e => { + e.stopPropagation(); + hideBlockInterface(); + setIsMouseOver(true); + }; + + const onMouseOut = e => { + e.stopPropagation(); + showBlockInterface(); + setIsMouseOver(false); + }; + + return { + isMouseOver, + onMouseOver, + onMouseOut + }; +} /** * Inspector controls for dimensions support. * * @param {Object} props Block props. * - * @return {WPElement} Inspector controls for spacing support features. + * @return {WPElement} Inspector controls for dimensions and spacing support features. */ + function DimensionsPanel(props) { const isGapDisabled = useIsGapDisabled(props); const isPaddingDisabled = useIsPaddingDisabled(props); const isMarginDisabled = useIsMarginDisabled(props); + const isMinHeightDisabled = useIsMinHeightDisabled(props); + const isChildLayoutDisabled = useIsChildLayoutDisabled(props); const isDisabled = useIsDimensionsDisabled(props); - const isSupported = hasDimensionsSupport(props.name); + const isSupported = hasDimensionsSupport(props); const spacingSizes = useSetting('spacing.spacingSizes'); + const paddingMouseOver = useVisualizerMouseOver(); + const marginMouseOver = useVisualizerMouseOver(); if (isDisabled || !isSupported) { return null; } + const defaultDimensionsControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [DIMENSIONS_SUPPORT_KEY, '__experimentalDefaultControls']); const defaultSpacingControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [SPACING_SUPPORT_KEY, '__experimentalDefaultControls']); - const createResetAllFilter = attribute => newAttributes => { + const createResetAllFilter = (attribute, featureSet) => newAttributes => { var _newAttributes$style; return { ...newAttributes, style: { ...newAttributes.style, - spacing: { ...((_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : _newAttributes$style.spacing), + [featureSet]: { ...((_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : _newAttributes$style[featureSet]), [attribute]: undefined } } @@ -12445,48 +14199,80 @@ function DimensionsPanel(props) { const spacingClassnames = classnames_default()({ 'tools-panel-item-spacing': spacingSizes && spacingSizes.length > 0 }); + const { + __unstableParentLayout: parentLayout + } = props; return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { - __experimentalGroup: "dimensions" + group: "dimensions" }, !isPaddingDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { className: spacingClassnames, hasValue: () => hasPaddingValue(props), label: (0,external_wp_i18n_namespaceObject.__)('Padding'), onDeselect: () => resetPadding(props), - resetAllFilter: createResetAllFilter('padding'), + resetAllFilter: createResetAllFilter('padding', 'spacing'), isShownByDefault: defaultSpacingControls === null || defaultSpacingControls === void 0 ? void 0 : defaultSpacingControls.padding, panelId: props.clientId - }, (0,external_wp_element_namespaceObject.createElement)(PaddingEdit, props)), !isMarginDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + }, (0,external_wp_element_namespaceObject.createElement)(PaddingEdit, _extends({ + onMouseOver: paddingMouseOver.onMouseOver, + onMouseOut: paddingMouseOver.onMouseOut + }, props))), !isMarginDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { className: spacingClassnames, hasValue: () => hasMarginValue(props), label: (0,external_wp_i18n_namespaceObject.__)('Margin'), onDeselect: () => resetMargin(props), - resetAllFilter: createResetAllFilter('margin'), + resetAllFilter: createResetAllFilter('margin', 'spacing'), isShownByDefault: defaultSpacingControls === null || defaultSpacingControls === void 0 ? void 0 : defaultSpacingControls.margin, panelId: props.clientId - }, (0,external_wp_element_namespaceObject.createElement)(MarginEdit, props)), !isGapDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + }, (0,external_wp_element_namespaceObject.createElement)(MarginEdit, _extends({ + onMouseOver: marginMouseOver.onMouseOver, + onMouseOut: marginMouseOver.onMouseOut + }, props))), !isGapDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { className: spacingClassnames, hasValue: () => hasGapValue(props), label: (0,external_wp_i18n_namespaceObject.__)('Block spacing'), onDeselect: () => resetGap(props), - resetAllFilter: createResetAllFilter('blockGap'), + resetAllFilter: createResetAllFilter('blockGap', 'spacing'), isShownByDefault: defaultSpacingControls === null || defaultSpacingControls === void 0 ? void 0 : defaultSpacingControls.blockGap, panelId: props.clientId - }, (0,external_wp_element_namespaceObject.createElement)(GapEdit, props))), !isPaddingDisabled && (0,external_wp_element_namespaceObject.createElement)(PaddingVisualizer, props), !isMarginDisabled && (0,external_wp_element_namespaceObject.createElement)(MarginVisualizer, props)); + }, (0,external_wp_element_namespaceObject.createElement)(GapEdit, props)), !isMinHeightDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + hasValue: () => hasMinHeightValue(props), + label: (0,external_wp_i18n_namespaceObject.__)('Min. height'), + onDeselect: () => resetMinHeight(props), + resetAllFilter: createResetAllFilter('minHeight', 'dimensions'), + isShownByDefault: defaultDimensionsControls === null || defaultDimensionsControls === void 0 ? void 0 : defaultDimensionsControls.minHeight, + panelId: props.clientId + }, (0,external_wp_element_namespaceObject.createElement)(MinHeightEdit, props)), !isChildLayoutDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, { + as: external_wp_components_namespaceObject.__experimentalToolsPanelItem, + spacing: 2, + hasValue: () => hasChildLayoutValue(props), + label: childLayoutOrientation(parentLayout), + onDeselect: () => resetChildLayout(props), + resetAllFilter: createResetAllFilter('selfStretch', 'layout'), + isShownByDefault: false, + panelId: props.clientId + }, (0,external_wp_element_namespaceObject.createElement)(ChildLayoutEdit, props))), !isPaddingDisabled && (0,external_wp_element_namespaceObject.createElement)(PaddingVisualizer, _extends({ + forceShow: paddingMouseOver.isMouseOver + }, props)), !isMarginDisabled && (0,external_wp_element_namespaceObject.createElement)(MarginVisualizer, _extends({ + forceShow: marginMouseOver.isMouseOver + }, props))); } /** * Determine whether there is dimensions related block support. * - * @param {string} blockName Block name. + * @param {Object} props Block props. * * @return {boolean} Whether there is support. */ -function hasDimensionsSupport(blockName) { +function hasDimensionsSupport(props) { if (external_wp_element_namespaceObject.Platform.OS !== 'web') { return false; } - return hasGapSupport(blockName) || hasPaddingSupport(blockName) || hasMarginSupport(blockName); + const { + name: blockName + } = props; + return hasGapSupport(blockName) || hasMinHeightSupport(blockName) || hasPaddingSupport(blockName) || hasMarginSupport(blockName) || hasChildLayoutSupport(props); } /** * Determines whether dimensions support has been disabled. @@ -12499,9 +14285,11 @@ function hasDimensionsSupport(blockName) { const useIsDimensionsDisabled = function () { let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; const gapDisabled = useIsGapDisabled(props); + const minHeightDisabled = useIsMinHeightDisabled(props); const paddingDisabled = useIsPaddingDisabled(props); const marginDisabled = useIsMarginDisabled(props); - return gapDisabled && paddingDisabled && marginDisabled; + const childLayoutDisabled = useIsChildLayoutDisabled(props); + return gapDisabled && minHeightDisabled && paddingDisabled && marginDisabled && childLayoutDisabled; }; /** * Custom hook to retrieve which padding/margin/blockGap is supported @@ -12513,7 +14301,7 @@ const useIsDimensionsDisabled = function () { * @param {string} blockName Block name. * @param {string} feature The feature custom sides relate to e.g. padding or margins. * - * @return {?string[]} Strings representing the custom sides available. + * @return {string[] | undefined} Strings representing the custom sides available. */ @@ -12732,7 +14520,7 @@ function GapEdit(props) { } }; setAttributes({ - style: cleanEmptyObject(newStyle) + style: utils_cleanEmptyObject(newStyle) }); // In Safari, changing the `gap` CSS value on its own will not trigger the layout // to be recalculated / re-rendered. To force the updated gap to re-render, here // we replace the block's node with itself. @@ -12787,1247 +14575,945 @@ function GapEdit(props) { }); } -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-control/icons.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/use-global-styles-output.js +/** + * External dependencies + */ + /** * WordPress dependencies */ -const alignBottom = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { - d: "M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z" -})); -const alignCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { - d: "M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z" -})); -const alignTop = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { - d: "M9 20h6V9H9v11zM4 4v1.5h16V4H4z" -})); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-control/ui.js -/** - * WordPress dependencies - */ - /** * Internal dependencies */ -const BLOCK_ALIGNMENTS_CONTROLS = { - top: { - icon: alignTop, - title: (0,external_wp_i18n_namespaceObject._x)('Align top', 'Block vertical alignment setting') - }, - center: { - icon: alignCenter, - title: (0,external_wp_i18n_namespaceObject._x)('Align middle', 'Block vertical alignment setting') - }, - bottom: { - icon: alignBottom, - title: (0,external_wp_i18n_namespaceObject._x)('Align bottom', 'Block vertical alignment setting') - } -}; -const DEFAULT_CONTROLS = ['top', 'center', 'bottom']; -const DEFAULT_CONTROL = 'top'; -const POPOVER_PROPS = { - isAlternate: true + + + + + + // List of block support features that can have their related styles +// generated under their own feature level selector rather than the block's. + +const BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS = { + __experimentalBorder: 'border', + color: 'color', + spacing: 'spacing', + typography: 'typography' }; -function BlockVerticalAlignmentUI(_ref) { - let { - value, - onChange, - controls = DEFAULT_CONTROLS, - isCollapsed = true, - isToolbar - } = _ref; +function compileStyleValue(uncompiledValue) { + var _uncompiledValue$star; - function applyOrUnset(align) { - return () => onChange(value === align ? undefined : align); + const VARIABLE_REFERENCE_PREFIX = 'var:'; + const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|'; + const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--'; + + if (uncompiledValue !== null && uncompiledValue !== void 0 && (_uncompiledValue$star = uncompiledValue.startsWith) !== null && _uncompiledValue$star !== void 0 && _uncompiledValue$star.call(uncompiledValue, VARIABLE_REFERENCE_PREFIX)) { + const variable = uncompiledValue.slice(VARIABLE_REFERENCE_PREFIX.length).split(VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).join(VARIABLE_PATH_SEPARATOR_TOKEN_STYLE); + return `var(--wp--${variable})`; } - const activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[value]; - const defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL]; - const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; - const extraProps = isToolbar ? { - isCollapsed - } : { - popoverProps: { - POPOVER_PROPS - } - }; - return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({ - icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon, - label: (0,external_wp_i18n_namespaceObject._x)('Change vertical alignment', 'Block vertical alignment setting label'), - controls: controls.map(control => { - return { ...BLOCK_ALIGNMENTS_CONTROLS[control], - isActive: value === control, - role: isCollapsed ? 'menuitemradio' : undefined, - onClick: applyOrUnset(control) - }; - }) - }, extraProps)); + return uncompiledValue; } /** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md + * Transform given preset tree into a set of style declarations. + * + * @param {Object} blockPresets + * @param {Object} mergedSettings Merged theme.json settings. + * + * @return {Array} An array of style declarations. */ -/* harmony default export */ var ui = (BlockVerticalAlignmentUI); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-control/index.js - - - -/** - * Internal dependencies - */ - - -const BlockVerticalAlignmentControl = props => { - return (0,external_wp_element_namespaceObject.createElement)(ui, _extends({}, props, { - isToolbar: false - })); -}; - -const BlockVerticalAlignmentToolbar = props => { - return (0,external_wp_element_namespaceObject.createElement)(ui, _extends({}, props, { - isToolbar: true - })); -}; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-control/README.md - */ - - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/justify-content-control/ui.js - - - -/** - * WordPress dependencies - */ - - - -const icons = { - left: justify_left, - center: justify_center, - right: justify_right, - 'space-between': justify_space_between -}; - -function JustifyContentUI(_ref) { - let { - allowedControls = ['left', 'center', 'right', 'space-between'], - isCollapsed = true, - onChange, - value, - popoverProps, - isToolbar - } = _ref; - - // If the control is already selected we want a click - // again on the control to deselect the item, so we - // call onChange( undefined ) - const handleClick = next => { - if (next === value) { - onChange(undefined); - } else { - onChange(next); - } - }; - - const icon = value ? icons[value] : icons.left; - const allControls = [{ - name: 'left', - icon: justify_left, - title: (0,external_wp_i18n_namespaceObject.__)('Justify items left'), - isActive: 'left' === value, - onClick: () => handleClick('left') - }, { - name: 'center', - icon: justify_center, - title: (0,external_wp_i18n_namespaceObject.__)('Justify items center'), - isActive: 'center' === value, - onClick: () => handleClick('center') - }, { - name: 'right', - icon: justify_right, - title: (0,external_wp_i18n_namespaceObject.__)('Justify items right'), - isActive: 'right' === value, - onClick: () => handleClick('right') - }, { - name: 'space-between', - icon: justify_space_between, - title: (0,external_wp_i18n_namespaceObject.__)('Space between items'), - isActive: 'space-between' === value, - onClick: () => handleClick('space-between') - }]; - const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; - const extraProps = isToolbar ? { - isCollapsed - } : {}; - return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({ - icon: icon, - popoverProps: popoverProps, - label: (0,external_wp_i18n_namespaceObject.__)('Change items justification'), - controls: allControls.filter(elem => allowedControls.includes(elem.name)) - }, extraProps)); -} - -/* harmony default export */ var justify_content_control_ui = (JustifyContentUI); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/justify-content-control/index.js - - - -/** - * Internal dependencies - */ - - -const JustifyContentControl = props => { - return (0,external_wp_element_namespaceObject.createElement)(justify_content_control_ui, _extends({}, props, { - isToolbar: false - })); -}; - -const JustifyToolbar = props => { - return (0,external_wp_element_namespaceObject.createElement)(justify_content_control_ui, _extends({}, props, { - isToolbar: true - })); -}; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md - */ - - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/flex.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - - // Used with the default, horizontal flex orientation. - -const justifyContentMap = { - left: 'flex-start', - right: 'flex-end', - center: 'center', - 'space-between': 'space-between' -}; // Used with the vertical (column) flex orientation. - -const alignItemsMap = { - left: 'flex-start', - right: 'flex-end', - center: 'center' -}; -const verticalAlignmentMap = { - top: 'flex-start', - center: 'center', - bottom: 'flex-end' -}; -const flexWrapOptions = ['wrap', 'nowrap']; -/* harmony default export */ var flex = ({ - name: 'flex', - label: (0,external_wp_i18n_namespaceObject.__)('Flex'), - inspectorControls: function FlexLayoutInspectorControls(_ref) { +function getPresetsDeclarations() { + let blockPresets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let mergedSettings = arguments.length > 1 ? arguments[1] : undefined; + return PRESET_METADATA.reduce((declarations, _ref) => { let { - layout = {}, - onChange, - layoutBlockSupport = {} + path, + valueKey, + valueFunc, + cssVarInfix } = _ref; - const { - allowOrientation = true - } = layoutBlockSupport; - 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, { - layout: layout, - onChange: onChange - })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, allowOrientation && (0,external_wp_element_namespaceObject.createElement)(OrientationControl, { - layout: layout, - onChange: onChange - }))), (0,external_wp_element_namespaceObject.createElement)(FlexWrapControl, { - layout: layout, - onChange: onChange - })); - }, - toolBarControls: function FlexLayoutToolbarControls(_ref2) { + const presetByOrigin = (0,external_lodash_namespaceObject.get)(blockPresets, path, []); + ['default', 'theme', 'custom'].forEach(origin => { + if (presetByOrigin[origin]) { + presetByOrigin[origin].forEach(value => { + if (valueKey && !valueFunc) { + declarations.push(`--wp--preset--${cssVarInfix}--${(0,external_lodash_namespaceObject.kebabCase)(value.slug)}: ${value[valueKey]}`); + } else if (valueFunc && typeof valueFunc === 'function') { + declarations.push(`--wp--preset--${cssVarInfix}--${(0,external_lodash_namespaceObject.kebabCase)(value.slug)}: ${valueFunc(value, mergedSettings)}`); + } + }); + } + }); + return declarations; + }, []); +} +/** + * Transform given preset tree into a set of preset class declarations. + * + * @param {string} blockSelector + * @param {Object} blockPresets + * @return {string} CSS declarations for the preset classes. + */ + + +function getPresetsClasses(blockSelector) { + let blockPresets = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + return PRESET_METADATA.reduce((declarations, _ref2) => { let { - layout = {}, - onChange, - layoutBlockSupport + path, + cssVarInfix, + classes } = _ref2; - if (layoutBlockSupport !== null && layoutBlockSupport !== void 0 && layoutBlockSupport.allowSwitching) { - return null; + if (!classes) { + return declarations; } - const { - allowVerticalAlignment = true - } = layoutBlockSupport; - return (0,external_wp_element_namespaceObject.createElement)(block_controls, { - group: "block", - __experimentalShareWithChildBlocks: true - }, (0,external_wp_element_namespaceObject.createElement)(FlexLayoutJustifyContentControl, { - layout: layout, - onChange: onChange, - isToolbar: true - }), allowVerticalAlignment && (layout === null || layout === void 0 ? void 0 : layout.orientation) !== 'vertical' && (0,external_wp_element_namespaceObject.createElement)(FlexLayoutVerticalAlignmentControl, { - layout: layout, - onChange: onChange, - isToolbar: true - })); - }, - getLayoutStyle: function getLayoutStyle(_ref3) { - var _style$spacing, _style$spacing2; - - let { - selector, - layout, - style, - blockName, - hasBlockGapSupport, - layoutDefinitions - } = _ref3; - const { - orientation = 'horizontal' - } = layout; // If a block's block.json skips serialization for spacing or spacing.blockGap, - // don't apply the user-defined value to the styles. - - const blockGapValue = style !== null && style !== void 0 && (_style$spacing = style.spacing) !== null && _style$spacing !== void 0 && _style$spacing.blockGap && !shouldSkipSerialization(blockName, 'spacing', 'blockGap') ? getGapCSSValue(style === null || style === void 0 ? void 0 : (_style$spacing2 = style.spacing) === null || _style$spacing2 === void 0 ? void 0 : _style$spacing2.blockGap, '0.5em') : undefined; - const justifyContent = justifyContentMap[layout.justifyContent]; - const flexWrap = flexWrapOptions.includes(layout.flexWrap) ? layout.flexWrap : 'wrap'; - const verticalAlignment = verticalAlignmentMap[layout.verticalAlignment]; - const alignItems = alignItemsMap[layout.justifyContent] || alignItemsMap.left; - let output = ''; - const rules = []; - - if (flexWrap && flexWrap !== 'wrap') { - rules.push(`flex-wrap: ${flexWrap}`); - } - - if (orientation === 'horizontal') { - if (verticalAlignment) { - rules.push(`align-items: ${verticalAlignment}`); - } - - if (justifyContent) { - rules.push(`justify-content: ${justifyContent}`); - } - } else { - rules.push('flex-direction: column'); - rules.push(`align-items: ${alignItems}`); - } - - if (rules.length) { - output = `${appendSelectors(selector)} { - ${rules.join('; ')}; - }`; - } // Output blockGap styles based on rules contained in layout definitions in theme.json. - - - if (hasBlockGapSupport && blockGapValue) { - output += getBlockGapCSS(selector, layoutDefinitions, 'flex', blockGapValue); - } - - return output; - }, - - getOrientation(layout) { - const { - orientation = 'horizontal' - } = layout; - return orientation; - }, - - getAlignments() { - return []; - } - -}); - -function FlexLayoutVerticalAlignmentControl(_ref4) { - let { - layout, - onChange, - isToolbar = false - } = _ref4; - const { - verticalAlignment = verticalAlignmentMap.center - } = layout; - - const onVerticalAlignmentChange = value => { - onChange({ ...layout, - verticalAlignment: value - }); - }; - - if (isToolbar) { - return (0,external_wp_element_namespaceObject.createElement)(BlockVerticalAlignmentControl, { - onChange: onVerticalAlignmentChange, - value: verticalAlignment - }); - } - - const verticalAlignmentOptions = [{ - value: 'flex-start', - label: (0,external_wp_i18n_namespaceObject.__)('Align items top') - }, { - value: 'center', - label: (0,external_wp_i18n_namespaceObject.__)('Align items center') - }, { - value: 'flex-end', - label: (0,external_wp_i18n_namespaceObject.__)('Align items bottom') - }]; - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: "block-editor-hooks__flex-layout-vertical-alignment-control" - }, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Vertical alignment')), (0,external_wp_element_namespaceObject.createElement)("div", null, verticalAlignmentOptions.map((value, icon, label) => { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: value, - label: label, - icon: icon, - isPressed: verticalAlignment === value, - onClick: () => onVerticalAlignmentChange(value) - }); - }))); -} - -function FlexLayoutJustifyContentControl(_ref5) { - let { - layout, - onChange, - isToolbar = false - } = _ref5; - const { - justifyContent = 'left', - orientation = 'horizontal' - } = layout; - - const onJustificationChange = value => { - onChange({ ...layout, - justifyContent: value - }); - }; - - const allowedControls = ['left', 'center', 'right']; - - if (orientation === 'horizontal') { - allowedControls.push('space-between'); - } - - if (isToolbar) { - return (0,external_wp_element_namespaceObject.createElement)(JustifyContentControl, { - allowedControls: allowedControls, - value: justifyContent, - onChange: onJustificationChange, - popoverProps: { - position: 'bottom right', - isAlternate: true - } - }); - } - - const justificationOptions = [{ - value: 'left', - icon: justify_left, - label: (0,external_wp_i18n_namespaceObject.__)('Justify items left') - }, { - value: 'center', - icon: justify_center, - label: (0,external_wp_i18n_namespaceObject.__)('Justify items center') - }, { - value: 'right', - icon: justify_right, - label: (0,external_wp_i18n_namespaceObject.__)('Justify items right') - }]; - - if (orientation === 'horizontal') { - justificationOptions.push({ - value: 'space-between', - icon: justify_space_between, - label: (0,external_wp_i18n_namespaceObject.__)('Space between items') - }); - } - - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: "block-editor-hooks__flex-layout-justification-controls" - }, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Justification')), (0,external_wp_element_namespaceObject.createElement)("div", null, justificationOptions.map(_ref6 => { - let { - value, - icon, - label - } = _ref6; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: value, - label: label, - icon: icon, - isPressed: justifyContent === value, - onClick: () => onJustificationChange(value) - }); - }))); -} - -function FlexWrapControl(_ref7) { - let { - layout, - onChange - } = _ref7; - const { - flexWrap = 'wrap' - } = layout; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Allow to wrap to multiple lines'), - onChange: value => { - onChange({ ...layout, - flexWrap: value ? 'wrap' : 'nowrap' - }); - }, - checked: flexWrap === 'wrap' - }); -} - -function OrientationControl(_ref8) { - let { - layout, - onChange - } = _ref8; - const { - orientation = 'horizontal' - } = layout; - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: "block-editor-hooks__flex-layout-orientation-controls" - }, (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, { - label: (0,external_wp_i18n_namespaceObject.__)('Horizontal'), - icon: arrow_right, - isPressed: orientation === 'horizontal', - onClick: () => onChange({ ...layout, - orientation: 'horizontal' - }) - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - label: (0,external_wp_i18n_namespaceObject.__)('Vertical'), - icon: arrow_down, - isPressed: orientation === 'vertical', - onClick: () => onChange({ ...layout, - orientation: 'vertical' - }) - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/flow.js -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - -/* harmony default export */ var flow = ({ - name: 'default', - label: (0,external_wp_i18n_namespaceObject.__)('Flow'), - inspectorControls: function DefaultLayoutInspectorControls() { - return null; - }, - toolBarControls: function DefaultLayoutToolbarControls() { - return null; - }, - getLayoutStyle: function getLayoutStyle(_ref) { - var _style$spacing; - - let { - selector, - style, - blockName, - hasBlockGapSupport, - layoutDefinitions - } = _ref; - const blockGapStyleValue = getGapCSSValue(style === null || style === void 0 ? void 0 : (_style$spacing = style.spacing) === null || _style$spacing === void 0 ? void 0 : _style$spacing.blockGap); // If a block's block.json skips serialization for spacing or - // spacing.blockGap, don't apply the user-defined value to the styles. - - let blockGapValue = ''; - - if (!shouldSkipSerialization(blockName, 'spacing', 'blockGap')) { - // If an object is provided only use the 'top' value for this kind of gap. - if (blockGapStyleValue !== null && blockGapStyleValue !== void 0 && blockGapStyleValue.top) { - blockGapValue = getGapCSSValue(blockGapStyleValue === null || blockGapStyleValue === void 0 ? void 0 : blockGapStyleValue.top); - } else if (typeof blockGapStyleValue === 'string') { - blockGapValue = getGapCSSValue(blockGapStyleValue); - } - } - - let output = ''; // Output blockGap styles based on rules contained in layout definitions in theme.json. - - if (hasBlockGapSupport && blockGapValue) { - output += getBlockGapCSS(selector, layoutDefinitions, 'default', blockGapValue); - } - - return output; - }, - - getOrientation() { - return 'vertical'; - }, - - getAlignments(layout) { - const alignmentInfo = getAlignmentsInfo(layout); - - if (layout.alignments !== undefined) { - if (!layout.alignments.includes('none')) { - layout.alignments.unshift('none'); - } - - return layout.alignments.map(alignment => ({ - name: alignment, - info: alignmentInfo[alignment] - })); - } - - const { - contentSize, - wideSize - } = layout; - const alignments = [{ - name: 'left' - }, { - name: 'center' - }, { - name: 'right' - }]; - - if (contentSize) { - alignments.unshift({ - name: 'full' - }); - } - - if (wideSize) { - alignments.unshift({ - name: 'wide', - info: alignmentInfo.wide - }); - } - - alignments.unshift({ - name: 'none', - info: alignmentInfo.none - }); - return alignments; - } - -}); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js -/** - * WordPress dependencies - */ - -/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */ - -/** - * Return an SVG icon. - * - * @param {IconProps} props icon is the SVG component to render - * size is a number specifiying the icon size in pixels - * Other props will be passed to wrapped SVG component - * - * @return {JSX.Element} Icon component - */ - -function Icon(_ref) { - let { - icon, - size = 24, - ...props - } = _ref; - return (0,external_wp_element_namespaceObject.cloneElement)(icon, { - width: size, - height: size, - ...props - }); -} - -/* harmony default export */ var build_module_icon = (Icon); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-center.js - - -/** - * WordPress dependencies - */ - -const positionCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M7 9v6h10V9H7zM5 19.8h14v-1.5H5v1.5zM5 4.3v1.5h14V4.3H5z" -})); -/* harmony default export */ var position_center = (positionCenter); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stretch-wide.js - - -/** - * WordPress dependencies - */ - -const stretchWide = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z" -})); -/* harmony default export */ var stretch_wide = (stretchWide); - -;// CONCATENATED MODULE: external ["wp","styleEngine"] -var external_wp_styleEngine_namespaceObject = window["wp"]["styleEngine"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/constrained.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - -/* harmony default export */ var constrained = ({ - name: 'constrained', - label: (0,external_wp_i18n_namespaceObject.__)('Constrained'), - inspectorControls: function DefaultLayoutInspectorControls(_ref) { - let { - layout, - onChange - } = _ref; - const { - wideSize, - contentSize, - justifyContent = 'center' - } = layout; - - const onJustificationChange = value => { - onChange({ ...layout, - justifyContent: value - }); - }; - - const justificationOptions = [{ - value: 'left', - icon: justify_left, - label: (0,external_wp_i18n_namespaceObject.__)('Justify items left') - }, { - value: 'center', - icon: justify_center, - label: (0,external_wp_i18n_namespaceObject.__)('Justify items center') - }, { - value: 'right', - icon: justify_right, - label: (0,external_wp_i18n_namespaceObject.__)('Justify items right') - }]; - const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ - availableUnits: useSetting('spacing.units') || ['%', 'px', 'em', 'rem', 'vw'] - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-hooks__layout-controls" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-hooks__layout-controls-unit" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Content'), - labelPosition: "top", - __unstableInputWidth: "80px", - value: contentSize || wideSize || '', - onChange: nextWidth => { - nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth; - onChange({ ...layout, - contentSize: nextWidth + const presetByOrigin = (0,external_lodash_namespaceObject.get)(blockPresets, path, []); + ['default', 'theme', 'custom'].forEach(origin => { + if (presetByOrigin[origin]) { + presetByOrigin[origin].forEach(_ref3 => { + let { + slug + } = _ref3; + classes.forEach(_ref4 => { + let { + classSuffix, + propertyName + } = _ref4; + const classSelectorToUse = `.has-${(0,external_lodash_namespaceObject.kebabCase)(slug)}-${classSuffix}`; + const selectorToUse = blockSelector.split(',') // Selector can be "h1, h2, h3" + .map(selector => `${selector}${classSelectorToUse}`).join(','); + const value = `var(--wp--preset--${cssVarInfix}--${(0,external_lodash_namespaceObject.kebabCase)(slug)})`; + declarations += `${selectorToUse}{${propertyName}: ${value} !important;}`; + }); }); - }, - units: units - }), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - icon: position_center - })), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-hooks__layout-controls-unit" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Wide'), - labelPosition: "top", - __unstableInputWidth: "80px", - value: wideSize || contentSize || '', - onChange: nextWidth => { - nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth; - onChange({ ...layout, - wideSize: nextWidth - }); - }, - units: units - }), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - icon: stretch_wide - }))), (0,external_wp_element_namespaceObject.createElement)("p", { - className: "block-editor-hooks__layout-controls-helptext" - }, (0,external_wp_i18n_namespaceObject.__)('Customize the width for all elements that are assigned to the center or wide columns.')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, { - __experimentalIsBorderless: true, - label: (0,external_wp_i18n_namespaceObject.__)('Justification'), - value: justifyContent, - onChange: onJustificationChange - }, justificationOptions.map(_ref2 => { - let { - value, - icon, - label - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOptionIcon, { - key: value, - value: value, - icon: icon, - label: label - }); + } + }); + return declarations; + }, ''); +} + +function getPresetsSvgFilters() { + let blockPresets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + return PRESET_METADATA.filter( // Duotone are the only type of filters for now. + metadata => metadata.path.at(-1) === 'duotone').flatMap(metadata => { + const presetByOrigin = (0,external_lodash_namespaceObject.get)(blockPresets, metadata.path, {}); + return ['default', 'theme'].filter(origin => presetByOrigin[origin]).flatMap(origin => presetByOrigin[origin].map(preset => (0,external_wp_element_namespaceObject.createElement)(PresetDuotoneFilter, { + preset: preset, + key: preset.slug }))); - }, - toolBarControls: function DefaultLayoutToolbarControls() { - return null; - }, - getLayoutStyle: function getLayoutStyle(_ref3) { - var _style$spacing, _style$spacing2; + }); +} - let { - selector, - layout = {}, - style, - blockName, - hasBlockGapSupport, - layoutDefinitions - } = _ref3; - const { - contentSize, - wideSize, - justifyContent - } = layout; - const blockGapStyleValue = getGapCSSValue(style === null || style === void 0 ? void 0 : (_style$spacing = style.spacing) === null || _style$spacing === void 0 ? void 0 : _style$spacing.blockGap); // If a block's block.json skips serialization for spacing or - // spacing.blockGap, don't apply the user-defined value to the styles. +function flattenTree() { + let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let prefix = arguments.length > 1 ? arguments[1] : undefined; + let token = arguments.length > 2 ? arguments[2] : undefined; + let result = []; + Object.keys(input).forEach(key => { + const newKey = prefix + (0,external_lodash_namespaceObject.kebabCase)(key.replace('/', '-')); + const newLeaf = input[key]; - let blockGapValue = ''; + if (newLeaf instanceof Object) { + const newPrefix = newKey + token; + result = [...result, ...flattenTree(newLeaf, newPrefix, token)]; + } else { + result.push(`${newKey}: ${newLeaf}`); + } + }); + return result; +} +/** + * Gets variation selector string from feature selector. + * + * @param {string} featureSelector The feature selector. + * + * @param {string} styleVariationSelector The style variation selector. + * @return {string} Combined selector string. + * + */ - if (!shouldSkipSerialization(blockName, 'spacing', 'blockGap')) { - // If an object is provided only use the 'top' value for this kind of gap. - if (blockGapStyleValue !== null && blockGapStyleValue !== void 0 && blockGapStyleValue.top) { - blockGapValue = getGapCSSValue(blockGapStyleValue === null || blockGapStyleValue === void 0 ? void 0 : blockGapStyleValue.top); - } else if (typeof blockGapStyleValue === 'string') { - blockGapValue = getGapCSSValue(blockGapStyleValue); - } + +function concatFeatureVariationSelectorString(featureSelector, styleVariationSelector) { + const featureSelectors = featureSelector.split(','); + const combinedSelectors = []; + featureSelectors.forEach(selector => { + combinedSelectors.push(`${styleVariationSelector.trim()}${selector.trim()}`); + }); + return combinedSelectors.join(', '); +} +/** + * Transform given style tree into a set of style declarations. + * + * @param {Object} blockStyles Block styles. + * + * @param {string} selector The selector these declarations should attach to. + * + * @param {boolean} useRootPaddingAlign Whether to use CSS custom properties in root selector. + * + * @param {Object} tree A theme.json tree containing layout definitions. + * + * @return {Array} An array of style declarations. + */ + + +function getStylesDeclarations() { + let blockStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; + let useRootPaddingAlign = arguments.length > 2 ? arguments[2] : undefined; + let tree = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}; + const isRoot = ROOT_BLOCK_SELECTOR === selector; + const output = Object.entries(external_wp_blocks_namespaceObject.__EXPERIMENTAL_STYLE_PROPERTY).reduce((declarations, _ref5) => { + let [key, { + value, + properties, + useEngine, + rootOnly + }] = _ref5; + + if (rootOnly && !isRoot) { + return declarations; } - const marginLeft = justifyContent === 'left' ? '0 !important' : 'auto !important'; - const marginRight = justifyContent === 'right' ? '0 !important' : 'auto !important'; - let output = !!contentSize || !!wideSize ? ` - ${appendSelectors(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')} { - max-width: ${contentSize !== null && contentSize !== void 0 ? contentSize : wideSize}; - margin-left: ${marginLeft}; - margin-right: ${marginRight}; - } - ${appendSelectors(selector, '> .alignwide')} { - max-width: ${wideSize !== null && wideSize !== void 0 ? wideSize : contentSize}; - } - ${appendSelectors(selector, '> .alignfull')} { - max-width: none; - } - ` : ''; + const pathToValue = value; - if (justifyContent === 'left') { - output += `${appendSelectors(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')} - { margin-left: ${marginLeft}; }`; - } else if (justifyContent === 'right') { - output += `${appendSelectors(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')} - { margin-right: ${marginRight}; }`; - } // If there is custom padding, add negative margins for alignfull blocks. + if (pathToValue[0] === 'elements' || useEngine) { + return declarations; + } + + const styleValue = (0,external_lodash_namespaceObject.get)(blockStyles, pathToValue); // Root-level padding styles don't currently support strings with CSS shorthand values. + // This may change: https://github.com/WordPress/gutenberg/issues/40132. + + if (key === '--wp--style--root--padding' && (typeof styleValue === 'string' || !useRootPaddingAlign)) { + return declarations; + } + + if (!!properties && typeof styleValue !== 'string') { + Object.entries(properties).forEach(entry => { + const [name, prop] = entry; + + if (!(0,external_lodash_namespaceObject.get)(styleValue, [prop], false)) { + // Do not create a declaration + // for sub-properties that don't have any value. + return; + } + + const cssProperty = name.startsWith('--') ? name : (0,external_lodash_namespaceObject.kebabCase)(name); + declarations.push(`${cssProperty}: ${compileStyleValue((0,external_lodash_namespaceObject.get)(styleValue, [prop]))}`); + }); + } else if ((0,external_lodash_namespaceObject.get)(blockStyles, pathToValue, false)) { + const cssProperty = key.startsWith('--') ? key : (0,external_lodash_namespaceObject.kebabCase)(key); + declarations.push(`${cssProperty}: ${compileStyleValue((0,external_lodash_namespaceObject.get)(blockStyles, pathToValue))}`); + } + + return declarations; + }, []); // The goal is to move everything to server side generated engine styles + // This is temporary as we absorb more and more styles into the engine. + + const extraRules = (0,external_wp_styleEngine_namespaceObject.getCSSRules)(blockStyles); + extraRules.forEach(rule => { + var _ruleValue; + + // Don't output padding properties if padding variables are set. + if (isRoot && useRootPaddingAlign && rule.key.startsWith('padding')) { + return; + } + + const cssProperty = rule.key.startsWith('--') ? rule.key : (0,external_lodash_namespaceObject.kebabCase)(rule.key); + let ruleValue = rule.value; + + if (typeof ruleValue !== 'string' && (_ruleValue = ruleValue) !== null && _ruleValue !== void 0 && _ruleValue.ref) { + var _ruleValue2; + + const refPath = ruleValue.ref.split('.'); + ruleValue = (0,external_lodash_namespaceObject.get)(tree, refPath); // Presence of another ref indicates a reference to another dynamic value. + // Pointing to another dynamic value is not supported. + + if (!ruleValue || !!((_ruleValue2 = ruleValue) !== null && _ruleValue2 !== void 0 && _ruleValue2.ref)) { + return; + } + } // Calculate fluid typography rules where available. - if (style !== null && style !== void 0 && (_style$spacing2 = style.spacing) !== null && _style$spacing2 !== void 0 && _style$spacing2.padding) { - // The style object might be storing a preset so we need to make sure we get a usable value. - const paddingValues = (0,external_wp_styleEngine_namespaceObject.getCSSRules)(style); - paddingValues.forEach(rule => { - if (rule.key === 'paddingRight') { - output += ` - ${appendSelectors(selector, '> .alignfull')} { - margin-right: calc(${rule.value} * -1); - } - `; - } else if (rule.key === 'paddingLeft') { - output += ` - ${appendSelectors(selector, '> .alignfull')} { - margin-left: calc(${rule.value} * -1); - } - `; + if (cssProperty === 'font-size') { + var _tree$settings; + + /* + * getTypographyFontSizeValue() will check + * if fluid typography has been activated and also + * whether the incoming value can be converted to a fluid value. + * Values that already have a "clamp()" function will not pass the test, + * and therefore the original $value will be returned. + */ + ruleValue = getTypographyFontSizeValue({ + size: ruleValue + }, tree === null || tree === void 0 ? void 0 : (_tree$settings = tree.settings) === null || _tree$settings === void 0 ? void 0 : _tree$settings.typography); + } + + output.push(`${cssProperty}: ${ruleValue}`); + }); + return output; +} +/** + * Get generated CSS for layout styles by looking up layout definitions provided + * in theme.json, and outputting common layout styles, and specific blockGap values. + * + * @param {Object} props + * @param {Object} props.tree A theme.json tree containing layout definitions. + * @param {Object} props.style A style object containing spacing values. + * @param {string} props.selector Selector used to group together layout styling rules. + * @param {boolean} props.hasBlockGapSupport Whether or not the theme opts-in to blockGap support. + * @param {boolean} props.hasFallbackGapSupport Whether or not the theme allows fallback gap styles. + * @param {?string} props.fallbackGapValue An optional fallback gap value if no real gap value is available. + * @return {string} Generated CSS rules for the layout styles. + */ + +function getLayoutStyles(_ref6) { + var _style$spacing, _tree$settings2, _tree$settings2$layou, _tree$settings3, _tree$settings3$layou; + + let { + tree, + style, + selector, + hasBlockGapSupport, + hasFallbackGapSupport, + fallbackGapValue + } = _ref6; + let ruleset = ''; + let gapValue = hasBlockGapSupport ? getGapCSSValue(style === null || style === void 0 ? void 0 : (_style$spacing = style.spacing) === null || _style$spacing === void 0 ? void 0 : _style$spacing.blockGap) : ''; // Ensure a fallback gap value for the root layout definitions, + // and use a fallback value if one is provided for the current block. + + if (hasFallbackGapSupport) { + if (selector === ROOT_BLOCK_SELECTOR) { + gapValue = !gapValue ? '0.5em' : gapValue; + } else if (!hasBlockGapSupport && fallbackGapValue) { + gapValue = fallbackGapValue; + } + } + + if (gapValue && tree !== null && tree !== void 0 && (_tree$settings2 = tree.settings) !== null && _tree$settings2 !== void 0 && (_tree$settings2$layou = _tree$settings2.layout) !== null && _tree$settings2$layou !== void 0 && _tree$settings2$layou.definitions) { + Object.values(tree.settings.layout.definitions).forEach(_ref7 => { + let { + className, + name, + spacingStyles + } = _ref7; + + // Allow outputting fallback gap styles for flex layout type when block gap support isn't available. + if (!hasBlockGapSupport && 'flex' !== name) { + return; + } + + if (spacingStyles !== null && spacingStyles !== void 0 && spacingStyles.length) { + spacingStyles.forEach(spacingStyle => { + const declarations = []; + + if (spacingStyle.rules) { + Object.entries(spacingStyle.rules).forEach(_ref8 => { + let [cssProperty, cssValue] = _ref8; + declarations.push(`${cssProperty}: ${cssValue ? cssValue : gapValue}`); + }); + } + + if (declarations.length) { + let combinedSelector = ''; + + if (!hasBlockGapSupport) { + // For fallback gap styles, use lower specificity, to ensure styles do not unintentionally override theme styles. + combinedSelector = selector === ROOT_BLOCK_SELECTOR ? `:where(.${className}${(spacingStyle === null || spacingStyle === void 0 ? void 0 : spacingStyle.selector) || ''})` : `:where(${selector}.${className}${(spacingStyle === null || spacingStyle === void 0 ? void 0 : spacingStyle.selector) || ''})`; + } else { + combinedSelector = selector === ROOT_BLOCK_SELECTOR ? `${selector} .${className}${(spacingStyle === null || spacingStyle === void 0 ? void 0 : spacingStyle.selector) || ''}` : `${selector}.${className}${(spacingStyle === null || spacingStyle === void 0 ? void 0 : spacingStyle.selector) || ''}`; + } + + ruleset += `${combinedSelector} { ${declarations.join('; ')}; }`; + } + }); + } + }); // For backwards compatibility, ensure the legacy block gap CSS variable is still available. + + if (selector === ROOT_BLOCK_SELECTOR && hasBlockGapSupport) { + ruleset += `${selector} { --wp--style--block-gap: ${gapValue}; }`; + } + } // Output base styles + + + if (selector === ROOT_BLOCK_SELECTOR && tree !== null && tree !== void 0 && (_tree$settings3 = tree.settings) !== null && _tree$settings3 !== void 0 && (_tree$settings3$layou = _tree$settings3.layout) !== null && _tree$settings3$layou !== void 0 && _tree$settings3$layou.definitions) { + const validDisplayModes = ['block', 'flex', 'grid']; + Object.values(tree.settings.layout.definitions).forEach(_ref9 => { + let { + className, + displayMode, + baseStyles + } = _ref9; + + if (displayMode && validDisplayModes.includes(displayMode)) { + ruleset += `${selector} .${className} { display:${displayMode}; }`; + } + + if (baseStyles !== null && baseStyles !== void 0 && baseStyles.length) { + baseStyles.forEach(baseStyle => { + const declarations = []; + + if (baseStyle.rules) { + Object.entries(baseStyle.rules).forEach(_ref10 => { + let [cssProperty, cssValue] = _ref10; + declarations.push(`${cssProperty}: ${cssValue}`); + }); + } + + if (declarations.length) { + const combinedSelector = `${selector} .${className}${(baseStyle === null || baseStyle === void 0 ? void 0 : baseStyle.selector) || ''}`; + ruleset += `${combinedSelector} { ${declarations.join('; ')}; }`; + } + }); + } + }); + } + + return ruleset; +} +const getNodesWithStyles = (tree, blockSelectors) => { + var _tree$styles$blocks, _tree$styles3; + + const nodes = []; + + if (!(tree !== null && tree !== void 0 && tree.styles)) { + return nodes; + } + + const pickStyleKeys = treeToPickFrom => Object.fromEntries(Object.entries(treeToPickFrom !== null && treeToPickFrom !== void 0 ? treeToPickFrom : {}).filter(_ref11 => { + let [key] = _ref11; + return ['border', 'color', 'dimensions', 'spacing', 'typography', 'filter', 'outline', 'shadow'].includes(key); + })); // Top-level. + + + const styles = pickStyleKeys(tree.styles); + + if (!!styles) { + nodes.push({ + styles, + selector: ROOT_BLOCK_SELECTOR + }); + } + + Object.entries(external_wp_blocks_namespaceObject.__EXPERIMENTAL_ELEMENTS).forEach(_ref12 => { + var _tree$styles; + + let [name, selector] = _ref12; + + if (!!((_tree$styles = tree.styles) !== null && _tree$styles !== void 0 && _tree$styles.elements[name])) { + var _tree$styles2; + + nodes.push({ + styles: (_tree$styles2 = tree.styles) === null || _tree$styles2 === void 0 ? void 0 : _tree$styles2.elements[name], + selector + }); + } + }); // Iterate over blocks: they can have styles & elements. + + Object.entries((_tree$styles$blocks = (_tree$styles3 = tree.styles) === null || _tree$styles3 === void 0 ? void 0 : _tree$styles3.blocks) !== null && _tree$styles$blocks !== void 0 ? _tree$styles$blocks : {}).forEach(_ref13 => { + var _blockSelectors$block, _node$elements; + + let [blockName, node] = _ref13; + const blockStyles = pickStyleKeys(node); + + if (node !== null && node !== void 0 && node.variations) { + const variations = {}; + Object.keys(node.variations).forEach(variation => { + variations[variation] = pickStyleKeys(node.variations[variation]); + }); + blockStyles.variations = variations; + } + + if (!!blockStyles && !!(blockSelectors !== null && blockSelectors !== void 0 && (_blockSelectors$block = blockSelectors[blockName]) !== null && _blockSelectors$block !== void 0 && _blockSelectors$block.selector)) { + nodes.push({ + duotoneSelector: blockSelectors[blockName].duotoneSelector, + fallbackGapValue: blockSelectors[blockName].fallbackGapValue, + hasLayoutSupport: blockSelectors[blockName].hasLayoutSupport, + selector: blockSelectors[blockName].selector, + styles: blockStyles, + featureSelectors: blockSelectors[blockName].featureSelectors, + styleVariationSelectors: blockSelectors[blockName].styleVariationSelectors + }); + } + + Object.entries((_node$elements = node === null || node === void 0 ? void 0 : node.elements) !== null && _node$elements !== void 0 ? _node$elements : {}).forEach(_ref14 => { + let [elementName, value] = _ref14; + + if (!!value && !!(blockSelectors !== null && blockSelectors !== void 0 && blockSelectors[blockName]) && !!(external_wp_blocks_namespaceObject.__EXPERIMENTAL_ELEMENTS !== null && external_wp_blocks_namespaceObject.__EXPERIMENTAL_ELEMENTS !== void 0 && external_wp_blocks_namespaceObject.__EXPERIMENTAL_ELEMENTS[elementName])) { + nodes.push({ + styles: value, + selector: blockSelectors[blockName].selector.split(',').map(sel => { + const elementSelectors = external_wp_blocks_namespaceObject.__EXPERIMENTAL_ELEMENTS[elementName].split(','); + return elementSelectors.map(elementSelector => sel + ' ' + elementSelector); + }).join(',') + }); + } + }); + }); + return nodes; +}; +const getNodesWithSettings = (tree, blockSelectors) => { + var _tree$settings4, _tree$settings$blocks, _tree$settings5; + + const nodes = []; + + if (!(tree !== null && tree !== void 0 && tree.settings)) { + return nodes; + } + + const pickPresets = treeToPickFrom => { + const presets = {}; + PRESET_METADATA.forEach(_ref15 => { + let { + path + } = _ref15; + const value = (0,external_lodash_namespaceObject.get)(treeToPickFrom, path, false); + + if (value !== false) { + (0,external_lodash_namespaceObject.set)(presets, path, value); + } + }); + return presets; + }; // Top-level. + + + const presets = pickPresets(tree.settings); + const custom = (_tree$settings4 = tree.settings) === null || _tree$settings4 === void 0 ? void 0 : _tree$settings4.custom; + + if (!(0,external_lodash_namespaceObject.isEmpty)(presets) || !!custom) { + nodes.push({ + presets, + custom, + selector: ROOT_BLOCK_SELECTOR + }); + } // Blocks. + + + Object.entries((_tree$settings$blocks = (_tree$settings5 = tree.settings) === null || _tree$settings5 === void 0 ? void 0 : _tree$settings5.blocks) !== null && _tree$settings$blocks !== void 0 ? _tree$settings$blocks : {}).forEach(_ref16 => { + let [blockName, node] = _ref16; + const blockPresets = pickPresets(node); + const blockCustom = node.custom; + + if (!(0,external_lodash_namespaceObject.isEmpty)(blockPresets) || !!blockCustom) { + nodes.push({ + presets: blockPresets, + custom: blockCustom, + selector: blockSelectors[blockName].selector + }); + } + }); + return nodes; +}; +const toCustomProperties = (tree, blockSelectors) => { + const settings = getNodesWithSettings(tree, blockSelectors); + let ruleset = ''; + settings.forEach(_ref17 => { + let { + presets, + custom, + selector + } = _ref17; + const declarations = getPresetsDeclarations(presets, tree === null || tree === void 0 ? void 0 : tree.settings); + const customProps = flattenTree(custom, '--wp--custom--', '--'); + + if (customProps.length > 0) { + declarations.push(...customProps); + } + + if (declarations.length > 0) { + ruleset = ruleset + `${selector}{${declarations.join(';')};}`; + } + }); + return ruleset; +}; +const toStyles = function (tree, blockSelectors, hasBlockGapSupport, hasFallbackGapSupport) { + var _tree$settings6, _tree$settings7; + + let disableLayoutStyles = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false; + const nodesWithStyles = getNodesWithStyles(tree, blockSelectors); + const nodesWithSettings = getNodesWithSettings(tree, blockSelectors); + const useRootPaddingAlign = tree === null || tree === void 0 ? void 0 : (_tree$settings6 = tree.settings) === null || _tree$settings6 === void 0 ? void 0 : _tree$settings6.useRootPaddingAwareAlignments; + const { + contentSize, + wideSize + } = (tree === null || tree === void 0 ? void 0 : (_tree$settings7 = tree.settings) === null || _tree$settings7 === void 0 ? void 0 : _tree$settings7.layout) || {}; + /* + * Reset default browser margin on the root body element. + * This is set on the root selector **before** generating the ruleset + * from the `theme.json`. This is to ensure that if the `theme.json` declares + * `margin` in its `spacing` declaration for the `body` element then these + * user-generated values take precedence in the CSS cascade. + * @link https://github.com/WordPress/gutenberg/issues/36147. + */ + + let ruleset = 'body {margin: 0;'; + + if (contentSize) { + ruleset += ` --wp--style--global--content-size: ${contentSize};`; + } + + if (wideSize) { + ruleset += ` --wp--style--global--wide-size: ${wideSize};`; + } + + if (useRootPaddingAlign) { + ruleset += `padding-right: 0; padding-left: 0; padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom) } + .has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); } + .has-global-padding :where(.has-global-padding) { padding-right: 0; padding-left: 0; } + .has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); } + .has-global-padding :where(.has-global-padding) > .alignfull { margin-right: 0; margin-left: 0; } + .has-global-padding > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); } + .has-global-padding :where(.has-global-padding) > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: 0; padding-left: 0;`; + } + + ruleset += '}'; + nodesWithStyles.forEach(_ref18 => { + let { + selector, + duotoneSelector, + styles, + fallbackGapValue, + hasLayoutSupport, + featureSelectors, + styleVariationSelectors + } = _ref18; + + // Process styles for block support features with custom feature level + // CSS selectors set. + if (featureSelectors) { + Object.entries(featureSelectors).forEach(_ref19 => { + let [featureName, featureSelector] = _ref19; + + if (styles !== null && styles !== void 0 && styles[featureName]) { + const featureStyles = { + [featureName]: styles[featureName] + }; + const featureDeclarations = getStylesDeclarations(featureStyles); + delete styles[featureName]; + + if (!!featureDeclarations.length) { + ruleset = ruleset + `${featureSelector}{${featureDeclarations.join(';')} }`; + } } }); - } // Output blockGap styles based on rules contained in layout definitions in theme.json. - - - if (hasBlockGapSupport && blockGapValue) { - output += getBlockGapCSS(selector, layoutDefinitions, 'constrained', blockGapValue); } - return output; - }, + if (styleVariationSelectors) { + Object.entries(styleVariationSelectors).forEach(_ref20 => { + var _styles$variations; - getOrientation() { - return 'vertical'; - }, + let [styleVariationName, styleVariationSelector] = _ref20; - getAlignments(layout) { - const alignmentInfo = getAlignmentsInfo(layout); + if (styles !== null && styles !== void 0 && (_styles$variations = styles.variations) !== null && _styles$variations !== void 0 && _styles$variations[styleVariationName]) { + var _styles$variations3; - if (layout.alignments !== undefined) { - if (!layout.alignments.includes('none')) { - layout.alignments.unshift('none'); + // If the block uses any custom selectors for block support, add those first. + if (featureSelectors) { + Object.entries(featureSelectors).forEach(_ref21 => { + var _styles$variations2, _styles$variations2$s; + + let [featureName, featureSelector] = _ref21; + + if (styles !== null && styles !== void 0 && (_styles$variations2 = styles.variations) !== null && _styles$variations2 !== void 0 && (_styles$variations2$s = _styles$variations2[styleVariationName]) !== null && _styles$variations2$s !== void 0 && _styles$variations2$s[featureName]) { + const featureStyles = { + [featureName]: styles.variations[styleVariationName][featureName] + }; + const featureDeclarations = getStylesDeclarations(featureStyles); + delete styles.variations[styleVariationName][featureName]; + + if (!!featureDeclarations.length) { + ruleset = ruleset + `${concatFeatureVariationSelectorString(featureSelector, styleVariationSelector)}{${featureDeclarations.join(';')} }`; + } + } + }); + } // Otherwise add regular selectors. + + + const styleVariationDeclarations = getStylesDeclarations(styles === null || styles === void 0 ? void 0 : (_styles$variations3 = styles.variations) === null || _styles$variations3 === void 0 ? void 0 : _styles$variations3[styleVariationName], styleVariationSelector, useRootPaddingAlign, tree); + + if (!!styleVariationDeclarations.length) { + ruleset = ruleset + `${styleVariationSelector}{${styleVariationDeclarations.join(';')}}`; + } + } + }); + } + + const duotoneStyles = {}; + + if (styles !== null && styles !== void 0 && styles.filter) { + duotoneStyles.filter = styles.filter; + delete styles.filter; + } // Process duotone styles (they use color.__experimentalDuotone selector). + + + if (duotoneSelector) { + const duotoneDeclarations = getStylesDeclarations(duotoneStyles); + + if (duotoneDeclarations.length > 0) { + ruleset = ruleset + `${duotoneSelector}{${duotoneDeclarations.join(';')};}`; } + } // Process blockGap and layout styles. - return layout.alignments.map(alignment => ({ - name: alignment, - info: alignmentInfo[alignment] - })); - } - const { - contentSize, - wideSize - } = layout; - const alignments = [{ - name: 'left' - }, { - name: 'center' - }, { - name: 'right' - }]; - - if (contentSize) { - alignments.unshift({ - name: 'full' + if (!disableLayoutStyles && (ROOT_BLOCK_SELECTOR === selector || hasLayoutSupport)) { + ruleset += getLayoutStyles({ + tree, + style: styles, + selector, + hasBlockGapSupport, + hasFallbackGapSupport, + fallbackGapValue }); - } + } // Process the remaining block styles (they use either normal block class or __experimentalSelector). - if (wideSize) { - alignments.unshift({ - name: 'wide', - info: alignmentInfo.wide - }); - } - alignments.unshift({ - name: 'none', - info: alignmentInfo.none + const declarations = getStylesDeclarations(styles, selector, useRootPaddingAlign, tree); + + if (declarations !== null && declarations !== void 0 && declarations.length) { + ruleset = ruleset + `${selector}{${declarations.join(';')};}`; + } // Check for pseudo selector in `styles` and handle separately. + + + const pseudoSelectorStyles = Object.entries(styles).filter(_ref22 => { + let [key] = _ref22; + return key.startsWith(':'); }); - return alignments; + + if (pseudoSelectorStyles !== null && pseudoSelectorStyles !== void 0 && pseudoSelectorStyles.length) { + pseudoSelectorStyles.forEach(_ref23 => { + let [pseudoKey, pseudoStyle] = _ref23; + const pseudoDeclarations = getStylesDeclarations(pseudoStyle); + + if (!(pseudoDeclarations !== null && pseudoDeclarations !== void 0 && pseudoDeclarations.length)) { + return; + } // `selector` maybe provided in a form + // where block level selectors have sub element + // selectors appended to them as a comma separated + // string. + // e.g. `h1 a,h2 a,h3 a,h4 a,h5 a,h6 a`; + // Split and append pseudo selector to create + // the proper rules to target the elements. + + + const _selector = selector.split(',').map(sel => sel + pseudoKey).join(','); + + const pseudoRule = `${_selector}{${pseudoDeclarations.join(';')};}`; + ruleset = ruleset + pseudoRule; + }); + } + }); + /* Add alignment / layout styles */ + + ruleset = ruleset + '.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }'; + ruleset = ruleset + '.wp-site-blocks > .alignright { float: right; margin-left: 2em; }'; + ruleset = ruleset + '.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }'; + + if (hasBlockGapSupport) { + var _tree$styles4, _tree$styles4$spacing; + + // Use fallback of `0.5em` just in case, however if there is blockGap support, there should nearly always be a real value. + const gapValue = getGapCSSValue(tree === null || tree === void 0 ? void 0 : (_tree$styles4 = tree.styles) === null || _tree$styles4 === void 0 ? void 0 : (_tree$styles4$spacing = _tree$styles4.spacing) === null || _tree$styles4$spacing === void 0 ? void 0 : _tree$styles4$spacing.blockGap) || '0.5em'; + ruleset = ruleset + '.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }'; + ruleset = ruleset + `.wp-site-blocks > * + * { margin-block-start: ${gapValue}; }`; } -}); + nodesWithSettings.forEach(_ref24 => { + let { + selector, + presets + } = _ref24; -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/index.js -/** - * Internal dependencies - */ + if (ROOT_BLOCK_SELECTOR === selector) { + // Do not add extra specificity for top-level classes. + selector = ''; + } + const classes = getPresetsClasses(selector, presets); - -const layoutTypes = [flow, flex, constrained]; -/** - * Retrieves a layout type by name. - * - * @param {string} name - The name of the layout type. - * @return {Object} Layout type. - */ - -function getLayoutType() { - let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; - return layoutTypes.find(layoutType => layoutType.name === name); -} -/** - * Retrieves the available layout types. - * - * @return {Array} Layout types. - */ - -function getLayoutTypes() { - return layoutTypes; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/layout.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - -const defaultLayout = { - type: 'default' + if (!(0,external_lodash_namespaceObject.isEmpty)(classes)) { + ruleset = ruleset + classes; + } + }); + return ruleset; }; -const Layout = (0,external_wp_element_namespaceObject.createContext)(defaultLayout); -/** - * Allows to define the layout. - */ - -const LayoutProvider = Layout.Provider; -/** - * React hook used to retrieve the layout config. - */ - -function useLayout() { - return (0,external_wp_element_namespaceObject.useContext)(Layout); +function toSvgFilters(tree, blockSelectors) { + const nodesWithSettings = getNodesWithSettings(tree, blockSelectors); + return nodesWithSettings.flatMap(_ref25 => { + let { + presets + } = _ref25; + return getPresetsSvgFilters(presets); + }); } -function LayoutStyle(_ref) { - let { - layout = {}, - css, - ...props - } = _ref; - const layoutType = getLayoutType(layout.type); - const blockGapSupport = useSetting('spacing.blockGap'); - const hasBlockGapSupport = blockGapSupport !== null; +const getBlockSelectors = (blockTypes, getBlockStyles) => { + const result = {}; + blockTypes.forEach(blockType => { + var _blockType$supports$_, _blockType$supports, _blockType$supports$c, _blockType$supports2, _blockType$supports2$, _blockType$supports3, _blockType$supports4, _blockType$supports4$, _blockType$supports4$2; - if (layoutType) { - var _layoutType$getLayout; + const name = blockType.name; + const selector = (_blockType$supports$_ = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports = blockType.supports) === null || _blockType$supports === void 0 ? void 0 : _blockType$supports.__experimentalSelector) !== null && _blockType$supports$_ !== void 0 ? _blockType$supports$_ : '.wp-block-' + name.replace('core/', '').replace('/', '-'); + const duotoneSelector = (_blockType$supports$c = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports2 = blockType.supports) === null || _blockType$supports2 === void 0 ? void 0 : (_blockType$supports2$ = _blockType$supports2.color) === null || _blockType$supports2$ === void 0 ? void 0 : _blockType$supports2$.__experimentalDuotone) !== null && _blockType$supports$c !== void 0 ? _blockType$supports$c : null; + const hasLayoutSupport = !!(blockType !== null && blockType !== void 0 && (_blockType$supports3 = blockType.supports) !== null && _blockType$supports3 !== void 0 && _blockType$supports3.__experimentalLayout); + const fallbackGapValue = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports4 = blockType.supports) === null || _blockType$supports4 === void 0 ? void 0 : (_blockType$supports4$ = _blockType$supports4.spacing) === null || _blockType$supports4$ === void 0 ? void 0 : (_blockType$supports4$2 = _blockType$supports4$.blockGap) === null || _blockType$supports4$2 === void 0 ? void 0 : _blockType$supports4$2.__experimentalDefault; + const blockStyleVariations = getBlockStyles(name); + const styleVariationSelectors = {}; - if (css) { - return (0,external_wp_element_namespaceObject.createElement)("style", null, css); - } + if (blockStyleVariations !== null && blockStyleVariations !== void 0 && blockStyleVariations.length) { + blockStyleVariations.forEach(variation => { + const styleVariationSelector = `.is-style-${variation.name}${selector}`; + styleVariationSelectors[variation.name] = styleVariationSelector; + }); + } // For each block support feature add any custom selectors. - const layoutStyle = (_layoutType$getLayout = layoutType.getLayoutStyle) === null || _layoutType$getLayout === void 0 ? void 0 : _layoutType$getLayout.call(layoutType, { - hasBlockGapSupport, - layout, - ...props + + const featureSelectors = {}; + Object.entries(BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS).forEach(_ref26 => { + var _blockType$supports5, _blockType$supports5$; + + let [featureKey, featureName] = _ref26; + const featureSelector = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports5 = blockType.supports) === null || _blockType$supports5 === void 0 ? void 0 : (_blockType$supports5$ = _blockType$supports5[featureKey]) === null || _blockType$supports5$ === void 0 ? void 0 : _blockType$supports5$.__experimentalSelector; + + if (featureSelector) { + featureSelectors[featureName] = scopeSelector(selector, featureSelector); + } }); + result[name] = { + duotoneSelector, + fallbackGapValue, + featureSelectors: Object.keys(featureSelectors).length ? featureSelectors : undefined, + hasLayoutSupport, + name, + selector, + styleVariationSelectors: Object.keys(styleVariationSelectors).length ? styleVariationSelectors : undefined + }; + }); + return result; +}; +/** + * If there is a separator block whose color is defined in theme.json via background, + * update the separator color to the same value by using border color. + * + * @param {Object} config Theme.json configuration file object. + * @return {Object} configTheme.json configuration file object updated. + */ - if (layoutStyle) { - return (0,external_wp_element_namespaceObject.createElement)("style", null, layoutStyle); - } +function updateConfigWithSeparator(config) { + var _config$styles, _config$styles2, _config$styles2$block, _config$styles3, _config$styles3$block, _config$styles4, _config$styles4$block; + + const needsSeparatorStyleUpdate = ((_config$styles = config.styles) === null || _config$styles === void 0 ? void 0 : _config$styles.blocks['core/separator']) && ((_config$styles2 = config.styles) === null || _config$styles2 === void 0 ? void 0 : (_config$styles2$block = _config$styles2.blocks['core/separator'].color) === null || _config$styles2$block === void 0 ? void 0 : _config$styles2$block.background) && !((_config$styles3 = config.styles) !== null && _config$styles3 !== void 0 && (_config$styles3$block = _config$styles3.blocks['core/separator'].color) !== null && _config$styles3$block !== void 0 && _config$styles3$block.text) && !((_config$styles4 = config.styles) !== null && _config$styles4 !== void 0 && (_config$styles4$block = _config$styles4.blocks['core/separator'].border) !== null && _config$styles4$block !== void 0 && _config$styles4$block.color); + + if (needsSeparatorStyleUpdate) { + var _config$styles5; + + return { ...config, + styles: { ...config.styles, + blocks: { ...config.styles.blocks, + 'core/separator': { ...config.styles.blocks['core/separator'], + color: { ...config.styles.blocks['core/separator'].color, + text: (_config$styles5 = config.styles) === null || _config$styles5 === void 0 ? void 0 : _config$styles5.blocks['core/separator'].color.background + } + } + } + } + }; } - return null; + return config; } -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/use-available-alignments.js -/** - * WordPress dependencies - */ +const processCSSNesting = (css, blockSelector) => { + let processedCSS = ''; // Split CSS nested rules. -/** - * Internal dependencies - */ + const parts = css.split('&'); + parts.forEach(part => { + processedCSS += !part.includes('{') ? blockSelector + '{' + part + '}' // If the part doesn't contain braces, it applies to the root level. + : blockSelector + part; // Prepend the selector, which effectively replaces the "&" character. + }); + return processedCSS; +}; +function useGlobalStylesOutput() { + let { + merged: mergedConfig + } = (0,external_wp_element_namespaceObject.useContext)(GlobalStylesContext); + const [blockGap] = useGlobalSetting('spacing.blockGap'); + const hasBlockGapSupport = blockGap !== null; + const hasFallbackGapSupport = !hasBlockGapSupport; // This setting isn't useful yet: it exists as a placeholder for a future explicit fallback styles support. - - -const use_available_alignments_DEFAULT_CONTROLS = ['none', 'left', 'center', 'right', 'wide', 'full']; -const WIDE_CONTROLS = ['wide', 'full']; -function useAvailableAlignments() { - let controls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : use_available_alignments_DEFAULT_CONTROLS; - - // Always add the `none` option if not exists. - if (!controls.includes('none')) { - controls = ['none', ...controls]; - } - - const { - wideControlsEnabled = false, - themeSupportsLayout - } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const disableLayoutStyles = (0,external_wp_data_namespaceObject.useSelect)(select => { const { getSettings } = select(store); - const settings = getSettings(); - return { - wideControlsEnabled: settings.alignWide, - themeSupportsLayout: settings.supportsLayout - }; + return !!getSettings().disableLayoutStyles; + }); + const getBlockStyles = (0,external_wp_data_namespaceObject.useSelect)(select => { + return select(external_wp_blocks_namespaceObject.store).getBlockStyles; }, []); - const layout = useLayout(); - const layoutType = getLayoutType(layout === null || layout === void 0 ? void 0 : layout.type); - const layoutAlignments = layoutType.getAlignments(layout); + return (0,external_wp_element_namespaceObject.useMemo)(() => { + var _mergedConfig, _mergedConfig2, _mergedConfig$styles$; - if (themeSupportsLayout) { - const alignments = layoutAlignments.filter(_ref => { - let { - name: alignmentName - } = _ref; - return controls.includes(alignmentName); - }); // While we treat `none` as an alignment, we shouldn't return it if no - // other alignments exist. - - if (alignments.length === 1 && alignments[0].name === 'none') { + if (!((_mergedConfig = mergedConfig) !== null && _mergedConfig !== void 0 && _mergedConfig.styles) || !((_mergedConfig2 = mergedConfig) !== null && _mergedConfig2 !== void 0 && _mergedConfig2.settings)) { return []; } - return alignments; - } // Starting here, it's the fallback for themes not supporting the layout config. + mergedConfig = updateConfigWithSeparator(mergedConfig); + const blockSelectors = getBlockSelectors((0,external_wp_blocks_namespaceObject.getBlockTypes)(), getBlockStyles); + const customProperties = toCustomProperties(mergedConfig, blockSelectors); + const globalStyles = toStyles(mergedConfig, blockSelectors, hasBlockGapSupport, hasFallbackGapSupport, disableLayoutStyles); + const filters = toSvgFilters(mergedConfig, blockSelectors); + const stylesheets = [{ + css: customProperties, + isGlobalStyles: true + }, { + css: globalStyles, + isGlobalStyles: true + }, // Load custom CSS in own stylesheet so that any invalid CSS entered in the input won't break all the global styles in the editor. + { + css: (_mergedConfig$styles$ = mergedConfig.styles.css) !== null && _mergedConfig$styles$ !== void 0 ? _mergedConfig$styles$ : '', + isGlobalStyles: true + }]; // Loop through the blocks to check if there are custom CSS values. + // If there are, get the block selector and push the selector together with + // the CSS value to the 'stylesheets' array. + (0,external_wp_blocks_namespaceObject.getBlockTypes)().forEach(blockType => { + var _mergedConfig$styles$2; - if (layoutType.name !== 'default' && layoutType.name !== 'constrained') { - return []; - } + if ((_mergedConfig$styles$2 = mergedConfig.styles.blocks[blockType.name]) !== null && _mergedConfig$styles$2 !== void 0 && _mergedConfig$styles$2.css) { + var _mergedConfig$styles$3; - const { - alignments: availableAlignments = use_available_alignments_DEFAULT_CONTROLS - } = layout; - const enabledControls = controls.filter(control => (layout.alignments || // Ignore the global wideAlignment check if the layout explicitely defines alignments. - wideControlsEnabled || !WIDE_CONTROLS.includes(control)) && availableAlignments.includes(control)).map(enabledControl => ({ - name: enabledControl - })); // While we treat `none` as an alignment, we shouldn't return it if no - // other alignments exist. - - if (enabledControls.length === 1 && enabledControls[0].name === 'none') { - return []; - } - - return enabledControls; + const selector = blockSelectors[blockType.name].selector; + stylesheets.push({ + css: processCSSNesting((_mergedConfig$styles$3 = mergedConfig.styles.blocks[blockType.name]) === null || _mergedConfig$styles$3 === void 0 ? void 0 : _mergedConfig$styles$3.css, selector), + isGlobalStyles: true + }); + } + }); + return [stylesheets, mergedConfig.settings, filters]; + }, [hasBlockGapSupport, hasFallbackGapSupport, mergedConfig, disableLayoutStyles]); } -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-none.js - - -/** - * WordPress dependencies - */ - -const alignNone = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M5 15h14V9H5v6zm0 4.8h14v-1.5H5v1.5zM5 4.2v1.5h14V4.2H5z" -})); -/* harmony default export */ var align_none = (alignNone); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-left.js - - -/** - * WordPress dependencies - */ - -const positionLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M4 9v6h14V9H4zm8-4.8H4v1.5h8V4.2zM4 19.8h8v-1.5H4v1.5z" -})); -/* harmony default export */ var position_left = (positionLeft); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-right.js - - -/** - * WordPress dependencies - */ - -const positionRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M6 15h14V9H6v6zm6-10.8v1.5h8V4.2h-8zm0 15.6h8v-1.5h-8v1.5z" -})); -/* harmony default export */ var position_right = (positionRight); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stretch-full-width.js - - -/** - * WordPress dependencies - */ - -const stretchFullWidth = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M5 4v11h14V4H5zm3 15.8h8v-1.5H8v1.5z" -})); -/* harmony default export */ var stretch_full_width = (stretchFullWidth); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/constants.js -/** - * WordPress dependencies - */ - - -const constants_BLOCK_ALIGNMENTS_CONTROLS = { - none: { - icon: align_none, - title: (0,external_wp_i18n_namespaceObject._x)('None', 'Alignment option') - }, - left: { - icon: position_left, - title: (0,external_wp_i18n_namespaceObject.__)('Align left') - }, - center: { - icon: position_center, - title: (0,external_wp_i18n_namespaceObject.__)('Align center') - }, - right: { - icon: position_right, - title: (0,external_wp_i18n_namespaceObject.__)('Align right') - }, - wide: { - icon: stretch_wide, - title: (0,external_wp_i18n_namespaceObject.__)('Wide width') - }, - full: { - icon: stretch_full_width, - title: (0,external_wp_i18n_namespaceObject.__)('Full width') - } -}; -const constants_DEFAULT_CONTROL = 'none'; -const constants_POPOVER_PROPS = { - isAlternate: true -}; - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/ui.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/global-styles/index.js -/** - * External dependencies - */ + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/with-registry-provider.js + + /** * WordPress dependencies @@ -14041,126 +15527,585 @@ const constants_POPOVER_PROPS = { +const withRegistryProvider = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => { + return (0,external_wp_data_namespaceObject.withRegistry)(_ref => { + let { + useSubRegistry = true, + registry, + ...props + } = _ref; -function BlockAlignmentUI(_ref) { + if (!useSubRegistry) { + return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({ + registry: registry + }, props)); + } + + const [subRegistry, setSubRegistry] = (0,external_wp_element_namespaceObject.useState)(null); + (0,external_wp_element_namespaceObject.useEffect)(() => { + const newRegistry = (0,external_wp_data_namespaceObject.createRegistry)({}, registry); + newRegistry.registerStore(STORE_NAME, storeConfig); + setSubRegistry(newRegistry); + }, [registry]); + + if (!subRegistry) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.RegistryProvider, { + value: subRegistry + }, (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({ + registry: subRegistry + }, props))); + }); +}, 'withRegistryProvider'); +/* harmony default export */ var with_registry_provider = (withRegistryProvider); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/use-block-sync.js +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +const noop = () => {}; +/** + * A function to call when the block value has been updated in the block-editor + * store. + * + * @callback onBlockUpdate + * @param {Object[]} blocks The updated blocks. + * @param {Object} options The updated block options, such as selectionStart + * and selectionEnd. + */ + +/** + * useBlockSync is a side effect which handles bidirectional sync between the + * block-editor store and a controlling data source which provides blocks. This + * is most commonly used by the BlockEditorProvider to synchronize the contents + * of the block-editor store with the root entity, like a post. + * + * Another example would be the template part block, which provides blocks from + * a separate entity data source than a root entity. This hook syncs edits to + * the template part in the block editor back to the entity and vice-versa. + * + * Here are some of its basic functions: + * - Initalizes the block-editor store for the given clientID to the blocks + * given via props. + * - Adds incoming changes (like undo) to the block-editor store. + * - Adds outgoing changes (like editing content) to the controlling entity, + * determining if a change should be considered persistent or not. + * - Handles edge cases and race conditions which occur in those operations. + * - Ignores changes which happen to other entities (like nested inner block + * controllers. + * - Passes selection state from the block-editor store to the controlling entity. + * + * @param {Object} props Props for the block sync hook + * @param {string} props.clientId The client ID of the inner block controller. + * If none is passed, then it is assumed to be a + * root controller rather than an inner block + * controller. + * @param {Object[]} props.value The control value for the blocks. This value + * is used to initalize the block-editor store + * and for resetting the blocks to incoming + * changes like undo. + * @param {Object} props.selection The selection state responsible to restore the selection on undo/redo. + * @param {onBlockUpdate} props.onChange Function to call when a persistent + * change has been made in the block-editor blocks + * for the given clientId. For example, after + * this function is called, an entity is marked + * dirty because it has changes to save. + * @param {onBlockUpdate} props.onInput Function to call when a non-persistent + * change has been made in the block-editor blocks + * for the given clientId. When this is called, + * controlling sources do not become dirty. + */ + + +function useBlockSync(_ref) { let { - value, - onChange, - controls, - isToolbar, - isCollapsed = true + clientId = null, + value: controlledBlocks, + selection: controlledSelection, + onChange = noop, + onInput = noop } = _ref; - const enabledControls = useAvailableAlignments(controls); - const hasEnabledControls = !!enabledControls.length; + const registry = (0,external_wp_data_namespaceObject.useRegistry)(); + const { + resetBlocks, + resetSelection, + replaceInnerBlocks, + setHasControlledInnerBlocks, + __unstableMarkNextChangeAsNotPersistent + } = registry.dispatch(store); + const { + getBlockName, + getBlocks + } = registry.select(store); + const isControlled = (0,external_wp_data_namespaceObject.useSelect)(select => { + return !clientId || select(store).areInnerBlocksControlled(clientId); + }, [clientId]); + const pendingChanges = (0,external_wp_element_namespaceObject.useRef)({ + incoming: null, + outgoing: [] + }); + const subscribed = (0,external_wp_element_namespaceObject.useRef)(false); - if (!hasEnabledControls) { + const setControlledBlocks = () => { + if (!controlledBlocks) { + return; + } // We don't need to persist this change because we only replace + // controlled inner blocks when the change was caused by an entity, + // and so it would already be persisted. + + + __unstableMarkNextChangeAsNotPersistent(); + + if (clientId) { + // It is important to batch here because otherwise, + // as soon as `setHasControlledInnerBlocks` is called + // the effect to restore might be triggered + // before the actual blocks get set properly in state. + registry.batch(() => { + setHasControlledInnerBlocks(clientId, true); + const storeBlocks = controlledBlocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); + + if (subscribed.current) { + pendingChanges.current.incoming = storeBlocks; + } + + __unstableMarkNextChangeAsNotPersistent(); + + replaceInnerBlocks(clientId, storeBlocks); + }); + } else { + if (subscribed.current) { + pendingChanges.current.incoming = controlledBlocks; + } + + resetBlocks(controlledBlocks); + } + }; // Add a subscription to the block-editor registry to detect when changes + // have been made. This lets us inform the data source of changes. This + // is an effect so that the subscriber can run synchronously without + // waiting for React renders for changes. + + + const onInputRef = (0,external_wp_element_namespaceObject.useRef)(onInput); + const onChangeRef = (0,external_wp_element_namespaceObject.useRef)(onChange); + (0,external_wp_element_namespaceObject.useEffect)(() => { + onInputRef.current = onInput; + onChangeRef.current = onChange; + }, [onInput, onChange]); // Determine if blocks need to be reset when they change. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (pendingChanges.current.outgoing.includes(controlledBlocks)) { + // Skip block reset if the value matches expected outbound sync + // triggered by this component by a preceding change detection. + // Only skip if the value matches expectation, since a reset should + // still occur if the value is modified (not equal by reference), + // to allow that the consumer may apply modifications to reflect + // back on the editor. + if (pendingChanges.current.outgoing[pendingChanges.current.outgoing.length - 1] === controlledBlocks) { + pendingChanges.current.outgoing = []; + } + } else if (getBlocks(clientId) !== controlledBlocks) { + // Reset changing value in all other cases than the sync described + // above. Since this can be reached in an update following an out- + // bound sync, unset the outbound value to avoid considering it in + // subsequent renders. + pendingChanges.current.outgoing = []; + setControlledBlocks(); + + if (controlledSelection) { + resetSelection(controlledSelection.selectionStart, controlledSelection.selectionEnd, controlledSelection.initialPosition); + } + } + }, [controlledBlocks, clientId]); + (0,external_wp_element_namespaceObject.useEffect)(() => { + // When the block becomes uncontrolled, it means its inner state has been reset + // we need to take the blocks again from the external value property. + if (!isControlled) { + pendingChanges.current.outgoing = []; + setControlledBlocks(); + } + }, [isControlled]); + (0,external_wp_element_namespaceObject.useEffect)(() => { + const { + getSelectionStart, + getSelectionEnd, + getSelectedBlocksInitialCaretPosition, + isLastBlockChangePersistent, + __unstableIsLastBlockChangeIgnored, + areInnerBlocksControlled + } = registry.select(store); + let blocks = getBlocks(clientId); + let isPersistent = isLastBlockChangePersistent(); + let previousAreBlocksDifferent = false; + subscribed.current = true; + const unsubscribe = registry.subscribe(() => { + // Sometimes, when changing block lists, lingering subscriptions + // might trigger before they are cleaned up. If the block for which + // the subscription runs is no longer in the store, this would clear + // its parent entity's block list. To avoid this, we bail out if + // the subscription is triggering for a block (`clientId !== null`) + // and its block name can't be found because it's not on the list. + // (`getBlockName( clientId ) === null`). + if (clientId !== null && getBlockName(clientId) === null) return; // When RESET_BLOCKS on parent blocks get called, the controlled blocks + // can reset to uncontrolled, in these situations, it means we need to populate + // the blocks again from the external blocks (the value property here) + // and we should stop triggering onChange + + const isStillControlled = !clientId || areInnerBlocksControlled(clientId); + + if (!isStillControlled) { + return; + } + + const newIsPersistent = isLastBlockChangePersistent(); + const newBlocks = getBlocks(clientId); + const areBlocksDifferent = newBlocks !== blocks; + blocks = newBlocks; + + if (areBlocksDifferent && (pendingChanges.current.incoming || __unstableIsLastBlockChangeIgnored())) { + pendingChanges.current.incoming = null; + isPersistent = newIsPersistent; + return; + } // Since we often dispatch an action to mark the previous action as + // persistent, we need to make sure that the blocks changed on the + // previous action before committing the change. + + + const didPersistenceChange = previousAreBlocksDifferent && !areBlocksDifferent && newIsPersistent && !isPersistent; + + if (areBlocksDifferent || didPersistenceChange) { + isPersistent = newIsPersistent; // We know that onChange/onInput will update controlledBlocks. + // We need to be aware that it was caused by an outgoing change + // so that we do not treat it as an incoming change later on, + // which would cause a block reset. + + pendingChanges.current.outgoing.push(blocks); // Inform the controlling entity that changes have been made to + // the block-editor store they should be aware about. + + const updateParent = isPersistent ? onChangeRef.current : onInputRef.current; + updateParent(blocks, { + selection: { + selectionStart: getSelectionStart(), + selectionEnd: getSelectionEnd(), + initialPosition: getSelectedBlocksInitialCaretPosition() + } + }); + } + + previousAreBlocksDifferent = areBlocksDifferent; + }); + return () => unsubscribe(); + }, [registry, clientId]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/index.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + + + +/** @typedef {import('@wordpress/data').WPDataRegistry} WPDataRegistry */ + +const ExperimentalBlockEditorProvider = with_registry_provider(props => { + const { + children, + settings, + stripExperimentalSettings = false + } = props; + const { + __experimentalUpdateSettings + } = experiments_unlock((0,external_wp_data_namespaceObject.useDispatch)(store)); + (0,external_wp_element_namespaceObject.useEffect)(() => { + __experimentalUpdateSettings({ ...settings, + __internalIsInitialized: true + }, stripExperimentalSettings); + }, [settings]); // Syncs the entity provider with changes in the block-editor store. + + useBlockSync(props); + return (0,external_wp_element_namespaceObject.createElement)(BlockRefsProvider, null, children); +}); +const BlockEditorProvider = props => { + return (0,external_wp_element_namespaceObject.createElement)(ExperimentalBlockEditorProvider, _extends({}, props, { + stripExperimentalSettings: true + }), props.children); +}; +/* harmony default export */ var provider = (BlockEditorProvider); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-block-display-information/index.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/** @typedef {import('@wordpress/blocks').WPIcon} WPIcon */ + +/** + * Contains basic block's information for display reasons. + * + * @typedef {Object} WPBlockDisplayInformation + * + * @property {boolean} isSynced True if is a reusable block or template part + * @property {string} title Human-readable block type label. + * @property {WPIcon} icon Block type icon. + * @property {string} description A detailed block type description. + * @property {string} anchor HTML anchor. + */ + +/** + * Hook used to try to find a matching block variation and return + * the appropriate information for display reasons. In order to + * to try to find a match we need to things: + * 1. Block's client id to extract it's current attributes. + * 2. A block variation should have set `isActive` prop to a proper function. + * + * If for any reason a block variation match cannot be found, + * the returned information come from the Block Type. + * If no blockType is found with the provided clientId, returns null. + * + * @param {string} clientId Block's client id. + * @return {?WPBlockDisplayInformation} Block's display information, or `null` when the block or its type not found. + */ + +function useBlockDisplayInformation(clientId) { + return (0,external_wp_data_namespaceObject.useSelect)(select => { + if (!clientId) return null; + const { + getBlockName, + getBlockAttributes + } = select(store); + const { + getBlockType, + getActiveBlockVariation + } = select(external_wp_blocks_namespaceObject.store); + const blockName = getBlockName(clientId); + const blockType = getBlockType(blockName); + if (!blockType) return null; + const attributes = getBlockAttributes(clientId); + const match = getActiveBlockVariation(blockName, attributes); + const isSynced = (0,external_wp_blocks_namespaceObject.isReusableBlock)(blockType) || (0,external_wp_blocks_namespaceObject.isTemplatePart)(blockType); + const blockTypeInfo = { + isSynced, + title: blockType.title, + icon: blockType.icon, + description: blockType.description, + anchor: attributes === null || attributes === void 0 ? void 0 : attributes.anchor + }; + if (!match) return blockTypeInfo; + return { + isSynced, + title: match.title || blockType.title, + icon: match.icon || blockType.icon, + description: match.description || blockType.description, + anchor: attributes === null || attributes === void 0 ? void 0 : attributes.anchor + }; + }, [clientId]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-title/use-block-display-title.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +/** + * Returns the block's configured title as a string, or empty if the title + * cannot be determined. + * + * @example + * + * ```js + * useBlockDisplayTitle( { clientId: 'afd1cb17-2c08-4e7a-91be-007ba7ddc3a1', maximumLength: 17 } ); + * ``` + * + * @param {Object} props + * @param {string} props.clientId Client ID of block. + * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated. + * @param {string|undefined} props.context The context to pass to `getBlockLabel`. + * @return {?string} Block title. + */ + +function useBlockDisplayTitle(_ref) { + let { + clientId, + maximumLength, + context + } = _ref; + const { + attributes, + name, + reusableBlockTitle + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + if (!clientId) { + return {}; + } + + const { + getBlockName, + getBlockAttributes, + __experimentalGetReusableBlockTitle + } = select(store); + const blockName = getBlockName(clientId); + + if (!blockName) { + return {}; + } + + const isReusable = (0,external_wp_blocks_namespaceObject.isReusableBlock)((0,external_wp_blocks_namespaceObject.getBlockType)(blockName)); + return { + attributes: getBlockAttributes(clientId), + name: blockName, + reusableBlockTitle: isReusable && __experimentalGetReusableBlockTitle(getBlockAttributes(clientId).ref) + }; + }, [clientId]); + const blockInformation = useBlockDisplayInformation(clientId); + + if (!name || !blockInformation) { return null; } - function onChangeAlignment(align) { - onChange([value, 'none'].includes(align) ? undefined : align); + const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(name); + const blockLabel = blockType ? (0,external_wp_blocks_namespaceObject.__experimentalGetBlockLabel)(blockType, attributes, context) : null; + const label = reusableBlockTitle || blockLabel; // Label will fallback to the title if no label is defined for the current + // label context. If the label is defined we prioritize it over a + // possible block variation title match. + + const blockTitle = label && label !== blockType.title ? label : blockInformation.title; + + if (maximumLength && maximumLength > 0 && blockTitle.length > maximumLength) { + const omission = '...'; + return blockTitle.slice(0, maximumLength - omission.length) + omission; } - const activeAlignmentControl = constants_BLOCK_ALIGNMENTS_CONTROLS[value]; - const defaultAlignmentControl = constants_BLOCK_ALIGNMENTS_CONTROLS[constants_DEFAULT_CONTROL]; - const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; - const commonProps = { - icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon, - label: (0,external_wp_i18n_namespaceObject.__)('Align') - }; - const extraProps = isToolbar ? { - isCollapsed, - controls: enabledControls.map(_ref2 => { - let { - name: controlName - } = _ref2; - return { ...constants_BLOCK_ALIGNMENTS_CONTROLS[controlName], - isActive: value === controlName || !value && controlName === 'none', - role: isCollapsed ? 'menuitemradio' : undefined, - onClick: () => onChangeAlignment(controlName) - }; - }) - } : { - toggleProps: { - describedBy: (0,external_wp_i18n_namespaceObject.__)('Change alignment') - }, - popoverProps: constants_POPOVER_PROPS, - children: _ref3 => { - let { - onClose - } = _ref3; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - className: "block-editor-block-alignment-control__menu-group" - }, enabledControls.map(_ref4 => { - let { - name: controlName, - info - } = _ref4; - const { - icon, - title - } = constants_BLOCK_ALIGNMENTS_CONTROLS[controlName]; // If no value is provided, mark as selected the `none` option. - - const isSelected = controlName === value || !value && controlName === 'none'; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - key: controlName, - icon: icon, - iconPosition: "left", - className: classnames_default()('components-dropdown-menu__menu-item', { - 'is-active': isSelected - }), - isSelected: isSelected, - onClick: () => { - onChangeAlignment(controlName); - onClose(); - }, - role: "menuitemradio", - info: info - }, title); - }))); - } - }; - return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({}, commonProps, extraProps)); + return blockTitle; } -/* harmony default export */ var block_alignment_control_ui = (BlockAlignmentUI); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/index.js - +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.js /** - * Internal dependencies + * WordPress dependencies */ +const plus = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z" +})); +/* harmony default export */ var library_plus = (plus); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/tips.js -const BlockAlignmentControl = props => { - return (0,external_wp_element_namespaceObject.createElement)(block_alignment_control_ui, _extends({}, props, { - isToolbar: false - })); -}; -const BlockAlignmentToolbar = props => { - return (0,external_wp_element_namespaceObject.createElement)(block_alignment_control_ui, _extends({}, props, { - isToolbar: true - })); -}; /** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-control/README.md + * WordPress dependencies */ +const globalTips = [(0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('While writing, you can press / to quickly insert new blocks.'), { + kbd: (0,external_wp_element_namespaceObject.createElement)("kbd", null) +}), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Indent a list by pressing space at the beginning of a line.'), { + kbd: (0,external_wp_element_namespaceObject.createElement)("kbd", null) +}), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Outdent a list by pressing backspace at the beginning of a line.'), { + kbd: (0,external_wp_element_namespaceObject.createElement)("kbd", null) +}), (0,external_wp_i18n_namespaceObject.__)('Drag files into the editor to automatically insert media blocks.'), (0,external_wp_i18n_namespaceObject.__)("Change a block's type by pressing the block icon on the toolbar.")]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/align.js +function Tips() { + const [randomIndex] = (0,external_wp_element_namespaceObject.useState)( // Disable Reason: I'm not generating an HTML id. + // eslint-disable-next-line no-restricted-syntax + Math.floor(Math.random() * globalTips.length)); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tip, null, globalTips[randomIndex]); +} +/* harmony default export */ var tips = (Tips); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right.js + + +/** + * WordPress dependencies + */ + +const chevronRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" +})); +/* harmony default export */ var chevron_right = (chevronRight); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left.js + + +/** + * WordPress dependencies + */ + +const chevronLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" +})); +/* harmony default export */ var chevron_left = (chevronLeft); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/block-default.js + + +/** + * WordPress dependencies + */ + +const blockDefault = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var block_default = (blockDefault); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-icon/index.js /** * External dependencies */ - /** * WordPress dependencies */ @@ -14169,435 +16114,45 @@ const BlockAlignmentToolbar = props => { -/** - * Internal dependencies - */ +function BlockIcon(_ref) { + var _icon; + let { + icon, + showColors = false, + className, + context + } = _ref; - - -/** - * An array which includes all possible valid alignments, - * used to validate if an alignment is valid or not. - * - * @constant - * @type {string[]} - */ - -const ALL_ALIGNMENTS = ['left', 'center', 'right', 'wide', 'full']; -/** - * An array which includes all wide alignments. - * In order for this alignments to be valid they need to be supported by the block, - * and by the theme. - * - * @constant - * @type {string[]} - */ - -const WIDE_ALIGNMENTS = ['wide', 'full']; -/** - * Returns the valid alignments. - * Takes into consideration the aligns supported by a block, if the block supports wide controls or not and if theme supports wide controls or not. - * Exported just for testing purposes, not exported outside the module. - * - * @param {?boolean|string[]} blockAlign Aligns supported by the block. - * @param {?boolean} hasWideBlockSupport True if block supports wide alignments. And False otherwise. - * @param {?boolean} hasWideEnabled True if theme supports wide alignments. And False otherwise. - * - * @return {string[]} Valid alignments. - */ - -function getValidAlignments(blockAlign) { - let hasWideBlockSupport = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; - let hasWideEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; - let validAlignments; - - if (Array.isArray(blockAlign)) { - validAlignments = ALL_ALIGNMENTS.filter(value => blockAlign.includes(value)); - } else if (blockAlign === true) { - // `true` includes all alignments... - validAlignments = [...ALL_ALIGNMENTS]; - } else { - validAlignments = []; - } - - if (!hasWideEnabled || blockAlign === true && !hasWideBlockSupport) { - return (0,external_lodash_namespaceObject.without)(validAlignments, ...WIDE_ALIGNMENTS); - } - - return validAlignments; -} -/** - * Filters registered block settings, extending attributes to include `align`. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function addAttribute(settings) { - var _settings$attributes$, _settings$attributes; - - // Allow blocks to specify their own attribute definition with default values if needed. - if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.align) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { - return settings; - } - - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'align')) { - // Gracefully handle if settings.attributes is undefined. - settings.attributes = { ...settings.attributes, - align: { - type: 'string', - // Allow for '' since it is used by updateAlignment function - // in withToolbarControls for special cases with defined default values. - enum: [...ALL_ALIGNMENTS, ''] - } + if (((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.src) === 'block-default') { + icon = { + src: block_default }; } - return settings; -} -/** - * Override the default edit UI to include new toolbar controls for block - * alignment, if block defines support. - * - * @param {Function} BlockEdit Original component. - * - * @return {Function} Wrapped component. - */ - -const withToolbarControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { - const blockEdit = (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); - const { - name: blockName - } = props; // Compute the block valid alignments by taking into account, - // if the theme supports wide alignments or not and the layout's - // availble alignments. We do that for conditionally rendering - // Slot. - - const blockAllowedAlignments = getValidAlignments((0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, 'align'), (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'alignWide', true)); - const validAlignments = useAvailableAlignments(blockAllowedAlignments).map(_ref => { - let { - name - } = _ref; - return name; + const renderedIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { + icon: icon && icon.src ? icon.src : icon, + context: context }); - const isContentLocked = (0,external_wp_data_namespaceObject.useSelect)(select => { - return select(store).__unstableGetContentLockingParent(props.clientId); - }, [props.clientId]); - - if (!validAlignments.length || isContentLocked) { - return blockEdit; - } - - const updateAlignment = nextAlign => { - if (!nextAlign) { - var _blockType$attributes, _blockType$attributes2; - - const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(props.name); - const blockDefaultAlign = blockType === null || blockType === void 0 ? void 0 : (_blockType$attributes = blockType.attributes) === null || _blockType$attributes === void 0 ? void 0 : (_blockType$attributes2 = _blockType$attributes.align) === null || _blockType$attributes2 === void 0 ? void 0 : _blockType$attributes2.default; - - if (blockDefaultAlign) { - nextAlign = ''; - } - } - - props.setAttributes({ - align: nextAlign - }); - }; - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_controls, { - group: "block", - __experimentalShareWithChildBlocks: true - }, (0,external_wp_element_namespaceObject.createElement)(BlockAlignmentControl, { - value: props.attributes.align, - onChange: updateAlignment, - controls: validAlignments - })), blockEdit); -}, 'withToolbarControls'); -/** - * Override the default block element to add alignment wrapper props. - * - * @param {Function} BlockListBlock Original component. - * - * @return {Function} Wrapped component. - */ - -const withDataAlign = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { - const { - name, - attributes - } = props; - const { - align - } = attributes; - const blockAllowedAlignments = getValidAlignments((0,external_wp_blocks_namespaceObject.getBlockSupport)(name, 'align'), (0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, 'alignWide', true)); - const validAlignments = useAvailableAlignments(blockAllowedAlignments); // If an alignment is not assigned, there's no need to go through the - // effort to validate or assign its value. - - if (align === undefined) { - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); - } - - let wrapperProps = props.wrapperProps; - - if (validAlignments.some(alignment => alignment.name === align)) { - wrapperProps = { ...wrapperProps, - 'data-align': align - }; - } - - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { - wrapperProps: wrapperProps - })); -}); -/** - * Override props assigned to save component to inject alignment class name if - * block supports it. - * - * @param {Object} props Additional props applied to save element. - * @param {Object} blockType Block type. - * @param {Object} attributes Block attributes. - * - * @return {Object} Filtered props applied to save element. - */ - -function addAssignedAlign(props, blockType, attributes) { - const { - align - } = attributes; - const blockAlign = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, 'align'); - const hasWideBlockSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'alignWide', true); // Compute valid alignments without taking into account if - // the theme supports wide alignments or not. - // This way changing themes does not impact the block save. - - const isAlignValid = getValidAlignments(blockAlign, hasWideBlockSupport).includes(align); - - if (isAlignValid) { - props.className = classnames_default()(`align${align}`, props.className); - } - - return props; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/align/addAttribute', addAttribute); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/align/with-data-align', withDataAlign); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/align/with-toolbar-controls', withToolbarControls); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/align/addAssignedAlign', addAssignedAlign); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/lock.js -/** - * WordPress dependencies - */ - -/** - * Filters registered block settings, extending attributes to include `lock`. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function lock_addAttribute(settings) { - var _settings$attributes$, _settings$attributes; - - // Allow blocks to specify their own attribute definition with default values if needed. - if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.lock) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { - return settings; - } // Gracefully handle if settings.attributes is undefined. - - - settings.attributes = { ...settings.attributes, - lock: { - type: 'object' - } - }; - return settings; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/lock/addAttribute', lock_addAttribute); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/anchor.js - - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - -/** - * Regular expression matching invalid anchor characters for replacement. - * - * @type {RegExp} - */ - -const ANCHOR_REGEX = /[\s#]/g; -const ANCHOR_SCHEMA = { - type: 'string', - source: 'attribute', - attribute: 'id', - selector: '*' -}; -/** - * Filters registered block settings, extending attributes with anchor using ID - * of the first node. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function anchor_addAttribute(settings) { - var _settings$attributes$, _settings$attributes; - - // Allow blocks to specify their own attribute definition with default values if needed. - if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.anchor) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { - return settings; - } - - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'anchor')) { - // Gracefully handle if settings.attributes is undefined. - settings.attributes = { ...settings.attributes, - anchor: ANCHOR_SCHEMA - }; - } - - return settings; + const style = showColors ? { + backgroundColor: icon && icon.background, + color: icon && icon.foreground + } : {}; + return (0,external_wp_element_namespaceObject.createElement)("span", { + style: style, + className: classnames_default()('block-editor-block-icon', className, { + 'has-colors': showColors + }) + }, renderedIcon); } /** - * Override the default edit UI to include a new block inspector control for - * assigning the anchor ID, if block supports anchor. - * - * @param {WPComponent} BlockEdit Original component. - * - * @return {WPComponent} Wrapped component. - */ - -const withInspectorControl = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => { - return props => { - const hasAnchor = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(props.name, 'anchor'); - - if (hasAnchor && props.isSelected) { - const isWeb = external_wp_element_namespaceObject.Platform.OS === 'web'; - const textControl = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { - className: "html-anchor-control", - label: (0,external_wp_i18n_namespaceObject.__)('HTML anchor'), - help: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('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.'), isWeb && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, { - href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/support/article/page-jumps/') - }, (0,external_wp_i18n_namespaceObject.__)('Learn more about anchors'))), - value: props.attributes.anchor || '', - placeholder: !isWeb ? (0,external_wp_i18n_namespaceObject.__)('Add an anchor') : null, - onChange: nextValue => { - nextValue = nextValue.replace(ANCHOR_REGEX, '-'); - props.setAttributes({ - anchor: nextValue - }); - }, - autoCapitalize: "none", - autoComplete: "off" - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props), isWeb && (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { - __experimentalGroup: "advanced" - }, textControl), !isWeb && props.name === 'core/heading' && (0,external_wp_element_namespaceObject.createElement)(inspector_controls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { - title: (0,external_wp_i18n_namespaceObject.__)('Heading settings') - }, textControl))); - } - - return (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); - }; -}, 'withInspectorControl'); -/** - * Override props assigned to save component to inject anchor ID, if block - * supports anchor. This is only applied if the block's save result is an - * element and not a markup string. - * - * @param {Object} extraProps Additional props applied to save element. - * @param {Object} blockType Block type. - * @param {Object} attributes Current block attributes. - * - * @return {Object} Filtered props applied to save element. - */ - -function addSaveProps(extraProps, blockType, attributes) { - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'anchor')) { - extraProps.id = attributes.anchor === '' ? null : attributes.anchor; - } - - return extraProps; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/anchor/attribute', anchor_addAttribute); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/anchor/with-inspector-control', withInspectorControl); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/anchor/save-props', addSaveProps); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/aria-label.js -/** - * WordPress dependencies + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-icon/README.md */ -const ARIA_LABEL_SCHEMA = { - type: 'string', - source: 'attribute', - attribute: 'aria-label', - selector: '*' -}; -/** - * Filters registered block settings, extending attributes with ariaLabel using aria-label - * of the first node. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ +/* harmony default export */ var block_icon = ((0,external_wp_element_namespaceObject.memo)(BlockIcon)); -function aria_label_addAttribute(settings) { - var _settings$attributes, _settings$attributes$; - - // Allow blocks to specify their own attribute definition with default values if needed. - if (settings !== null && settings !== void 0 && (_settings$attributes = settings.attributes) !== null && _settings$attributes !== void 0 && (_settings$attributes$ = _settings$attributes.ariaLabel) !== null && _settings$attributes$ !== void 0 && _settings$attributes$.type) { - return settings; - } - - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'ariaLabel')) { - // Gracefully handle if settings.attributes is undefined. - settings.attributes = { ...settings.attributes, - ariaLabel: ARIA_LABEL_SCHEMA - }; - } - - return settings; -} -/** - * Override props assigned to save component to inject aria-label, if block - * supports ariaLabel. This is only applied if the block's save result is an - * element and not a markup string. - * - * @param {Object} extraProps Additional props applied to save element. - * @param {Object} blockType Block type. - * @param {Object} attributes Current block attributes. - * - * @return {Object} Filtered props applied to save element. - */ - -function aria_label_addSaveProps(extraProps, blockType, attributes) { - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'ariaLabel')) { - extraProps['aria-label'] = attributes.ariaLabel === '' ? null : attributes.ariaLabel; - } - - return extraProps; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/ariaLabel/attribute', aria_label_addAttribute); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/ariaLabel/save-props', aria_label_addSaveProps); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/custom-class-name.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-card/index.js /** @@ -14618,154 +16173,73 @@ function aria_label_addSaveProps(extraProps, blockType, attributes) { */ -/** - * Filters registered block settings, extending attributes with anchor using ID - * of the first node. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ -function custom_class_name_addAttribute(settings) { - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'customClassName', true)) { - // Gracefully handle if settings.attributes is undefined. - settings.attributes = { ...settings.attributes, - className: { - type: 'string' - } + +function BlockCard(_ref) { + let { + title, + icon, + description, + blockType, + className + } = _ref; + + if (blockType) { + external_wp_deprecated_default()('`blockType` property in `BlockCard component`', { + since: '5.7', + alternative: '`title, icon and description` properties' + }); + ({ + title, + icon, + description + } = blockType); + } + + const { + parentNavBlockClientId + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSelectedBlockClientId, + getBlockParentsByBlockName + } = select(store); + + const _selectedBlockClientId = getSelectedBlockClientId(); + + return { + parentNavBlockClientId: getBlockParentsByBlockName(_selectedBlockClientId, 'core/navigation', true)[0] }; - } - - return settings; + }, []); + const { + selectBlock + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: classnames_default()('block-editor-block-card', className) + }, parentNavBlockClientId && // This is only used by the Navigation block for now. It's not ideal having Navigation block specific code here. + (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + onClick: () => selectBlock(parentNavBlockClientId), + label: (0,external_wp_i18n_namespaceObject.__)('Go to parent Navigation block'), + style: // TODO: This style override is also used in ToolsPanelHeader. + // It should be supported out-of-the-box by Button. + { + minWidth: 24, + padding: 0 + }, + icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_right : chevron_left, + isSmall: true + }), (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: icon, + showColors: true + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-card__content" + }, (0,external_wp_element_namespaceObject.createElement)("h2", { + className: "block-editor-block-card__title" + }, title), (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-block-card__description" + }, description))); } -/** - * Override the default edit UI to include a new block inspector control for - * assigning the custom class name, if block supports custom class name. - * - * @param {WPComponent} BlockEdit Original component. - * - * @return {WPComponent} Wrapped component. - */ -const custom_class_name_withInspectorControl = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => { - return props => { - const hasCustomClassName = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(props.name, 'customClassName', true); - - if (hasCustomClassName && props.isSelected) { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props), (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { - __experimentalGroup: "advanced" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { - autoComplete: "off", - label: (0,external_wp_i18n_namespaceObject.__)('Additional CSS class(es)'), - value: props.attributes.className || '', - onChange: nextValue => { - props.setAttributes({ - className: nextValue !== '' ? nextValue : undefined - }); - }, - help: (0,external_wp_i18n_namespaceObject.__)('Separate multiple classes with spaces.') - }))); - } - - return (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); - }; -}, 'withInspectorControl'); -/** - * Override props assigned to save component to inject anchor ID, if block - * supports anchor. This is only applied if the block's save result is an - * element and not a markup string. - * - * @param {Object} extraProps Additional props applied to save element. - * @param {Object} blockType Block type. - * @param {Object} attributes Current block attributes. - * - * @return {Object} Filtered props applied to save element. - */ - -function custom_class_name_addSaveProps(extraProps, blockType, attributes) { - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'customClassName', true) && attributes.className) { - extraProps.className = classnames_default()(extraProps.className, attributes.className); - } - - return extraProps; -} -function addTransforms(result, source, index, results) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(result.name, 'customClassName', true)) { - return result; - } // If the condition verifies we are probably in the presence of a wrapping transform - // e.g: nesting paragraphs in a group or columns and in that case the class should not be kept. - - - if (results.length === 1 && result.innerBlocks.length === source.length) { - return result; - } // If we are transforming one block to multiple blocks or multiple blocks to one block, - // we ignore the class during the transform. - - - if (results.length === 1 && source.length > 1 || results.length > 1 && source.length === 1) { - return result; - } // If we are in presence of transform between one or more block in the source - // that have one or more blocks in the result - // we apply the class on source N to the result N, - // if source N does not exists we do nothing. - - - if (source[index]) { - var _source$index; - - const originClassName = (_source$index = source[index]) === null || _source$index === void 0 ? void 0 : _source$index.attributes.className; - - if (originClassName) { - return { ...result, - attributes: { ...result.attributes, - className: originClassName - } - }; - } - } - - return result; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/custom-class-name/attribute', custom_class_name_addAttribute); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/custom-class-name/with-inspector-control', custom_class_name_withInspectorControl); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/custom-class-name/save-props', custom_class_name_addSaveProps); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/color/addTransforms', addTransforms); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/generated-class-name.js -/** - * WordPress dependencies - */ - - -/** - * Override props assigned to save component to inject generated className if - * block supports it. This is only applied if the block's save result is an - * element and not a markup string. - * - * @param {Object} extraProps Additional props applied to save element. - * @param {Object} blockType Block type. - * - * @return {Object} Filtered props applied to save element. - */ - -function addGeneratedClassName(extraProps, blockType) { - // Adding the generated className. - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'className', true)) { - if (typeof extraProps.className === 'string') { - // We have some extra classes and want to add the default classname - // We use uniq to prevent duplicate classnames. - extraProps.className = [...new Set([(0,external_wp_blocks_namespaceObject.getBlockDefaultClassName)(blockType.name), ...extraProps.className.split(' ')])].join(' ').trim(); - } else { - // There is no string in the className variable, - // so we just dump the default name in there. - extraProps.className = (0,external_wp_blocks_namespaceObject.getBlockDefaultClassName)(blockType.name); - } - } - - return extraProps; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/generated-class-name/save-props', addGeneratedClassName); +/* harmony default export */ var block_card = (BlockCard); ;// CONCATENATED MODULE: external ["wp","dom"] var external_wp_dom_namespaceObject = window["wp"]["dom"]; @@ -14821,7 +16295,6 @@ function BlockContextProvider(_ref) { * External dependencies */ - /** * WordPress dependencies */ @@ -14853,7 +16326,10 @@ const Edit = props => { const blockContext = (0,external_wp_element_namespaceObject.useContext)(block_context); // Assign context values using the block type's declared context needs. const context = (0,external_wp_element_namespaceObject.useMemo)(() => { - return blockType && blockType.usesContext ? (0,external_lodash_namespaceObject.pick)(blockContext, blockType.usesContext) : DEFAULT_BLOCK_CONTEXT; + return blockType && blockType.usesContext ? Object.fromEntries(Object.entries(blockContext).filter(_ref => { + let [key] = _ref; + return blockType.usesContext.includes(key); + })) : DEFAULT_BLOCK_CONTEXT; }, [blockType, blockContext]); if (!blockType) { @@ -14888,6 +16364,7 @@ const Edit = props => { * WordPress dependencies */ + /** * Internal dependencies */ @@ -14908,12 +16385,20 @@ function BlockEdit(props) { const { name, isSelected, - clientId + clientId, + attributes = {}, + __unstableLayoutClassNames } = props; + const { + layout = null + } = attributes; + const layoutSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, '__experimentalLayout', false); const context = { name, isSelected, - clientId + clientId, + layout: layoutSupport ? layout : null, + __unstableLayoutClassNames }; return (0,external_wp_element_namespaceObject.createElement)(Provider // It is important to return the same object if props haven't // changed to avoid unnecessary rerenders. @@ -15043,7 +16528,6 @@ function BlockView(_ref) { /** * External dependencies */ - // diff doesn't tree-shake correctly, so we import from the individual // module here, to avoid including too much of the library @@ -15085,7 +16569,7 @@ function BlockCompare(_ref) { function getConvertedContent(convertedBlock) { // The convertor may return an array of items or a single item. - const newBlocks = (0,external_lodash_namespaceObject.castArray)(convertedBlock); // Get converted block details. + const newBlocks = Array.isArray(convertedBlock) ? convertedBlock : [convertedBlock]; // Get converted block details. const newContent = newBlocks.map(item => (0,external_wp_blocks_namespaceObject.getSaveContent)(item.name, item.attributes, item.innerBlocks)); return newContent.join(''); @@ -15356,27 +16840,27 @@ function BlockHTML(_ref) { ;// CONCATENATED MODULE: ./node_modules/@react-spring/rafz/dist/react-spring-rafz.esm.js let updateQueue = makeQueue(); -const raf = fn => schedule(fn, updateQueue); +const react_spring_rafz_esm_raf = fn => schedule(fn, updateQueue); let writeQueue = makeQueue(); -raf.write = fn => schedule(fn, writeQueue); +react_spring_rafz_esm_raf.write = fn => schedule(fn, writeQueue); let onStartQueue = makeQueue(); -raf.onStart = fn => schedule(fn, onStartQueue); +react_spring_rafz_esm_raf.onStart = fn => schedule(fn, onStartQueue); let onFrameQueue = makeQueue(); -raf.onFrame = fn => schedule(fn, onFrameQueue); +react_spring_rafz_esm_raf.onFrame = fn => schedule(fn, onFrameQueue); let onFinishQueue = makeQueue(); -raf.onFinish = fn => schedule(fn, onFinishQueue); +react_spring_rafz_esm_raf.onFinish = fn => schedule(fn, onFinishQueue); let timeouts = []; -raf.setTimeout = (handler, ms) => { - let time = raf.now() + ms; +react_spring_rafz_esm_raf.setTimeout = (handler, ms) => { + let time = react_spring_rafz_esm_raf.now() + ms; let cancel = () => { let i = timeouts.findIndex(t => t.cancel == cancel); @@ -15397,7 +16881,7 @@ raf.setTimeout = (handler, ms) => { let findTimeout = time => ~(~timeouts.findIndex(t => t.time > time) || ~timeouts.length); -raf.cancel = fn => { +react_spring_rafz_esm_raf.cancel = fn => { onStartQueue.delete(fn); onFrameQueue.delete(fn); onFinishQueue.delete(fn); @@ -15405,13 +16889,13 @@ raf.cancel = fn => { writeQueue.delete(fn); }; -raf.sync = fn => { +react_spring_rafz_esm_raf.sync = fn => { sync = true; - raf.batchedUpdates(fn); + react_spring_rafz_esm_raf.batchedUpdates(fn); sync = false; }; -raf.throttle = fn => { +react_spring_rafz_esm_raf.throttle = fn => { let lastArgs; function queuedFn() { @@ -15424,7 +16908,7 @@ raf.throttle = fn => { function throttled(...args) { lastArgs = args; - raf.onStart(queuedFn); + react_spring_rafz_esm_raf.onStart(queuedFn); } throttled.handler = fn; @@ -15439,17 +16923,17 @@ raf.throttle = fn => { let nativeRaf = typeof window != 'undefined' ? window.requestAnimationFrame : () => {}; -raf.use = impl => nativeRaf = impl; +react_spring_rafz_esm_raf.use = impl => nativeRaf = impl; -raf.now = typeof performance != 'undefined' ? () => performance.now() : Date.now; +react_spring_rafz_esm_raf.now = typeof performance != 'undefined' ? () => performance.now() : Date.now; -raf.batchedUpdates = fn => fn(); +react_spring_rafz_esm_raf.batchedUpdates = fn => fn(); -raf.catch = console.error; -raf.frameLoop = 'always'; +react_spring_rafz_esm_raf.catch = console.error; +react_spring_rafz_esm_raf.frameLoop = 'always'; -raf.advance = () => { - if (raf.frameLoop !== 'demand') { +react_spring_rafz_esm_raf.advance = () => { + if (react_spring_rafz_esm_raf.frameLoop !== 'demand') { console.warn('Cannot call the manual advancement of rafz whilst frameLoop is not set as demand'); } else { update(); @@ -15474,7 +16958,7 @@ function start() { if (ts < 0) { ts = 0; - if (raf.frameLoop !== 'demand') { + if (react_spring_rafz_esm_raf.frameLoop !== 'demand') { nativeRaf(loop); } } @@ -15487,13 +16971,13 @@ function stop() { function loop() { if (~ts) { nativeRaf(loop); - raf.batchedUpdates(update); + react_spring_rafz_esm_raf.batchedUpdates(update); } } function update() { let prevTs = ts; - ts = raf.now(); + ts = react_spring_rafz_esm_raf.now(); let count = findTimeout(ts); if (count) { @@ -15545,7 +17029,7 @@ function eachSafely(values, each) { try { each(value); } catch (e) { - raf.catch(e); + react_spring_rafz_esm_raf.catch(e); } }); } @@ -15582,7 +17066,7 @@ var external_React_default = /*#__PURE__*/__webpack_require__.n(external_React_) -function noop() {} +function react_spring_shared_esm_noop() {} const defineHidden = (obj, key, value) => Object.defineProperty(obj, key, { value, writable: true, @@ -15640,17 +17124,17 @@ let createStringInterpolator$1; let to; let colors$1 = null; let skipAnimation = false; -let willAdvance = noop; +let willAdvance = react_spring_shared_esm_noop; const react_spring_shared_esm_assign = globals => { if (globals.to) to = globals.to; - if (globals.now) raf.now = globals.now; + if (globals.now) react_spring_rafz_esm_raf.now = globals.now; if (globals.colors !== undefined) colors$1 = globals.colors; if (globals.skipAnimation != null) skipAnimation = globals.skipAnimation; if (globals.createStringInterpolator) createStringInterpolator$1 = globals.createStringInterpolator; - if (globals.requestAnimationFrame) raf.use(globals.requestAnimationFrame); - if (globals.batchedUpdates) raf.batchedUpdates = globals.batchedUpdates; + if (globals.requestAnimationFrame) react_spring_rafz_esm_raf.use(globals.requestAnimationFrame); + if (globals.batchedUpdates) react_spring_rafz_esm_raf.batchedUpdates = globals.batchedUpdates; if (globals.willAdvance) willAdvance = globals.willAdvance; - if (globals.frameLoop) raf.frameLoop = globals.frameLoop; + if (globals.frameLoop) react_spring_rafz_esm_raf.frameLoop = globals.frameLoop; }; var globals = /*#__PURE__*/Object.freeze({ @@ -15675,10 +17159,10 @@ const frameLoop = { start(animation) { if (priority > animation.priority) { startQueue.add(animation); - raf.onStart(flushStartQueue); + react_spring_rafz_esm_raf.onStart(flushStartQueue); } else { startSafely(animation); - raf(advance); + react_spring_rafz_esm_raf(advance); } }, @@ -15686,7 +17170,7 @@ const frameLoop = { sort(animation) { if (priority) { - raf.onFrame(() => frameLoop.sort(animation)); + react_spring_rafz_esm_raf.onFrame(() => frameLoop.sort(animation)); } else { const prevIndex = currentFrame.indexOf(animation); @@ -15707,7 +17191,7 @@ const frameLoop = { function flushStartQueue() { startQueue.forEach(startSafely); startQueue.clear(); - raf(advance); + react_spring_rafz_esm_raf(advance); } function startSafely(animation) { @@ -15747,6 +17231,8 @@ function findIndex(arr, test) { return index < 0 ? arr.length : index; } +const clamp = (min, max, v) => Math.min(Math.max(v, min), max); + const colors = { transparent: 0x00000000, aliceblue: 0xf0f8ffff, @@ -16069,6 +17555,69 @@ function findRange(input, inputRange) { return i - 1; } +const steps = (steps, direction = 'end') => progress => { + progress = direction === 'end' ? Math.min(progress, 0.999) : Math.max(progress, 0.001); + const expanded = progress * steps; + const rounded = direction === 'end' ? Math.floor(expanded) : Math.ceil(expanded); + return clamp(0, 1, rounded / steps); +}; + +const c1 = 1.70158; +const c2 = c1 * 1.525; +const c3 = c1 + 1; +const c4 = 2 * Math.PI / 3; +const c5 = 2 * Math.PI / 4.5; + +const bounceOut = x => { + const n1 = 7.5625; + const d1 = 2.75; + + if (x < 1 / d1) { + return n1 * x * x; + } else if (x < 2 / d1) { + return n1 * (x -= 1.5 / d1) * x + 0.75; + } else if (x < 2.5 / d1) { + return n1 * (x -= 2.25 / d1) * x + 0.9375; + } else { + return n1 * (x -= 2.625 / d1) * x + 0.984375; + } +}; + +const easings = { + linear: x => x, + easeInQuad: x => x * x, + easeOutQuad: x => 1 - (1 - x) * (1 - x), + easeInOutQuad: x => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2, + easeInCubic: x => x * x * x, + easeOutCubic: x => 1 - Math.pow(1 - x, 3), + easeInOutCubic: x => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2, + easeInQuart: x => x * x * x * x, + easeOutQuart: x => 1 - Math.pow(1 - x, 4), + easeInOutQuart: x => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2, + easeInQuint: x => x * x * x * x * x, + easeOutQuint: x => 1 - Math.pow(1 - x, 5), + easeInOutQuint: x => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2, + easeInSine: x => 1 - Math.cos(x * Math.PI / 2), + easeOutSine: x => Math.sin(x * Math.PI / 2), + easeInOutSine: x => -(Math.cos(Math.PI * x) - 1) / 2, + easeInExpo: x => x === 0 ? 0 : Math.pow(2, 10 * x - 10), + easeOutExpo: x => x === 1 ? 1 : 1 - Math.pow(2, -10 * x), + easeInOutExpo: x => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? Math.pow(2, 20 * x - 10) / 2 : (2 - Math.pow(2, -20 * x + 10)) / 2, + easeInCirc: x => 1 - Math.sqrt(1 - Math.pow(x, 2)), + easeOutCirc: x => Math.sqrt(1 - Math.pow(x - 1, 2)), + easeInOutCirc: x => x < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2, + easeInBack: x => c3 * x * x * x - c1 * x * x, + easeOutBack: x => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2), + easeInOutBack: x => x < 0.5 ? Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2, + easeInElastic: x => x === 0 ? 0 : x === 1 ? 1 : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4), + easeOutElastic: x => x === 0 ? 0 : x === 1 ? 1 : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1, + easeInOutElastic: x => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1, + easeInBounce: x => 1 - bounceOut(1 - x), + easeOutBounce: bounceOut, + easeInOutBounce: x => x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2, + steps +}; + function react_spring_shared_esm_extends() { react_spring_shared_esm_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { @@ -16244,7 +17793,6 @@ const createStringInterpolator = config => { }; const prefix = 'react-spring: '; - const once = fn => { const func = fn; let called = false; @@ -16260,7 +17808,6 @@ const once = fn => { } }; }; - const warnInterpolate = once(console.warn); function react_spring_shared_esm_deprecateInterpolate() { warnInterpolate(`${prefix}The "interpolate" function is deprecated in v9 (use "to" instead)`); @@ -16274,6 +17821,228 @@ function isAnimatedString(value) { return react_spring_shared_esm_is.str(value) && (value[0] == '#' || /\d/.test(value) || !isSSR() && cssVariableRegex.test(value) || value in (colors$1 || {})); } +let observer; +const resizeHandlers = new WeakMap(); + +const handleObservation = entries => entries.forEach(({ + target, + contentRect +}) => { + var _resizeHandlers$get; + + return (_resizeHandlers$get = resizeHandlers.get(target)) == null ? void 0 : _resizeHandlers$get.forEach(handler => handler(contentRect)); +}); + +function resizeElement(handler, target) { + if (!observer) { + if (typeof ResizeObserver !== 'undefined') { + observer = new ResizeObserver(handleObservation); + } + } + + let elementHandlers = resizeHandlers.get(target); + + if (!elementHandlers) { + elementHandlers = new Set(); + resizeHandlers.set(target, elementHandlers); + } + + elementHandlers.add(handler); + + if (observer) { + observer.observe(target); + } + + return () => { + const elementHandlers = resizeHandlers.get(target); + if (!elementHandlers) return; + elementHandlers.delete(handler); + + if (!elementHandlers.size && observer) { + observer.unobserve(target); + } + }; +} + +const listeners = new Set(); +let cleanupWindowResizeHandler; + +const createResizeHandler = () => { + const handleResize = () => { + listeners.forEach(callback => callback({ + width: window.innerWidth, + height: window.innerHeight + })); + }; + + window.addEventListener('resize', handleResize); + return () => { + window.removeEventListener('resize', handleResize); + }; +}; + +const resizeWindow = callback => { + listeners.add(callback); + + if (!cleanupWindowResizeHandler) { + cleanupWindowResizeHandler = createResizeHandler(); + } + + return () => { + listeners.delete(callback); + + if (!listeners.size && cleanupWindowResizeHandler) { + cleanupWindowResizeHandler(); + cleanupWindowResizeHandler = undefined; + } + }; +}; + +const react_spring_shared_esm_onResize = (callback, { + container: _container = document.documentElement +} = {}) => { + if (_container === document.documentElement) { + return resizeWindow(callback); + } else { + return resizeElement(callback, _container); + } +}; + +const progress = (min, max, value) => max - min === 0 ? 1 : (value - min) / (max - min); + +const SCROLL_KEYS = { + x: { + length: 'Width', + position: 'Left' + }, + y: { + length: 'Height', + position: 'Top' + } +}; +class ScrollHandler { + constructor(callback, container) { + this.callback = void 0; + this.container = void 0; + this.info = void 0; + + this.createAxis = () => ({ + current: 0, + progress: 0, + scrollLength: 0 + }); + + this.updateAxis = axisName => { + const axis = this.info[axisName]; + const { + length, + position + } = SCROLL_KEYS[axisName]; + axis.current = this.container[`scroll${position}`]; + axis.scrollLength = this.container['scroll' + length] - this.container['client' + length]; + axis.progress = progress(0, axis.scrollLength, axis.current); + }; + + this.update = () => { + this.updateAxis('x'); + this.updateAxis('y'); + }; + + this.sendEvent = () => { + this.callback(this.info); + }; + + this.advance = () => { + this.update(); + this.sendEvent(); + }; + + this.callback = callback; + this.container = container; + this.info = { + time: 0, + x: this.createAxis(), + y: this.createAxis() + }; + } + +} + +const scrollListeners = new WeakMap(); +const resizeListeners = new WeakMap(); +const onScrollHandlers = new WeakMap(); + +const getTarget = container => container === document.documentElement ? window : container; + +const react_spring_shared_esm_onScroll = (callback, { + container: _container = document.documentElement +} = {}) => { + let containerHandlers = onScrollHandlers.get(_container); + + if (!containerHandlers) { + containerHandlers = new Set(); + onScrollHandlers.set(_container, containerHandlers); + } + + const containerHandler = new ScrollHandler(callback, _container); + containerHandlers.add(containerHandler); + + if (!scrollListeners.has(_container)) { + const listener = () => { + var _containerHandlers; + + (_containerHandlers = containerHandlers) == null ? void 0 : _containerHandlers.forEach(handler => handler.advance()); + return true; + }; + + scrollListeners.set(_container, listener); + const target = getTarget(_container); + window.addEventListener('resize', listener, { + passive: true + }); + + if (_container !== document.documentElement) { + resizeListeners.set(_container, react_spring_shared_esm_onResize(listener, { + container: _container + })); + } + + target.addEventListener('scroll', listener, { + passive: true + }); + } + + const animateScroll = scrollListeners.get(_container); + raf(animateScroll); + return () => { + raf.cancel(animateScroll); + const containerHandlers = onScrollHandlers.get(_container); + if (!containerHandlers) return; + containerHandlers.delete(containerHandler); + if (containerHandlers.size) return; + const listener = scrollListeners.get(_container); + scrollListeners.delete(_container); + + if (listener) { + var _resizeListeners$get; + + getTarget(_container).removeEventListener('scroll', listener); + window.removeEventListener('resize', listener); + (_resizeListeners$get = resizeListeners.get(_container)) == null ? void 0 : _resizeListeners$get(); + } + }; +}; + +function react_spring_shared_esm_useConstant(init) { + const ref = useRef(null); + + if (ref.current === null) { + ref.current = init(); + } + + return ref.current; +} + const react_spring_shared_esm_useIsomorphicLayoutEffect = isSSR() ? external_React_.useEffect : external_React_.useLayoutEffect; const useIsMounted = () => { @@ -16657,7 +18426,7 @@ const withAnimated = (Component, host) => { return () => { if (observerRef.current) { react_spring_shared_esm_each(observerRef.current.deps, dep => removeFluidObserver(dep, observerRef.current)); - raf.cancel(observerRef.current.update); + react_spring_rafz_esm_raf.cancel(observerRef.current.update); } }; }); @@ -16681,7 +18450,7 @@ class PropsObserver { eventObserved(event) { if (event.type == 'change') { - raf.write(this.update); + react_spring_rafz_esm_raf.write(this.update); } } @@ -16964,60 +18733,6 @@ const config = { friction: 120 } }; -const c1 = 1.70158; -const c2 = c1 * 1.525; -const c3 = c1 + 1; -const c4 = 2 * Math.PI / 3; -const c5 = 2 * Math.PI / 4.5; - -const bounceOut = x => { - const n1 = 7.5625; - const d1 = 2.75; - - if (x < 1 / d1) { - return n1 * x * x; - } else if (x < 2 / d1) { - return n1 * (x -= 1.5 / d1) * x + 0.75; - } else if (x < 2.5 / d1) { - return n1 * (x -= 2.25 / d1) * x + 0.9375; - } else { - return n1 * (x -= 2.625 / d1) * x + 0.984375; - } -}; - -const easings = { - linear: x => x, - easeInQuad: x => x * x, - easeOutQuad: x => 1 - (1 - x) * (1 - x), - easeInOutQuad: x => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2, - easeInCubic: x => x * x * x, - easeOutCubic: x => 1 - Math.pow(1 - x, 3), - easeInOutCubic: x => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2, - easeInQuart: x => x * x * x * x, - easeOutQuart: x => 1 - Math.pow(1 - x, 4), - easeInOutQuart: x => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2, - easeInQuint: x => x * x * x * x * x, - easeOutQuint: x => 1 - Math.pow(1 - x, 5), - easeInOutQuint: x => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2, - easeInSine: x => 1 - Math.cos(x * Math.PI / 2), - easeOutSine: x => Math.sin(x * Math.PI / 2), - easeInOutSine: x => -(Math.cos(Math.PI * x) - 1) / 2, - easeInExpo: x => x === 0 ? 0 : Math.pow(2, 10 * x - 10), - easeOutExpo: x => x === 1 ? 1 : 1 - Math.pow(2, -10 * x), - easeInOutExpo: x => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? Math.pow(2, 20 * x - 10) / 2 : (2 - Math.pow(2, -20 * x + 10)) / 2, - easeInCirc: x => 1 - Math.sqrt(1 - Math.pow(x, 2)), - easeOutCirc: x => Math.sqrt(1 - Math.pow(x - 1, 2)), - easeInOutCirc: x => x < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2, - easeInBack: x => c3 * x * x * x - c1 * x * x, - easeOutBack: x => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2), - easeInOutBack: x => x < 0.5 ? Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2, - easeInElastic: x => x === 0 ? 0 : x === 1 ? 1 : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4), - easeOutElastic: x => x === 0 ? 0 : x === 1 ? 1 : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1, - easeInOutElastic: x => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1, - easeInBounce: x => 1 - bounceOut(1 - x), - easeOutBounce: bounceOut, - easeInOutBounce: x => x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2 -}; const defaults = react_spring_core_esm_extends({}, config.default, { mass: 1, @@ -17153,13 +18868,13 @@ function scheduleProps(callId, { state.resumeQueue.add(onResume); state.timeouts.delete(timeout); timeout.cancel(); - delay = timeout.time - raf.now(); + delay = timeout.time - react_spring_rafz_esm_raf.now(); } function onResume() { if (delay > 0 && !globals.skipAnimation) { state.delayed = true; - timeout = raf.setTimeout(onStart, delay); + timeout = react_spring_rafz_esm_raf.setTimeout(onStart, delay); state.pauseQueue.add(onPause); state.timeouts.add(timeout); } else { @@ -17244,7 +18959,7 @@ function runAsync(to, props, state, target) { const animate = (arg1, arg2) => { const bailSignal = new BailSignal(); - const skipAnimationSignal = new SkipAniamtionSignal(); + const skipAnimationSignal = new SkipAnimationSignal(); return (async () => { if (globals.skipAnimation) { stopAsync(state); @@ -17301,7 +19016,7 @@ function runAsync(to, props, state, target) { } catch (err) { if (err instanceof BailSignal) { result = err.result; - } else if (err instanceof SkipAniamtionSignal) { + } else if (err instanceof SkipAnimationSignal) { result = err.result; } else { throw err; @@ -17315,7 +19030,7 @@ function runAsync(to, props, state, target) { } if (react_spring_shared_esm_is.fun(onRest)) { - raf.batchedUpdates(() => { + react_spring_rafz_esm_raf.batchedUpdates(() => { onRest(result, target, target.item); }); } @@ -17337,7 +19052,7 @@ class BailSignal extends Error { } } -class SkipAniamtionSignal extends Error { +class SkipAnimationSignal extends Error { constructor() { super('SkipAnimationSignal'); this.result = void 0; @@ -17634,7 +19349,7 @@ class SpringValue extends FrameValue { } set(value) { - raf.batchedUpdates(() => { + react_spring_rafz_esm_raf.batchedUpdates(() => { this._stop(); this._focus(value); @@ -17662,7 +19377,7 @@ class SpringValue extends FrameValue { to, config } = this.animation; - raf.batchedUpdates(() => { + react_spring_rafz_esm_raf.batchedUpdates(() => { this._onStart(); if (!config.decay) { @@ -17709,7 +19424,7 @@ class SpringValue extends FrameValue { this._focus(this.get()); stopAsync(this._state, cancel && this._lastCallId); - raf.batchedUpdates(() => this._stop(to, cancel)); + react_spring_rafz_esm_raf.batchedUpdates(() => this._stop(to, cancel)); return this; } @@ -17959,7 +19674,7 @@ class SpringValue extends FrameValue { this._pendingCalls.add(resolve); - if (anim.changed) raf.batchedUpdates(() => { + if (anim.changed) react_spring_rafz_esm_raf.batchedUpdates(() => { anim.changed = !reset; onRest == null ? void 0 : onRest(result, this); @@ -18046,7 +19761,7 @@ class SpringValue extends FrameValue { } if (oldNode) { - raf.batchedUpdates(() => { + react_spring_rafz_esm_raf.batchedUpdates(() => { this._onChange(value, idle); }); } @@ -18380,7 +20095,7 @@ class Controller { this._active.delete(event.parent); } else return; - raf.onFrame(this._onFrame); + react_spring_rafz_esm_raf.onFrame(this._onFrame); } } @@ -18462,8 +20177,8 @@ async function flushUpdate(ctrl, props, isLoop) { props, state, actions: { - pause: noop, - resume: noop, + pause: react_spring_shared_esm_noop, + resume: react_spring_shared_esm_noop, start(props, resolve) { if (cancel) { @@ -18497,7 +20212,7 @@ async function flushUpdate(ctrl, props, isLoop) { } if (onResolve) { - raf.batchedUpdates(() => onResolve(result, ctrl, ctrl.item)); + react_spring_rafz_esm_raf.batchedUpdates(() => onResolve(result, ctrl, ctrl.item)); } return result; @@ -18578,12 +20293,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { return target; } -const _excluded$3 = ["children"]; +const _excluded$6 = ["children"]; const SpringContext = _ref => { let { children } = _ref, - props = _objectWithoutPropertiesLoose(_ref, _excluded$3); + props = _objectWithoutPropertiesLoose(_ref, _excluded$6); const inherited = (0,external_React_.useContext)(ctx); const pause = props.pause || !!inherited.pause, @@ -18795,9 +20510,15 @@ const initSpringRef = () => SpringRef(); const useSpringRef = () => useState(initSpringRef)[0]; -function useTrail(length, propsArg, deps) { - var _passedRef; +const useSpringValue = (initial, props) => { + const springValue = useConstant(() => new SpringValue(initial, props)); + useOnce(() => () => { + springValue.stop(); + }); + return springValue; +}; +function useTrail(length, propsArg, deps) { const propsFn = is.fun(propsArg) && propsArg; if (propsFn && !deps) deps = []; let reverse = true; @@ -18808,10 +20529,20 @@ function useTrail(length, propsArg, deps) { reverse = reverse && props.reverse; return props; }, deps || [{}]); - const ref = (_passedRef = passedRef) != null ? _passedRef : result[1]; useIsomorphicLayoutEffect(() => { - each(ref.current, (ctrl, i) => { - const parent = ref.current[i + (reverse ? 1 : -1)]; + each(result[1].current, (ctrl, i) => { + const parent = result[1].current[i + (reverse ? 1 : -1)]; + replaceRef(ctrl, passedRef); + + if (ctrl.ref) { + if (parent) { + ctrl.update({ + to: parent.springs + }); + } + + return; + } if (parent) { ctrl.start({ @@ -18824,6 +20555,10 @@ function useTrail(length, propsArg, deps) { }, deps); if (propsFn || arguments.length == 3) { + var _passedRef; + + const ref = (_passedRef = passedRef) != null ? _passedRef : result[1]; + ref['_getProps'] = (propsArg, ctrl, i) => { const props = is.fun(propsArg) ? propsArg(i, ctrl) : propsArg; @@ -18837,23 +20572,6 @@ function useTrail(length, propsArg, deps) { return result; } - ref['start'] = propsArg => { - const results = []; - each(ref.current, (ctrl, i) => { - const props = is.fun(propsArg) ? propsArg(i, ctrl) : propsArg; - const parent = ref.current[i + (reverse ? 1 : -1)]; - - if (parent) { - results.push(ctrl.start(react_spring_core_esm_extends({}, props, { - to: parent.springs - }))); - } else { - results.push(ctrl.start(react_spring_core_esm_extends({}, props))); - } - }); - return results; - }; - return result[0]; } @@ -19162,6 +20880,165 @@ function getKeys(items, { return is.und(keys) ? items : is.fun(keys) ? items.map(keys) : toArray(keys); } +const _excluded$5 = (/* unused pure expression or super */ null && (["container"])); +const useScroll = (_ref = {}) => { + let { + container + } = _ref, + springOptions = _objectWithoutPropertiesLoose(_ref, _excluded$5); + + const [scrollValues, api] = useSpring(() => react_spring_core_esm_extends({ + scrollX: 0, + scrollY: 0, + scrollXProgress: 0, + scrollYProgress: 0 + }, springOptions), []); + useIsomorphicLayoutEffect(() => { + const cleanupScroll = onScroll(({ + x, + y + }) => { + api.start({ + scrollX: x.current, + scrollXProgress: x.progress, + scrollY: y.current, + scrollYProgress: y.progress + }); + }, { + container: (container == null ? void 0 : container.current) || undefined + }); + return () => { + each(Object.values(scrollValues), value => value.stop()); + cleanupScroll(); + }; + }, []); + return scrollValues; +}; + +const _excluded$4 = (/* unused pure expression or super */ null && (["container"])); +const useResize = _ref => { + let { + container + } = _ref, + springOptions = _objectWithoutPropertiesLoose(_ref, _excluded$4); + + const [sizeValues, api] = useSpring(() => react_spring_core_esm_extends({ + width: 0, + height: 0 + }, springOptions), []); + useIsomorphicLayoutEffect(() => { + const cleanupScroll = onResize(({ + width, + height + }) => { + api.start({ + width, + height, + immediate: sizeValues.width.get() === 0 || sizeValues.height.get() === 0 + }); + }, { + container: (container == null ? void 0 : container.current) || undefined + }); + return () => { + each(Object.values(sizeValues), value => value.stop()); + cleanupScroll(); + }; + }, []); + return sizeValues; +}; + +const _excluded$3 = (/* unused pure expression or super */ null && (["to", "from"])), + _excluded2 = (/* unused pure expression or super */ null && (["root", "once", "amount"])); +const defaultThresholdOptions = { + any: 0, + all: 1 +}; +function useInView(props, args) { + const [isInView, setIsInView] = useState(false); + const ref = useRef(); + const propsFn = is.fun(props) && props; + const springsProps = propsFn ? propsFn() : {}; + + const { + to = {}, + from = {} + } = springsProps, + restSpringProps = _objectWithoutPropertiesLoose(springsProps, _excluded$3); + + const intersectionArguments = propsFn ? args : props; + const [springs, api] = useSpring(() => react_spring_core_esm_extends({ + from + }, restSpringProps), []); + useIsomorphicLayoutEffect(() => { + const element = ref.current; + + const _ref = intersectionArguments != null ? intersectionArguments : {}, + { + root, + once, + amount = 'any' + } = _ref, + restArgs = _objectWithoutPropertiesLoose(_ref, _excluded2); + + if (!element || once && isInView || typeof IntersectionObserver === 'undefined') return; + const activeIntersections = new WeakMap(); + + const onEnter = () => { + if (to) { + api.start(to); + } + + setIsInView(true); + + const cleanup = () => { + if (from) { + api.start(from); + } + + setIsInView(false); + }; + + return once ? undefined : cleanup; + }; + + const handleIntersection = entries => { + entries.forEach(entry => { + const onLeave = activeIntersections.get(entry.target); + + if (entry.isIntersecting === Boolean(onLeave)) { + return; + } + + if (entry.isIntersecting) { + const newOnLeave = onEnter(); + + if (is.fun(newOnLeave)) { + activeIntersections.set(entry.target, newOnLeave); + } else { + observer.unobserve(entry.target); + } + } else if (onLeave) { + onLeave(); + activeIntersections.delete(entry.target); + } + }); + }; + + const observer = new IntersectionObserver(handleIntersection, react_spring_core_esm_extends({ + root: root && root.current || undefined, + threshold: typeof amount === 'number' || Array.isArray(amount) ? amount : defaultThresholdOptions[amount] + }, restArgs)); + observer.observe(element); + return () => observer.unobserve(element); + }, [intersectionArguments]); + + if (propsFn) { + return [ref, springs]; + } + + return [ref, isInView]; +} + const _excluded$2 = (/* unused pure expression or super */ null && (["children"])); function Spring(_ref) { let { @@ -19243,7 +21120,7 @@ class Interpolation extends FrameValue { }); if (globals.skipAnimation) { - raf.batchedUpdates(() => this.advance()); + react_spring_rafz_esm_raf.batchedUpdates(() => this.advance()); becomeIdle(this); } else { frameLoop.start(this); @@ -19357,7 +21234,7 @@ function react_spring_web_esm_objectWithoutPropertiesLoose(source, excluded) { return target; } -const react_spring_web_esm_excluded$2 = ["style", "children", "scrollTop", "scrollLeft"]; +const react_spring_web_esm_excluded$2 = ["style", "children", "scrollTop", "scrollLeft", "viewBox"]; const isCustomPropRE = /^--/; function dangerousStyleValue(name, value) { @@ -19379,7 +21256,8 @@ function applyAnimatedValues(instance, props) { style, children, scrollTop, - scrollLeft + scrollLeft, + viewBox } = _ref, attributes = react_spring_web_esm_objectWithoutPropertiesLoose(_ref, react_spring_web_esm_excluded$2); @@ -19413,6 +21291,10 @@ function applyAnimatedValues(instance, props) { if (scrollLeft !== void 0) { instance.scrollLeft = scrollLeft; } + + if (viewBox !== void 0) { + instance.setAttribute('viewBox', viewBox); + } } let isUnitlessNumber = { animationIterationCount: true, @@ -20364,7 +22246,7 @@ function useNavModeExit(clientId) { function useIntersectionObserver() { - const observer = (0,external_wp_element_namespaceObject.useContext)(IntersectionObserver); + const observer = (0,external_wp_element_namespaceObject.useContext)(block_list_IntersectionObserver); return (0,external_wp_compose_namespaceObject.useRefEffect)(node => { if (observer) { observer.observe(node); @@ -20474,6 +22356,7 @@ function useBlockProps() { enableAnimation } = (0,external_wp_data_namespaceObject.useSelect)(select => { const { + getBlockAttributes, getBlockIndex, getBlockMode, getBlockName, @@ -20484,16 +22367,21 @@ function useBlockProps() { isAncestorMultiSelected, isFirstMultiSelectedBlock } = select(store); + const { + getActiveBlockVariation + } = select(external_wp_blocks_namespaceObject.store); const isSelected = isBlockSelected(clientId); const isPartOfMultiSelection = isBlockMultiSelected(clientId) || isAncestorMultiSelected(clientId); const blockName = getBlockName(clientId); const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockName); + const attributes = getBlockAttributes(clientId); + const match = getActiveBlockVariation(blockName, attributes); return { index: getBlockIndex(clientId), mode: getBlockMode(clientId), name: blockName, blockApiVersion: (blockType === null || blockType === void 0 ? void 0 : blockType.apiVersion) || 1, - blockTitle: blockType === null || blockType === void 0 ? void 0 : blockType.title, + blockTitle: (match === null || match === void 0 ? void 0 : match.title) || (blockType === null || blockType === void 0 ? void 0 : blockType.title), isPartOfSelection: isSelected || isPartOfMultiSelection, adjustScrolling: isSelected || isFirstMultiSelectedBlock(clientId), enableAnimation: !isTyping() && getGlobalBlockCount() <= BLOCK_ANIMATION_THRESHOLD @@ -20546,6 +22434,1318 @@ function useBlockProps() { useBlockProps.save = external_wp_blocks_namespaceObject.__unstableGetBlockProps; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-left.js + + +/** + * WordPress dependencies + */ + +const justifyLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M9 9v6h11V9H9zM4 20h1.5V4H4v16z" +})); +/* harmony default export */ var justify_left = (justifyLeft); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-center.js + + +/** + * WordPress dependencies + */ + +const justifyCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M20 9h-7.2V4h-1.6v5H4v6h7.2v5h1.6v-5H20z" +})); +/* harmony default export */ var justify_center = (justifyCenter); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-right.js + + +/** + * WordPress dependencies + */ + +const justifyRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z" +})); +/* harmony default export */ var justify_right = (justifyRight); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-space-between.js + + +/** + * WordPress dependencies + */ + +const justifySpaceBetween = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z" +})); +/* harmony default export */ var justify_space_between = (justifySpaceBetween); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/justify-stretch.js + + +/** + * WordPress dependencies + */ + +const justifyStretch = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M4 4H5.5V20H4V4ZM7 10L17 10V14L7 14V10ZM20 4H18.5V20H20V4Z" +})); +/* harmony default export */ var justify_stretch = (justifyStretch); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/arrow-right.js + + +/** + * WordPress dependencies + */ + +const arrowRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" +})); +/* harmony default export */ var arrow_right = (arrowRight); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/arrow-down.js + + +/** + * WordPress dependencies + */ + +const arrowDown = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z" +})); +/* harmony default export */ var arrow_down = (arrowDown); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/utils.js +/** + * WordPress dependencies + */ + +/** + * Utility to generate the proper CSS selector for layout styles. + * + * @param {string} selectors CSS selector, also supports multiple comma-separated selectors. + * @param {string} append The string to append. + * + * @return {string} - CSS selector. + */ + +function appendSelectors(selectors) { + let append = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; + // Ideally we shouldn't need the `.editor-styles-wrapper` increased specificity here + // The problem though is that we have a `.editor-styles-wrapper p { margin: reset; }` style + // it's used to reset the default margin added by wp-admin to paragraphs + // so we need this to be higher speficity otherwise, it won't be applied to paragraphs inside containers + // When the post editor is fully iframed, this extra classname could be removed. + return selectors.split(',').map(subselector => `.editor-styles-wrapper ${subselector}${append ? ` ${append}` : ''}`).join(','); +} +/** + * Get generated blockGap CSS rules based on layout definitions provided in theme.json + * Falsy values in the layout definition's spacingStyles rules will be swapped out + * with the provided `blockGapValue`. + * + * @param {string} selector The CSS selector to target for the generated rules. + * @param {Object} layoutDefinitions Layout definitions object from theme.json. + * @param {string} layoutType The layout type (e.g. `default` or `flex`). + * @param {string} blockGapValue The current blockGap value to be applied. + * @return {string} The generated CSS rules. + */ + +function getBlockGapCSS(selector, layoutDefinitions, layoutType, blockGapValue) { + var _layoutDefinitions$la, _layoutDefinitions$la2; + + let output = ''; + + if (layoutDefinitions !== null && layoutDefinitions !== void 0 && (_layoutDefinitions$la = layoutDefinitions[layoutType]) !== null && _layoutDefinitions$la !== void 0 && (_layoutDefinitions$la2 = _layoutDefinitions$la.spacingStyles) !== null && _layoutDefinitions$la2 !== void 0 && _layoutDefinitions$la2.length && blockGapValue) { + layoutDefinitions[layoutType].spacingStyles.forEach(gapStyle => { + output += `${appendSelectors(selector, gapStyle.selector.trim())} { `; + output += Object.entries(gapStyle.rules).map(_ref => { + let [cssProperty, value] = _ref; + return `${cssProperty}: ${value ? value : blockGapValue}`; + }).join('; '); + output += '; }'; + }); + } + + return output; +} +/** + * Helper method to assign contextual info to clarify + * alignment settings. + * + * Besides checking if `contentSize` and `wideSize` have a + * value, we now show this information only if their values + * are not a `css var`. This needs to change when parsing + * css variables land. + * + * @see https://github.com/WordPress/gutenberg/pull/34710#issuecomment-918000752 + * + * @param {Object} layout The layout object. + * @return {Object} An object with contextual info per alignment. + */ + +function getAlignmentsInfo(layout) { + const { + contentSize, + wideSize + } = layout; + const alignmentInfo = {}; + const sizeRegex = /^(?!0)\d+(px|em|rem|vw|vh|%)?$/i; + + if (sizeRegex.test(contentSize)) { + // translators: %s: container size (i.e. 600px etc) + alignmentInfo.none = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Max %s wide'), contentSize); + } + + if (sizeRegex.test(wideSize)) { + // translators: %s: container size (i.e. 600px etc) + alignmentInfo.wide = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Max %s wide'), wideSize); + } + + return alignmentInfo; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-control/icons.js + + +/** + * WordPress dependencies + */ + +const alignBottom = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { + d: "M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z" +})); +const alignCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { + d: "M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z" +})); +const alignTop = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { + d: "M9 20h6V9H9v11zM4 4v1.5h16V4H4z" +})); +const alignStretch = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { + d: "M4 4L20 4L20 5.5L4 5.5L4 4ZM10 7L14 7L14 17L10 17L10 7ZM20 18.5L4 18.5L4 20L20 20L20 18.5Z" +})); +const spaceBetween = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { + d: "M7 4H17V8L7 8V4ZM7 16L17 16V20L7 20V16ZM20 11.25H4V12.75H20V11.25Z" +})); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-control/ui.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +const BLOCK_ALIGNMENTS_CONTROLS = { + top: { + icon: alignTop, + title: (0,external_wp_i18n_namespaceObject._x)('Align top', 'Block vertical alignment setting') + }, + center: { + icon: alignCenter, + title: (0,external_wp_i18n_namespaceObject._x)('Align middle', 'Block vertical alignment setting') + }, + bottom: { + icon: alignBottom, + title: (0,external_wp_i18n_namespaceObject._x)('Align bottom', 'Block vertical alignment setting') + }, + stretch: { + icon: alignStretch, + title: (0,external_wp_i18n_namespaceObject._x)('Stretch to fill', 'Block vertical alignment setting') + }, + 'space-between': { + icon: spaceBetween, + title: (0,external_wp_i18n_namespaceObject._x)('Space between', 'Block vertical alignment setting') + } +}; +const DEFAULT_CONTROLS = ['top', 'center', 'bottom']; +const DEFAULT_CONTROL = 'top'; + +function BlockVerticalAlignmentUI(_ref) { + let { + value, + onChange, + controls = DEFAULT_CONTROLS, + isCollapsed = true, + isToolbar + } = _ref; + + function applyOrUnset(align) { + return () => onChange(value === align ? undefined : align); + } + + const activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[value]; + const defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL]; + const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; + const extraProps = isToolbar ? { + isCollapsed + } : { + popoverProps: { + variant: 'toolbar' + } + }; + return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({ + icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon, + label: (0,external_wp_i18n_namespaceObject._x)('Change vertical alignment', 'Block vertical alignment setting label'), + controls: controls.map(control => { + return { ...BLOCK_ALIGNMENTS_CONTROLS[control], + isActive: value === control, + role: isCollapsed ? 'menuitemradio' : undefined, + onClick: applyOrUnset(control) + }; + }) + }, extraProps)); +} +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md + */ + + +/* harmony default export */ var ui = (BlockVerticalAlignmentUI); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-control/index.js + + + +/** + * Internal dependencies + */ + + +const BlockVerticalAlignmentControl = props => { + return (0,external_wp_element_namespaceObject.createElement)(ui, _extends({}, props, { + isToolbar: false + })); +}; + +const BlockVerticalAlignmentToolbar = props => { + return (0,external_wp_element_namespaceObject.createElement)(ui, _extends({}, props, { + isToolbar: true + })); +}; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-control/README.md + */ + + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/justify-content-control/ui.js + + + +/** + * WordPress dependencies + */ + + + +const icons = { + left: justify_left, + center: justify_center, + right: justify_right, + 'space-between': justify_space_between, + stretch: justify_stretch +}; + +function JustifyContentUI(_ref) { + let { + allowedControls = ['left', 'center', 'right', 'space-between'], + isCollapsed = true, + onChange, + value, + popoverProps, + isToolbar + } = _ref; + + // If the control is already selected we want a click + // again on the control to deselect the item, so we + // call onChange( undefined ) + const handleClick = next => { + if (next === value) { + onChange(undefined); + } else { + onChange(next); + } + }; + + const icon = value ? icons[value] : icons.left; + const allControls = [{ + name: 'left', + icon: justify_left, + title: (0,external_wp_i18n_namespaceObject.__)('Justify items left'), + isActive: 'left' === value, + onClick: () => handleClick('left') + }, { + name: 'center', + icon: justify_center, + title: (0,external_wp_i18n_namespaceObject.__)('Justify items center'), + isActive: 'center' === value, + onClick: () => handleClick('center') + }, { + name: 'right', + icon: justify_right, + title: (0,external_wp_i18n_namespaceObject.__)('Justify items right'), + isActive: 'right' === value, + onClick: () => handleClick('right') + }, { + name: 'space-between', + icon: justify_space_between, + title: (0,external_wp_i18n_namespaceObject.__)('Space between items'), + isActive: 'space-between' === value, + onClick: () => handleClick('space-between') + }, { + name: 'stretch', + icon: justify_stretch, + title: (0,external_wp_i18n_namespaceObject.__)('Stretch items'), + isActive: 'stretch' === value, + onClick: () => handleClick('stretch') + }]; + const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; + const extraProps = isToolbar ? { + isCollapsed + } : {}; + return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({ + icon: icon, + popoverProps: popoverProps, + label: (0,external_wp_i18n_namespaceObject.__)('Change items justification'), + controls: allControls.filter(elem => allowedControls.includes(elem.name)) + }, extraProps)); +} + +/* harmony default export */ var justify_content_control_ui = (JustifyContentUI); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/justify-content-control/index.js + + + +/** + * Internal dependencies + */ + + +const JustifyContentControl = props => { + return (0,external_wp_element_namespaceObject.createElement)(justify_content_control_ui, _extends({}, props, { + isToolbar: false + })); +}; + +const JustifyToolbar = props => { + return (0,external_wp_element_namespaceObject.createElement)(justify_content_control_ui, _extends({}, props, { + isToolbar: true + })); +}; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md + */ + + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/flex.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + // Used with the default, horizontal flex orientation. + +const justifyContentMap = { + left: 'flex-start', + right: 'flex-end', + center: 'center', + 'space-between': 'space-between' +}; // Used with the vertical (column) flex orientation. + +const alignItemsMap = { + left: 'flex-start', + right: 'flex-end', + center: 'center', + stretch: 'stretch' +}; +const verticalAlignmentMap = { + top: 'flex-start', + center: 'center', + bottom: 'flex-end', + stretch: 'stretch', + 'space-between': 'space-between' +}; +const flexWrapOptions = ['wrap', 'nowrap']; +/* harmony default export */ var flex = ({ + name: 'flex', + label: (0,external_wp_i18n_namespaceObject.__)('Flex'), + inspectorControls: function FlexLayoutInspectorControls(_ref) { + let { + layout = {}, + onChange, + layoutBlockSupport = {} + } = _ref; + const { + allowOrientation = true + } = layoutBlockSupport; + 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, { + layout: layout, + onChange: onChange + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, allowOrientation && (0,external_wp_element_namespaceObject.createElement)(OrientationControl, { + layout: layout, + onChange: onChange + }))), (0,external_wp_element_namespaceObject.createElement)(FlexWrapControl, { + layout: layout, + onChange: onChange + })); + }, + toolBarControls: function FlexLayoutToolbarControls(_ref2) { + let { + layout = {}, + onChange, + layoutBlockSupport + } = _ref2; + + if (layoutBlockSupport !== null && layoutBlockSupport !== void 0 && layoutBlockSupport.allowSwitching) { + return null; + } + + const { + allowVerticalAlignment = true + } = layoutBlockSupport; + return (0,external_wp_element_namespaceObject.createElement)(block_controls, { + group: "block", + __experimentalShareWithChildBlocks: true + }, (0,external_wp_element_namespaceObject.createElement)(FlexLayoutJustifyContentControl, { + layout: layout, + onChange: onChange, + isToolbar: true + }), allowVerticalAlignment && (0,external_wp_element_namespaceObject.createElement)(FlexLayoutVerticalAlignmentControl, { + layout: layout, + onChange: onChange, + isToolbar: true + })); + }, + getLayoutStyle: function getLayoutStyle(_ref3) { + var _style$spacing, _style$spacing2; + + let { + selector, + layout, + style, + blockName, + hasBlockGapSupport, + layoutDefinitions + } = _ref3; + const { + orientation = 'horizontal' + } = layout; // If a block's block.json skips serialization for spacing or spacing.blockGap, + // don't apply the user-defined value to the styles. + + const blockGapValue = style !== null && style !== void 0 && (_style$spacing = style.spacing) !== null && _style$spacing !== void 0 && _style$spacing.blockGap && !shouldSkipSerialization(blockName, 'spacing', 'blockGap') ? getGapCSSValue(style === null || style === void 0 ? void 0 : (_style$spacing2 = style.spacing) === null || _style$spacing2 === void 0 ? void 0 : _style$spacing2.blockGap, '0.5em') : undefined; + const justifyContent = justifyContentMap[layout.justifyContent]; + const flexWrap = flexWrapOptions.includes(layout.flexWrap) ? layout.flexWrap : 'wrap'; + const verticalAlignment = verticalAlignmentMap[layout.verticalAlignment]; + const alignItems = alignItemsMap[layout.justifyContent] || alignItemsMap.left; + let output = ''; + const rules = []; + + if (flexWrap && flexWrap !== 'wrap') { + rules.push(`flex-wrap: ${flexWrap}`); + } + + if (orientation === 'horizontal') { + if (verticalAlignment) { + rules.push(`align-items: ${verticalAlignment}`); + } + + if (justifyContent) { + rules.push(`justify-content: ${justifyContent}`); + } + } else { + if (verticalAlignment) { + rules.push(`justify-content: ${verticalAlignment}`); + } + + rules.push('flex-direction: column'); + rules.push(`align-items: ${alignItems}`); + } + + if (rules.length) { + output = `${appendSelectors(selector)} { + ${rules.join('; ')}; + }`; + } // Output blockGap styles based on rules contained in layout definitions in theme.json. + + + if (hasBlockGapSupport && blockGapValue) { + output += getBlockGapCSS(selector, layoutDefinitions, 'flex', blockGapValue); + } + + return output; + }, + + getOrientation(layout) { + const { + orientation = 'horizontal' + } = layout; + return orientation; + }, + + getAlignments() { + return []; + } + +}); + +function FlexLayoutVerticalAlignmentControl(_ref4) { + let { + layout, + onChange, + isToolbar = false + } = _ref4; + const { + orientation = 'horizontal' + } = layout; + const defaultVerticalAlignment = orientation === 'horizontal' ? verticalAlignmentMap.center : verticalAlignmentMap.top; + const { + verticalAlignment = defaultVerticalAlignment + } = layout; + + const onVerticalAlignmentChange = value => { + onChange({ ...layout, + verticalAlignment: value + }); + }; + + if (isToolbar) { + return (0,external_wp_element_namespaceObject.createElement)(BlockVerticalAlignmentControl, { + onChange: onVerticalAlignmentChange, + value: verticalAlignment, + controls: orientation === 'horizontal' ? ['top', 'center', 'bottom', 'stretch'] : ['top', 'center', 'bottom', 'space-between'] + }); + } + + const verticalAlignmentOptions = [{ + value: 'flex-start', + label: (0,external_wp_i18n_namespaceObject.__)('Align items top') + }, { + value: 'center', + label: (0,external_wp_i18n_namespaceObject.__)('Align items center') + }, { + value: 'flex-end', + label: (0,external_wp_i18n_namespaceObject.__)('Align items bottom') + }]; + return (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: "block-editor-hooks__flex-layout-vertical-alignment-control" + }, (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_i18n_namespaceObject.__)('Vertical alignment')), (0,external_wp_element_namespaceObject.createElement)("div", null, verticalAlignmentOptions.map((value, icon, label) => { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + key: value, + label: label, + icon: icon, + isPressed: verticalAlignment === value, + onClick: () => onVerticalAlignmentChange(value) + }); + }))); +} + +function FlexLayoutJustifyContentControl(_ref5) { + let { + layout, + onChange, + isToolbar = false + } = _ref5; + const { + justifyContent = 'left', + orientation = 'horizontal' + } = layout; + + const onJustificationChange = value => { + onChange({ ...layout, + justifyContent: value + }); + }; + + const allowedControls = ['left', 'center', 'right']; + + if (orientation === 'horizontal') { + allowedControls.push('space-between'); + } else { + allowedControls.push('stretch'); + } + + if (isToolbar) { + return (0,external_wp_element_namespaceObject.createElement)(JustifyContentControl, { + allowedControls: allowedControls, + value: justifyContent, + onChange: onJustificationChange, + popoverProps: { + position: 'bottom right', + variant: 'toolbar' + } + }); + } + + const justificationOptions = [{ + value: 'left', + icon: justify_left, + label: (0,external_wp_i18n_namespaceObject.__)('Justify items left') + }, { + value: 'center', + icon: justify_center, + label: (0,external_wp_i18n_namespaceObject.__)('Justify items center') + }, { + value: 'right', + icon: justify_right, + label: (0,external_wp_i18n_namespaceObject.__)('Justify items right') + }]; + + if (orientation === 'horizontal') { + justificationOptions.push({ + value: 'space-between', + icon: justify_space_between, + label: (0,external_wp_i18n_namespaceObject.__)('Space between items') + }); + } else { + justificationOptions.push({ + value: 'stretch', + icon: justify_stretch, + label: (0,external_wp_i18n_namespaceObject.__)('Stretch items') + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Justification'), + value: justifyContent, + onChange: onJustificationChange, + className: "block-editor-hooks__flex-layout-justification-controls" + }, justificationOptions.map(_ref6 => { + let { + value, + icon, + label + } = _ref6; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOptionIcon, { + key: value, + value: value, + icon: icon, + label: label + }); + })); +} + +function FlexWrapControl(_ref7) { + let { + layout, + onChange + } = _ref7; + const { + flexWrap = 'wrap' + } = layout; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { + label: (0,external_wp_i18n_namespaceObject.__)('Allow to wrap to multiple lines'), + onChange: value => { + onChange({ ...layout, + flexWrap: value ? 'wrap' : 'nowrap' + }); + }, + checked: flexWrap === 'wrap' + }); +} + +function OrientationControl(_ref8) { + let { + layout, + onChange + } = _ref8; + const { + orientation = 'horizontal', + verticalAlignment, + justifyContent + } = layout; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, { + __nextHasNoMarginBottom: true, + className: "block-editor-hooks__flex-layout-orientation-controls", + label: (0,external_wp_i18n_namespaceObject.__)('Orientation'), + value: orientation, + onChange: value => { + // Make sure the vertical alignment and justification are compatible with the new orientation. + let newVerticalAlignment = verticalAlignment; + let newJustification = justifyContent; + + if (value === 'horizontal') { + if (verticalAlignment === 'space-between') { + newVerticalAlignment = 'center'; + } + + if (justifyContent === 'stretch') { + newJustification = 'left'; + } + } else { + if (verticalAlignment === 'stretch') { + newVerticalAlignment = 'top'; + } + + if (justifyContent === 'space-between') { + newJustification = 'left'; + } + } + + return onChange({ ...layout, + orientation: value, + verticalAlignment: newVerticalAlignment, + justifyContent: newJustification + }); + } + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOptionIcon, { + icon: arrow_right, + value: 'horizontal', + label: (0,external_wp_i18n_namespaceObject.__)('Horizontal') + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOptionIcon, { + icon: arrow_down, + value: 'vertical', + label: (0,external_wp_i18n_namespaceObject.__)('Vertical') + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/flow.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +/* harmony default export */ var flow = ({ + name: 'default', + label: (0,external_wp_i18n_namespaceObject.__)('Flow'), + inspectorControls: function DefaultLayoutInspectorControls() { + return null; + }, + toolBarControls: function DefaultLayoutToolbarControls() { + return null; + }, + getLayoutStyle: function getLayoutStyle(_ref) { + var _style$spacing; + + let { + selector, + style, + blockName, + hasBlockGapSupport, + layoutDefinitions + } = _ref; + const blockGapStyleValue = getGapCSSValue(style === null || style === void 0 ? void 0 : (_style$spacing = style.spacing) === null || _style$spacing === void 0 ? void 0 : _style$spacing.blockGap); // If a block's block.json skips serialization for spacing or + // spacing.blockGap, don't apply the user-defined value to the styles. + + let blockGapValue = ''; + + if (!shouldSkipSerialization(blockName, 'spacing', 'blockGap')) { + // If an object is provided only use the 'top' value for this kind of gap. + if (blockGapStyleValue !== null && blockGapStyleValue !== void 0 && blockGapStyleValue.top) { + blockGapValue = getGapCSSValue(blockGapStyleValue === null || blockGapStyleValue === void 0 ? void 0 : blockGapStyleValue.top); + } else if (typeof blockGapStyleValue === 'string') { + blockGapValue = getGapCSSValue(blockGapStyleValue); + } + } + + let output = ''; // Output blockGap styles based on rules contained in layout definitions in theme.json. + + if (hasBlockGapSupport && blockGapValue) { + output += getBlockGapCSS(selector, layoutDefinitions, 'default', blockGapValue); + } + + return output; + }, + + getOrientation() { + return 'vertical'; + }, + + getAlignments(layout) { + const alignmentInfo = getAlignmentsInfo(layout); + + if (layout.alignments !== undefined) { + if (!layout.alignments.includes('none')) { + layout.alignments.unshift('none'); + } + + return layout.alignments.map(alignment => ({ + name: alignment, + info: alignmentInfo[alignment] + })); + } + + const alignments = [{ + name: 'left' + }, { + name: 'center' + }, { + name: 'right' + }]; + alignments.unshift({ + name: 'none', + info: alignmentInfo.none + }); + return alignments; + } + +}); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js +/** + * WordPress dependencies + */ + +/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */ + +/** + * Return an SVG icon. + * + * @param {IconProps} props icon is the SVG component to render + * size is a number specifiying the icon size in pixels + * Other props will be passed to wrapped SVG component + * + * @return {JSX.Element} Icon component + */ + +function Icon(_ref) { + let { + icon, + size = 24, + ...props + } = _ref; + return (0,external_wp_element_namespaceObject.cloneElement)(icon, { + width: size, + height: size, + ...props + }); +} + +/* harmony default export */ var build_module_icon = (Icon); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-center.js + + +/** + * WordPress dependencies + */ + +const positionCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M7 9v6h10V9H7zM5 19.8h14v-1.5H5v1.5zM5 4.3v1.5h14V4.3H5z" +})); +/* harmony default export */ var position_center = (positionCenter); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stretch-wide.js + + +/** + * WordPress dependencies + */ + +const stretchWide = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z" +})); +/* harmony default export */ var stretch_wide = (stretchWide); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/constrained.js + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + + +/* harmony default export */ var constrained = ({ + name: 'constrained', + label: (0,external_wp_i18n_namespaceObject.__)('Constrained'), + inspectorControls: function DefaultLayoutInspectorControls(_ref) { + let { + layout, + onChange + } = _ref; + const { + wideSize, + contentSize, + justifyContent = 'center' + } = layout; + + const onJustificationChange = value => { + onChange({ ...layout, + justifyContent: value + }); + }; + + const justificationOptions = [{ + value: 'left', + icon: justify_left, + label: (0,external_wp_i18n_namespaceObject.__)('Justify items left') + }, { + value: 'center', + icon: justify_center, + label: (0,external_wp_i18n_namespaceObject.__)('Justify items center') + }, { + value: 'right', + icon: justify_right, + label: (0,external_wp_i18n_namespaceObject.__)('Justify items right') + }]; + const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ + availableUnits: useSetting('spacing.units') || ['%', 'px', 'em', 'rem', 'vw'] + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-hooks__layout-controls" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-hooks__layout-controls-unit" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, { + className: "block-editor-hooks__layout-controls-unit-input", + label: (0,external_wp_i18n_namespaceObject.__)('Content'), + labelPosition: "top", + __unstableInputWidth: "80px", + value: contentSize || wideSize || '', + onChange: nextWidth => { + nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth; + onChange({ ...layout, + contentSize: nextWidth + }); + }, + units: units + }), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: position_center + })), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-hooks__layout-controls-unit" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, { + className: "block-editor-hooks__layout-controls-unit-input", + label: (0,external_wp_i18n_namespaceObject.__)('Wide'), + labelPosition: "top", + __unstableInputWidth: "80px", + value: wideSize || contentSize || '', + onChange: nextWidth => { + nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth; + onChange({ ...layout, + wideSize: nextWidth + }); + }, + units: units + }), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: stretch_wide + }))), (0,external_wp_element_namespaceObject.createElement)("p", { + className: "block-editor-hooks__layout-controls-helptext" + }, (0,external_wp_i18n_namespaceObject.__)('Customize the width for all elements that are assigned to the center or wide columns.')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Justification'), + value: justifyContent, + onChange: onJustificationChange + }, justificationOptions.map(_ref2 => { + let { + value, + icon, + label + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOptionIcon, { + key: value, + value: value, + icon: icon, + label: label + }); + }))); + }, + toolBarControls: function DefaultLayoutToolbarControls() { + return null; + }, + getLayoutStyle: function getLayoutStyle(_ref3) { + var _style$spacing, _style$spacing2; + + let { + selector, + layout = {}, + style, + blockName, + hasBlockGapSupport, + layoutDefinitions + } = _ref3; + const { + contentSize, + wideSize, + justifyContent + } = layout; + const blockGapStyleValue = getGapCSSValue(style === null || style === void 0 ? void 0 : (_style$spacing = style.spacing) === null || _style$spacing === void 0 ? void 0 : _style$spacing.blockGap); // If a block's block.json skips serialization for spacing or + // spacing.blockGap, don't apply the user-defined value to the styles. + + let blockGapValue = ''; + + if (!shouldSkipSerialization(blockName, 'spacing', 'blockGap')) { + // If an object is provided only use the 'top' value for this kind of gap. + if (blockGapStyleValue !== null && blockGapStyleValue !== void 0 && blockGapStyleValue.top) { + blockGapValue = getGapCSSValue(blockGapStyleValue === null || blockGapStyleValue === void 0 ? void 0 : blockGapStyleValue.top); + } else if (typeof blockGapStyleValue === 'string') { + blockGapValue = getGapCSSValue(blockGapStyleValue); + } + } + + const marginLeft = justifyContent === 'left' ? '0 !important' : 'auto !important'; + const marginRight = justifyContent === 'right' ? '0 !important' : 'auto !important'; + let output = !!contentSize || !!wideSize ? ` + ${appendSelectors(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')} { + max-width: ${contentSize !== null && contentSize !== void 0 ? contentSize : wideSize}; + margin-left: ${marginLeft}; + margin-right: ${marginRight}; + } + ${appendSelectors(selector, '> .alignwide')} { + max-width: ${wideSize !== null && wideSize !== void 0 ? wideSize : contentSize}; + } + ${appendSelectors(selector, '> .alignfull')} { + max-width: none; + } + ` : ''; + + if (justifyContent === 'left') { + output += `${appendSelectors(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')} + { margin-left: ${marginLeft}; }`; + } else if (justifyContent === 'right') { + output += `${appendSelectors(selector, '> :where(:not(.alignleft):not(.alignright):not(.alignfull))')} + { margin-right: ${marginRight}; }`; + } // If there is custom padding, add negative margins for alignfull blocks. + + + if (style !== null && style !== void 0 && (_style$spacing2 = style.spacing) !== null && _style$spacing2 !== void 0 && _style$spacing2.padding) { + // The style object might be storing a preset so we need to make sure we get a usable value. + const paddingValues = (0,external_wp_styleEngine_namespaceObject.getCSSRules)(style); + paddingValues.forEach(rule => { + if (rule.key === 'paddingRight') { + output += ` + ${appendSelectors(selector, '> .alignfull')} { + margin-right: calc(${rule.value} * -1); + } + `; + } else if (rule.key === 'paddingLeft') { + output += ` + ${appendSelectors(selector, '> .alignfull')} { + margin-left: calc(${rule.value} * -1); + } + `; + } + }); + } // Output blockGap styles based on rules contained in layout definitions in theme.json. + + + if (hasBlockGapSupport && blockGapValue) { + output += getBlockGapCSS(selector, layoutDefinitions, 'constrained', blockGapValue); + } + + return output; + }, + + getOrientation() { + return 'vertical'; + }, + + getAlignments(layout) { + const alignmentInfo = getAlignmentsInfo(layout); + + if (layout.alignments !== undefined) { + if (!layout.alignments.includes('none')) { + layout.alignments.unshift('none'); + } + + return layout.alignments.map(alignment => ({ + name: alignment, + info: alignmentInfo[alignment] + })); + } + + const { + contentSize, + wideSize + } = layout; + const alignments = [{ + name: 'left' + }, { + name: 'center' + }, { + name: 'right' + }]; + + if (contentSize) { + alignments.unshift({ + name: 'full' + }); + } + + if (wideSize) { + alignments.unshift({ + name: 'wide', + info: alignmentInfo.wide + }); + } + + alignments.unshift({ + name: 'none', + info: alignmentInfo.none + }); + return alignments; + } + +}); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/layouts/index.js +/** + * Internal dependencies + */ + + + +const layoutTypes = [flow, flex, constrained]; +/** + * Retrieves a layout type by name. + * + * @param {string} name - The name of the layout type. + * @return {Object} Layout type. + */ + +function getLayoutType() { + let name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default'; + return layoutTypes.find(layoutType => layoutType.name === name); +} +/** + * Retrieves the available layout types. + * + * @return {Array} Layout types. + */ + +function getLayoutTypes() { + return layoutTypes; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/layout.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + +const defaultLayout = { + type: 'default' +}; +const Layout = (0,external_wp_element_namespaceObject.createContext)(defaultLayout); +/** + * Allows to define the layout. + */ + +const LayoutProvider = Layout.Provider; +/** + * React hook used to retrieve the layout config. + */ + +function useLayout() { + return (0,external_wp_element_namespaceObject.useContext)(Layout); +} +function LayoutStyle(_ref) { + let { + layout = {}, + css, + ...props + } = _ref; + const layoutType = getLayoutType(layout.type); + const blockGapSupport = useSetting('spacing.blockGap'); + const hasBlockGapSupport = blockGapSupport !== null; + + if (layoutType) { + var _layoutType$getLayout; + + if (css) { + return (0,external_wp_element_namespaceObject.createElement)("style", null, css); + } + + const layoutStyle = (_layoutType$getLayout = layoutType.getLayoutStyle) === null || _layoutType$getLayout === void 0 ? void 0 : _layoutType$getLayout.call(layoutType, { + hasBlockGapSupport, + layout, + ...props + }); + + if (layoutStyle) { + return (0,external_wp_element_namespaceObject.createElement)("style", null, layoutStyle); + } + } + + return null; +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block.js @@ -20574,6 +23774,7 @@ useBlockProps.save = external_wp_blocks_namespaceObject.__unstableGetBlockProps; + const BlockListBlockContext = (0,external_wp_element_namespaceObject.createContext)(); /** * Merges wrapper props with special handling for classNames and styles. @@ -20627,6 +23828,7 @@ function BlockListBlock(_ref2) { isSelected, isSelectionEnabled, className, + __unstableLayoutClassNames: layoutClassNames, name, isValid, attributes, @@ -20664,7 +23866,8 @@ function BlockListBlock(_ref2) { const { removeBlock } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const onRemove = (0,external_wp_element_namespaceObject.useCallback)(() => removeBlock(clientId), [clientId]); // We wrap the BlockEdit component in a div that hides it when editing in + const onRemove = (0,external_wp_element_namespaceObject.useCallback)(() => removeBlock(clientId), [clientId]); + const parentLayout = useLayout() || {}; // We wrap the BlockEdit component in a div that hides it when editing in // HTML mode. This allows us to render all of the ancillary pieces // (InspectorControls, etc.) which are inside `BlockEdit` but not // `BlockHTML`, even in HTML mode. @@ -20680,7 +23883,9 @@ function BlockListBlock(_ref2) { mergeBlocks: canRemove ? onMerge : undefined, clientId: clientId, isSelectionEnabled: isSelectionEnabled, - toggleSelection: toggleSelection + toggleSelection: toggleSelection, + __unstableLayoutClassNames: layoutClassNames, + __unstableParentLayout: Object.keys(parentLayout).length ? parentLayout : undefined }); const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(name); @@ -20820,8 +24025,7 @@ const applyWithDispatch = (0,external_wp_data_namespaceObject.withDispatch)((dis toggleSelection, __unstableMarkLastChangeAsPersistent, moveBlocksToPosition, - removeBlock, - selectBlock + removeBlock } = dispatch(store); // Do not add new properties here, use `useDispatch` instead to avoid // leaking new props to the public API (editor.BlockListBlock filter). @@ -20868,10 +24072,51 @@ const applyWithDispatch = (0,external_wp_data_namespaceObject.withDispatch)((dis getBlock, getBlockAttributes, getBlockName, - getBlockOrder - } = registry.select(store); // For `Delete` or forward merge, we should do the exact same thing + getBlockOrder, + getBlockIndex, + getBlockRootClientId, + canInsertBlockType + } = registry.select(store); + /** + * Moves the block with clientId up one level. If the block type + * cannot be inserted at the new location, it will be attempted to + * convert to the default block type. + * + * @param {string} _clientId The block to move. + * @param {boolean} changeSelection Whether to change the selection + * to the moved block. + */ + + function moveFirstItemUp(_clientId) { + let changeSelection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; + const targetRootClientId = getBlockRootClientId(_clientId); + const blockOrder = getBlockOrder(_clientId); + const [firstClientId] = blockOrder; + + if (blockOrder.length === 1 && (0,external_wp_blocks_namespaceObject.isUnmodifiedBlock)(getBlock(firstClientId))) { + removeBlock(_clientId); + } else { + if (canInsertBlockType(getBlockName(firstClientId), targetRootClientId)) { + moveBlocksToPosition([firstClientId], _clientId, targetRootClientId, getBlockIndex(_clientId)); + } else { + const replacement = (0,external_wp_blocks_namespaceObject.switchToBlockType)(getBlock(firstClientId), (0,external_wp_blocks_namespaceObject.getDefaultBlockName)()); + + if (replacement && replacement.length) { + registry.batch(() => { + insertBlocks(replacement, getBlockIndex(_clientId), targetRootClientId, changeSelection); + removeBlock(firstClientId, false); + }); + } + } + + if (!getBlockOrder(_clientId).length && (0,external_wp_blocks_namespaceObject.isUnmodifiedBlock)(getBlock(_clientId))) { + removeBlock(_clientId, false); + } + } + } // For `Delete` or forward merge, we should do the exact same thing // as `Backspace`, but from the other block. + if (forward) { if (rootClientId) { const nextRootClientId = getNextBlockClientId(rootClientId); @@ -20902,14 +24147,10 @@ const applyWithDispatch = (0,external_wp_data_namespaceObject.withDispatch)((dis if (!nextBlockClientId) { return; - } // Check if it's possibile to "unwrap" the following block - // before trying to merge. + } - - const replacement = (0,external_wp_blocks_namespaceObject.switchToBlockType)(getBlock(nextBlockClientId), '*'); - - if (replacement && replacement.length) { - replaceBlocks(nextBlockClientId, replacement); + if (getBlockOrder(nextBlockClientId).length) { + moveFirstItemUp(nextBlockClientId, false); } else { mergeBlocks(clientId, nextBlockClientId); } @@ -20933,18 +24174,9 @@ const applyWithDispatch = (0,external_wp_data_namespaceObject.withDispatch)((dis }); return; } - } // Attempt to "unwrap" the block contents when there's no - // preceding block to merge with. - - - const replacement = (0,external_wp_blocks_namespaceObject.switchToBlockType)(getBlock(rootClientId), '*'); - - if (replacement && replacement.length) { - registry.batch(() => { - replaceBlocks(rootClientId, replacement); - selectBlock(replacement[0].clientId, 0); - }); } + + moveFirstItemUp(rootClientId); } } }, @@ -20975,63 +24207,7 @@ const applyWithDispatch = (0,external_wp_data_namespaceObject.withDispatch)((dis ;// CONCATENATED MODULE: external ["wp","htmlEntities"] var external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.js - - -/** - * WordPress dependencies - */ - -const plus = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z" -})); -/* harmony default export */ var library_plus = (plus); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/tips.js - - -/** - * WordPress dependencies - */ - - - -const globalTips = [(0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('While writing, you can press / to quickly insert new blocks.'), { - kbd: (0,external_wp_element_namespaceObject.createElement)("kbd", null) -}), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Indent a list by pressing space at the beginning of a line.'), { - kbd: (0,external_wp_element_namespaceObject.createElement)("kbd", null) -}), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Outdent a list by pressing backspace at the beginning of a line.'), { - kbd: (0,external_wp_element_namespaceObject.createElement)("kbd", null) -}), (0,external_wp_i18n_namespaceObject.__)('Drag files into the editor to automatically insert media blocks.'), (0,external_wp_i18n_namespaceObject.__)("Change a block's type by pressing the block icon on the toolbar.")]; - -function Tips() { - const [randomIndex] = (0,external_wp_element_namespaceObject.useState)( // Disable Reason: I'm not generating an HTML id. - // eslint-disable-next-line no-restricted-syntax - Math.floor(Math.random() * globalTips.length)); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tip, null, globalTips[randomIndex]); -} - -/* harmony default export */ var tips = (Tips); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/block-default.js - - -/** - * WordPress dependencies - */ - -const blockDefault = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var block_default = (blockDefault); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-icon/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/default-block-appender/index.js /** @@ -21046,95 +24222,2841 @@ const blockDefault = (0,external_wp_element_namespaceObject.createElement)(exter -function BlockIcon(_ref) { - var _icon; +/** + * Internal dependencies + */ + + + +/** + * Zero width non-breaking space, used as padding for the paragraph when it is + * empty. + */ + +const ZWNBSP = '\ufeff'; +function DefaultBlockAppender(_ref) { let { - icon, - showColors = false, - className + isLocked, + onAppend, + showPrompt, + placeholder, + rootClientId } = _ref; - if (((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.src) === 'block-default') { - icon = { - src: block_default + if (isLocked) { + return null; + } + + const value = (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(placeholder) || (0,external_wp_i18n_namespaceObject.__)('Type / to choose a block'); + + return (0,external_wp_element_namespaceObject.createElement)("div", { + "data-root-client-id": rootClientId || '', + className: classnames_default()('block-editor-default-block-appender', { + 'has-visible-prompt': showPrompt + }) + }, (0,external_wp_element_namespaceObject.createElement)("p", { + tabIndex: "0" // We want this element to be styled as a paragraph by themes. + // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role + , + role: "button", + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Add default block') // A wrapping container for this one already has the wp-block className. + , + className: "block-editor-default-block-appender__content", + onKeyDown: event => { + if (external_wp_keycodes_namespaceObject.ENTER === event.keyCode || external_wp_keycodes_namespaceObject.SPACE === event.keyCode) { + onAppend(); + } + }, + onClick: () => onAppend(), + onFocus: () => { + if (showPrompt) { + onAppend(); + } + } + }, showPrompt ? value : ZWNBSP), (0,external_wp_element_namespaceObject.createElement)(inserter, { + rootClientId: rootClientId, + position: "bottom right", + isAppender: true, + __experimentalIsQuick: true + })); +} +/* harmony default export */ var default_block_appender = ((0,external_wp_compose_namespaceObject.compose)((0,external_wp_data_namespaceObject.withSelect)((select, ownProps) => { + const { + getBlockCount, + getSettings, + getTemplateLock + } = select(store); + const isEmpty = !getBlockCount(ownProps.rootClientId); + const { + bodyPlaceholder + } = getSettings(); + return { + showPrompt: isEmpty, + isLocked: !!getTemplateLock(ownProps.rootClientId), + placeholder: bodyPlaceholder + }; +}), (0,external_wp_data_namespaceObject.withDispatch)((dispatch, ownProps) => { + const { + insertDefaultBlock, + startTyping + } = dispatch(store); + return { + onAppend() { + const { + rootClientId + } = ownProps; + insertDefaultBlock(undefined, rootClientId); + startTyping(); + } + + }; +}))(DefaultBlockAppender)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/button-block-appender/index.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + +function ButtonBlockAppender(_ref, ref) { + let { + rootClientId, + className, + onFocus, + tabIndex + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(inserter, { + position: "bottom center", + rootClientId: rootClientId, + __experimentalIsQuick: true, + renderToggle: _ref2 => { + let { + onToggle, + disabled, + isOpen, + blockTitle, + hasSingleBlockType + } = _ref2; + let label; + + if (hasSingleBlockType) { + label = (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of the block when there is only one + (0,external_wp_i18n_namespaceObject._x)('Add %s', 'directly add the only allowed block'), blockTitle); + } else { + label = (0,external_wp_i18n_namespaceObject._x)('Add block', 'Generic label for block inserter button'); + } + + const isToggleButton = !hasSingleBlockType; + let inserterButton = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + ref: ref, + onFocus: onFocus, + tabIndex: tabIndex, + className: classnames_default()(className, 'block-editor-button-block-appender'), + onClick: onToggle, + "aria-haspopup": isToggleButton ? 'true' : undefined, + "aria-expanded": isToggleButton ? isOpen : undefined, + disabled: disabled, + label: label + }, !hasSingleBlockType && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { + as: "span" + }, label), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: library_plus + })); + + if (isToggleButton || hasSingleBlockType) { + inserterButton = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { + text: label + }, inserterButton); + } + + return inserterButton; + }, + isAppender: true + }); +} +/** + * Use `ButtonBlockAppender` instead. + * + * @deprecated + */ + + +const ButtonBlockerAppender = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { + external_wp_deprecated_default()(`wp.blockEditor.ButtonBlockerAppender`, { + alternative: 'wp.blockEditor.ButtonBlockAppender', + since: '5.9' + }); + return ButtonBlockAppender(props, ref); +}); +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md + */ + +/* harmony default export */ var button_block_appender = ((0,external_wp_element_namespaceObject.forwardRef)(ButtonBlockAppender)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list-appender/index.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + +function DefaultAppender(_ref) { + let { + rootClientId + } = _ref; + const canInsertDefaultBlock = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).canInsertBlockType((0,external_wp_blocks_namespaceObject.getDefaultBlockName)(), rootClientId)); + + if (canInsertDefaultBlock) { + // Render the default block appender if the context supports use + // of the default appender. + return (0,external_wp_element_namespaceObject.createElement)(default_block_appender, { + rootClientId: rootClientId + }); + } // Fallback in case the default block can't be inserted. + + + return (0,external_wp_element_namespaceObject.createElement)(button_block_appender, { + rootClientId: rootClientId, + className: "block-list-appender__toggle" + }); +} + +function useAppender(rootClientId, CustomAppender) { + const { + hideInserter, + isParentSelected + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getTemplateLock, + getSelectedBlockClientId, + __unstableGetEditorMode + } = select(store); + const selectedBlockClientId = getSelectedBlockClientId(); + return { + hideInserter: !!getTemplateLock(rootClientId) || __unstableGetEditorMode() === 'zoom-out', + isParentSelected: rootClientId === selectedBlockClientId || !rootClientId && !selectedBlockClientId + }; + }, [rootClientId]); + + if (hideInserter || CustomAppender === false) { + return null; + } + + if (CustomAppender) { + // Prefer custom render prop if provided. + return (0,external_wp_element_namespaceObject.createElement)(CustomAppender, null); + } + + if (!isParentSelected) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(DefaultAppender, { + rootClientId: rootClientId + }); +} + +function BlockListAppender(_ref2) { + let { + rootClientId, + renderAppender, + className, + tagName: TagName = 'div' + } = _ref2; + const appender = useAppender(rootClientId, renderAppender); + + if (!appender) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(TagName // A `tabIndex` is used on the wrapping `div` element in order to + // force a focus event to occur when an appender `button` element + // is clicked. In some browsers (Firefox, Safari), button clicks do + // not emit a focus event, which could cause this event to propagate + // unexpectedly. The `tabIndex` ensures that the interaction is + // captured as a focus, without also adding an extra tab stop. + // + // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus + , { + tabIndex: -1, + className: classnames_default()('block-list-appender wp-block', className) // Needed in case the whole editor is content editable (for multi + // selection). It fixes an edge case where ArrowDown and ArrowRight + // should collapse the selection to the end of that selection and + // not into the appender. + , + contentEditable: false // The appender exists to let you add the first Paragraph before + // any is inserted. To that end, this appender should visually be + // presented as a block. That means theme CSS should style it as if + // it were an empty paragraph block. That means a `wp-block` class to + // ensure the width is correct, and a [data-block] attribute to ensure + // the correct margin is applied, especially for classic themes which + // have commonly targeted that attribute for margins. + , + "data-block": true + }, appender); +} + +/* harmony default export */ var block_list_appender = (BlockListAppender); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-popover/inbetween.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + +const inbetween_MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER; +const InsertionPointOpenRef = (0,external_wp_element_namespaceObject.createContext)(); + +function BlockPopoverInbetween(_ref) { + let { + previousClientId, + nextClientId, + children, + __unstablePopoverSlot, + __unstableContentRef, + ...props + } = _ref; + // This is a temporary hack to get the inbetween inserter to recompute properly. + const [popoverRecomputeCounter, forcePopoverRecompute] = (0,external_wp_element_namespaceObject.useReducer)( // Module is there to make sure that the counter doesn't overflow. + s => (s + 1) % inbetween_MAX_POPOVER_RECOMPUTE_COUNTER, 0); + const { + orientation, + rootClientId, + isVisible + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getBlockListSettings; + + const { + getBlockListSettings, + getBlockRootClientId, + isBlockVisible + } = select(store); + + const _rootClientId = getBlockRootClientId(previousClientId !== null && previousClientId !== void 0 ? previousClientId : nextClientId); + + return { + orientation: ((_getBlockListSettings = getBlockListSettings(_rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation) || 'vertical', + rootClientId: _rootClientId, + isVisible: isBlockVisible(previousClientId) && isBlockVisible(nextClientId) + }; + }, [previousClientId, nextClientId]); + const previousElement = useBlockElement(previousClientId); + const nextElement = useBlockElement(nextClientId); + const isVertical = orientation === 'vertical'; + const style = (0,external_wp_element_namespaceObject.useMemo)(() => { + if ( // popoverRecomputeCounter is by definition always equal or greater than 0. + // This check is only there to satisfy the correctness of the + // exhaustive-deps rule for the `useMemo` hook. + popoverRecomputeCounter < 0 || !previousElement && !nextElement || !isVisible) { + return {}; + } + + const previousRect = previousElement ? previousElement.getBoundingClientRect() : null; + const nextRect = nextElement ? nextElement.getBoundingClientRect() : null; + + if (isVertical) { + return { + width: previousRect ? previousRect.width : nextRect.width, + height: nextRect && previousRect ? nextRect.top - previousRect.bottom : 0 + }; + } + + let width = 0; + + if (previousRect && nextRect) { + width = (0,external_wp_i18n_namespaceObject.isRTL)() ? previousRect.left - nextRect.right : nextRect.left - previousRect.right; + } + + return { + width, + height: previousRect ? previousRect.height : nextRect.height + }; + }, [previousElement, nextElement, isVertical, popoverRecomputeCounter, isVisible]); + const popoverAnchor = (0,external_wp_element_namespaceObject.useMemo)(() => { + if ( // popoverRecomputeCounter is by definition always equal or greater than 0. + // This check is only there to satisfy the correctness of the + // exhaustive-deps rule for the `useMemo` hook. + popoverRecomputeCounter < 0 || !previousElement && !nextElement || !isVisible) { + return undefined; + } + + const { + ownerDocument + } = previousElement || nextElement; + return { + ownerDocument, + + getBoundingClientRect() { + const previousRect = previousElement ? previousElement.getBoundingClientRect() : null; + const nextRect = nextElement ? nextElement.getBoundingClientRect() : null; + let left = 0; + let top = 0; + + if (isVertical) { + // vertical + top = previousRect ? previousRect.bottom : nextRect.top; + + if ((0,external_wp_i18n_namespaceObject.isRTL)()) { + // vertical, rtl + left = previousRect ? previousRect.right : nextRect.right; + } else { + // vertical, ltr + left = previousRect ? previousRect.left : nextRect.left; + } + } else { + top = previousRect ? previousRect.top : nextRect.top; + + if ((0,external_wp_i18n_namespaceObject.isRTL)()) { + // non vertical, rtl + left = previousRect ? previousRect.left : nextRect.right; + } else { + // non vertical, ltr + left = previousRect ? previousRect.right : nextRect.left; + } + } + + return new window.DOMRect(left, top, 0, 0); + } + + }; + }, [previousElement, nextElement, popoverRecomputeCounter, isVertical, isVisible]); + const popoverScrollRef = use_popover_scroll(__unstableContentRef); // This is only needed for a smooth transition when moving blocks. + // When blocks are moved up/down, their position can be set by + // updating the `transform` property manually (i.e. without using CSS + // transitions or animations). The animation, which can also scroll the block + // editor, can sometimes cause the position of the Popover to get out of sync. + // A MutationObserver is therefore used to make sure that changes to the + // selectedElement's attribute (i.e. `transform`) can be tracked and used to + // trigger the Popover to rerender. + + (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { + if (!previousElement) { + return; + } + + const observer = new window.MutationObserver(forcePopoverRecompute); + observer.observe(previousElement, { + attributes: true + }); + return () => { + observer.disconnect(); + }; + }, [previousElement]); + (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { + if (!nextElement) { + return; + } + + const observer = new window.MutationObserver(forcePopoverRecompute); + observer.observe(nextElement, { + attributes: true + }); + return () => { + observer.disconnect(); + }; + }, [nextElement]); + (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { + if (!previousElement) { + return; + } + + previousElement.ownerDocument.defaultView.addEventListener('resize', forcePopoverRecompute); + return () => { + var _previousElement$owne; + + (_previousElement$owne = previousElement.ownerDocument.defaultView) === null || _previousElement$owne === void 0 ? void 0 : _previousElement$owne.removeEventListener('resize', forcePopoverRecompute); + }; + }, [previousElement]); // If there's either a previous or a next element, show the inbetween popover. + // Note that drag and drop uses the inbetween popover to show the drop indicator + // before the first block and after the last block. + + if (!previousElement && !nextElement || !isVisible) { + return null; + } + /* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */ + // While ideally it would be enough to capture the + // bubbling focus event from the Inserter, due to the + // characteristics of click focusing of `button`s in + // Firefox and Safari, it is not reliable. + // + // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus + + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, _extends({ + ref: popoverScrollRef, + animate: false, + anchor: popoverAnchor, + focusOnMount: false // Render in the old slot if needed for backward compatibility, + // otherwise render in place (not in the default popover slot). + , + __unstableSlotName: __unstablePopoverSlot || null // Forces a remount of the popover when its position changes + // This makes sure the popover doesn't animate from its previous position. + , + key: nextClientId + '--' + rootClientId + }, props, { + className: classnames_default()('block-editor-block-popover', 'block-editor-block-popover__inbetween', props.className), + resize: false, + flip: false, + placement: "bottom-start", + variant: "unstyled" + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-popover__inbetween-container", + style: style + }, children)); + /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */ +} + +/* harmony default export */ var inbetween = (BlockPopoverInbetween); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-popover/drop-zone.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +const animateVariants = { + hide: { + opacity: 0, + scaleY: 0.75 + }, + show: { + opacity: 1, + scaleY: 1 + }, + exit: { + opacity: 0, + scaleY: 0.9 + } +}; + +function BlockDropZonePopover(_ref) { + let { + __unstablePopoverSlot, + __unstableContentRef + } = _ref; + const { + clientId + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockOrder, + getBlockInsertionPoint + } = select(store); + const insertionPoint = getBlockInsertionPoint(); + const order = getBlockOrder(insertionPoint.rootClientId); + + if (!order.length) { + return {}; + } + + return { + clientId: order[insertionPoint.index] + }; + }, []); + const reducedMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)(); + return (0,external_wp_element_namespaceObject.createElement)(block_popover, { + clientId: clientId, + __unstableCoverTarget: true, + __unstablePopoverSlot: __unstablePopoverSlot, + __unstableContentRef: __unstableContentRef, + className: "block-editor-block-popover__drop-zone" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { + "data-testid": "block-popover-drop-zone", + initial: reducedMotion ? animateVariants.show : animateVariants.hide, + animate: animateVariants.show, + exit: reducedMotion ? animateVariants.show : animateVariants.exit, + className: "block-editor-block-popover__drop-zone-foreground" + })); +} + +/* harmony default export */ var drop_zone = (BlockDropZonePopover); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/insertion-point.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + +const insertion_point_InsertionPointOpenRef = (0,external_wp_element_namespaceObject.createContext)(); + +function InbetweenInsertionPointPopover(_ref) { + let { + __unstablePopoverSlot, + __unstableContentRef + } = _ref; + const { + selectBlock, + hideInsertionPoint + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const openRef = (0,external_wp_element_namespaceObject.useContext)(insertion_point_InsertionPointOpenRef); + const ref = (0,external_wp_element_namespaceObject.useRef)(); + const { + orientation, + previousClientId, + nextClientId, + rootClientId, + isInserterShown, + isDistractionFree, + isNavigationMode + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getBlockListSettings; + + const { + getBlockOrder, + getBlockListSettings, + getBlockInsertionPoint, + isBlockBeingDragged, + getPreviousBlockClientId, + getNextBlockClientId, + getSettings, + isNavigationMode: _isNavigationMode + } = select(store); + const insertionPoint = getBlockInsertionPoint(); + const order = getBlockOrder(insertionPoint.rootClientId); + + if (!order.length) { + return {}; + } + + let _previousClientId = order[insertionPoint.index - 1]; + let _nextClientId = order[insertionPoint.index]; + + while (isBlockBeingDragged(_previousClientId)) { + _previousClientId = getPreviousBlockClientId(_previousClientId); + } + + while (isBlockBeingDragged(_nextClientId)) { + _nextClientId = getNextBlockClientId(_nextClientId); + } + + const settings = getSettings(); + return { + previousClientId: _previousClientId, + nextClientId: _nextClientId, + orientation: ((_getBlockListSettings = getBlockListSettings(insertionPoint.rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation) || 'vertical', + rootClientId: insertionPoint.rootClientId, + isNavigationMode: _isNavigationMode(), + isDistractionFree: settings.isDistractionFree, + isInserterShown: insertionPoint === null || insertionPoint === void 0 ? void 0 : insertionPoint.__unstableWithInserter + }; + }, []); + const disableMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)(); + + function onClick(event) { + if (event.target === ref.current && nextClientId) { + selectBlock(nextClientId, -1); + } + } + + function maybeHideInserterPoint(event) { + // Only hide the inserter if it's triggered on the wrapper, + // and the inserter is not open. + if (event.target === ref.current && !openRef.current) { + hideInsertionPoint(); + } + } + + function onFocus(event) { + // Only handle click on the wrapper specifically, and not an event + // bubbled from the inserter itself. + if (event.target !== ref.current) { + openRef.current = true; + } + } + + const lineVariants = { + // Initial position starts from the center and invisible. + start: { + opacity: 0, + scale: 0 + }, + // The line expands to fill the container. If the inserter is visible it + // is delayed so it appears orchestrated. + rest: { + opacity: 1, + scale: 1, + transition: { + delay: isInserterShown ? 0.5 : 0, + type: 'tween' + } + }, + hover: { + opacity: 1, + scale: 1, + transition: { + delay: 0.5, + type: 'tween' + } + } + }; + const inserterVariants = { + start: { + scale: disableMotion ? 1 : 0 + }, + rest: { + scale: 1, + transition: { + delay: 0.4, + type: 'tween' + } + } + }; + + if (isDistractionFree && !isNavigationMode) { + return null; + } + + const className = classnames_default()('block-editor-block-list__insertion-point', 'is-' + orientation); + return (0,external_wp_element_namespaceObject.createElement)(inbetween, { + previousClientId: previousClientId, + nextClientId: nextClientId, + __unstablePopoverSlot: __unstablePopoverSlot, + __unstableContentRef: __unstableContentRef + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { + layout: !disableMotion, + initial: disableMotion ? 'rest' : 'start', + animate: "rest", + whileHover: "hover", + whileTap: "pressed", + exit: "start", + ref: ref, + tabIndex: -1, + onClick: onClick, + onFocus: onFocus, + className: classnames_default()(className, { + 'is-with-inserter': isInserterShown + }), + onHoverEnd: maybeHideInserterPoint + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { + variants: lineVariants, + className: "block-editor-block-list__insertion-point-indicator", + "data-testid": "block-list-insertion-point-indicator" + }), isInserterShown && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { + variants: inserterVariants, + className: classnames_default()('block-editor-block-list__insertion-point-inserter') + }, (0,external_wp_element_namespaceObject.createElement)(inserter, { + position: "bottom center", + clientId: nextClientId, + rootClientId: rootClientId, + __experimentalIsQuick: true, + onToggle: isOpen => { + openRef.current = isOpen; + }, + onSelectOrClose: () => { + openRef.current = false; + } + })))); +} + +function InsertionPoint(props) { + const { + insertionPoint, + isVisible + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockInsertionPoint, + isBlockInsertionPointVisible + } = select(store); + return { + insertionPoint: getBlockInsertionPoint(), + isVisible: isBlockInsertionPointVisible() + }; + }, []); + + if (!isVisible) { + return null; + } + /** + * Render a popover that overlays the block when the desired operation is to replace it. + * Otherwise, render a popover in between blocks for the indication of inserting between them. + */ + + + return insertionPoint.operation === 'replace' ? (0,external_wp_element_namespaceObject.createElement)(drop_zone // Force remount to trigger the animation. + , _extends({ + key: `${insertionPoint.rootClientId}-${insertionPoint.index}` + }, props)) : (0,external_wp_element_namespaceObject.createElement)(InbetweenInsertionPointPopover, props); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/use-in-between-inserter.js +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +function useInBetweenInserter() { + const openRef = (0,external_wp_element_namespaceObject.useContext)(insertion_point_InsertionPointOpenRef); + const isInBetweenInserterDisabled = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings().isDistractionFree || select(store).__unstableGetEditorMode() === 'zoom-out', []); + const { + getBlockListSettings, + getBlockRootClientId, + getBlockIndex, + isBlockInsertionPointVisible, + isMultiSelecting, + getSelectedBlockClientIds, + getTemplateLock, + __unstableIsWithinBlockOverlay + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + showInsertionPoint, + hideInsertionPoint + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + return (0,external_wp_compose_namespaceObject.useRefEffect)(node => { + if (isInBetweenInserterDisabled) { + return; + } + + function onMouseMove(event) { + var _getBlockListSettings; + + if (openRef.current) { + return; + } // Ignore text nodes sometimes detected in FireFox. + + + if (event.target.nodeType === event.target.TEXT_NODE) { + return; + } + + if (isMultiSelecting()) { + return; + } + + if (!event.target.classList.contains('block-editor-block-list__layout')) { + hideInsertionPoint(); + return; + } + + let rootClientId; + + if (!event.target.classList.contains('is-root-container')) { + const blockElement = !!event.target.getAttribute('data-block') ? event.target : event.target.closest('[data-block]'); + rootClientId = blockElement.getAttribute('data-block'); + } // Don't set the insertion point if the template is locked. + + + if (getTemplateLock(rootClientId)) { + return; + } + + const orientation = ((_getBlockListSettings = getBlockListSettings(rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation) || 'vertical'; + const offsetTop = event.clientY; + const offsetLeft = event.clientX; + const children = Array.from(event.target.children); + let element = children.find(blockEl => { + const blockElRect = blockEl.getBoundingClientRect(); + return blockEl.classList.contains('wp-block') && orientation === 'vertical' && blockElRect.top > offsetTop || blockEl.classList.contains('wp-block') && orientation === 'horizontal' && blockElRect.left > offsetLeft; + }); + + if (!element) { + hideInsertionPoint(); + return; + } // The block may be in an alignment wrapper, so check the first direct + // child if the element has no ID. + + + if (!element.id) { + element = element.firstElementChild; + + if (!element) { + hideInsertionPoint(); + return; + } + } // Don't show the insertion point if a parent block has an "overlay" + // See https://github.com/WordPress/gutenberg/pull/34012#pullrequestreview-727762337 + + + const clientId = element.id.slice('block-'.length); + + if (!clientId || __unstableIsWithinBlockOverlay(clientId)) { + return; + } // Don't show the inserter when hovering above (conflicts with + // block toolbar) or inside selected block(s). + + + if (getSelectedBlockClientIds().includes(clientId)) { + return; + } + + const elementRect = element.getBoundingClientRect(); + + if (orientation === 'horizontal' && (event.clientY > elementRect.bottom || event.clientY < elementRect.top) || orientation === 'vertical' && (event.clientX > elementRect.right || event.clientX < elementRect.left)) { + hideInsertionPoint(); + return; + } + + const index = getBlockIndex(clientId); // Don't show the in-between inserter before the first block in + // the list (preserves the original behaviour). + + if (index === 0) { + hideInsertionPoint(); + return; + } + + showInsertionPoint(rootClientId, index, { + __unstableWithInserter: true + }); + } + + node.addEventListener('mousemove', onMouseMove); + return () => { + node.removeEventListener('mousemove', onMouseMove); + }; + }, [openRef, getBlockListSettings, getBlockRootClientId, getBlockIndex, isBlockInsertionPointVisible, isMultiSelecting, showInsertionPoint, hideInsertionPoint, getSelectedBlockClientIds, isInBetweenInserterDisabled]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/pre-parse-patterns.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +const requestIdleCallback = (() => { + if (typeof window === 'undefined') { + return callback => { + setTimeout(() => callback(Date.now()), 0); }; } - const renderedIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { - icon: icon && icon.src ? icon.src : icon - }); - const style = showColors ? { - backgroundColor: icon && icon.background, - color: icon && icon.foreground - } : {}; - return (0,external_wp_element_namespaceObject.createElement)("span", { - style: style, - className: classnames_default()('block-editor-block-icon', className, { - 'has-colors': showColors - }) - }, renderedIcon); + return window.requestIdleCallback || window.requestAnimationFrame; +})(); + +const cancelIdleCallback = (() => { + if (typeof window === 'undefined') { + return clearTimeout; + } + + return window.cancelIdleCallback || window.cancelAnimationFrame; +})(); + +function usePreParsePatterns() { + const { + patterns, + isPreviewMode + } = (0,external_wp_data_namespaceObject.useSelect)(_select => { + const { + __experimentalBlockPatterns, + __unstableIsPreviewMode + } = _select(store).getSettings(); + + return { + patterns: __experimentalBlockPatterns, + isPreviewMode: __unstableIsPreviewMode + }; + }, []); + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (isPreviewMode) { + return; + } + + if (!(patterns !== null && patterns !== void 0 && patterns.length)) { + return; + } + + let handle; + let index = -1; + + const callback = () => { + index++; + + if (index >= patterns.length) { + return; + } + + (0,external_wp_data_namespaceObject.select)(store).__experimentalGetParsedPattern(patterns[index].name); + + handle = requestIdleCallback(callback); + }; + + handle = requestIdleCallback(callback); + return () => cancelIdleCallback(handle); + }, [patterns, isPreviewMode]); + return null; } -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-icon/README.md - */ - -/* harmony default export */ var block_icon = ((0,external_wp_element_namespaceObject.memo)(BlockIcon)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-card/index.js +;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"] +var external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/drag-handle.js /** * WordPress dependencies */ +const dragHandle = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + width: "24", + height: "24", + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z" +})); +/* harmony default export */ var drag_handle = (dragHandle); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-title/index.js +/** + * Internal dependencies + */ + +/** + * Renders the block's configured title as a string, or empty if the title + * cannot be determined. + * + * @example + * + * ```jsx + * + * ``` + * + * @param {Object} props + * @param {string} props.clientId Client ID of block. + * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated. + * @param {string|undefined} props.context The context to pass to `getBlockLabel`. + * + * @return {JSX.Element} Block title. + */ + +function BlockTitle(_ref) { + let { + clientId, + maximumLength, + context + } = _ref; + return useBlockDisplayTitle({ + clientId, + maximumLength, + context + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/draggable-chip.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + +function BlockDraggableChip(_ref) { + let { + count, + icon, + isPattern + } = _ref; + + const patternLabel = isPattern && (0,external_wp_i18n_namespaceObject.__)('Pattern'); + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-draggable-chip-wrapper" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-draggable-chip", + "data-testid": "block-draggable-chip" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { + justify: "center", + className: "block-editor-block-draggable-chip__content" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, icon ? (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: icon + }) : patternLabel || (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %d: Number of blocks. */ + (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, { + icon: drag_handle + }))))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/use-scroll-when-dragging.js +/** + * WordPress dependencies + */ + + +const SCROLL_INACTIVE_DISTANCE_PX = 50; +const SCROLL_INTERVAL_MS = 25; +const PIXELS_PER_SECOND_PER_PERCENTAGE = 1000; +const VELOCITY_MULTIPLIER = PIXELS_PER_SECOND_PER_PERCENTAGE * (SCROLL_INTERVAL_MS / 1000); +/** + * React hook that scrolls the scroll container when a block is being dragged. + * + * @return {Function[]} `startScrolling`, `scrollOnDragOver`, `stopScrolling` + * functions to be called in `onDragStart`, `onDragOver` + * and `onDragEnd` events respectively. + */ + +function useScrollWhenDragging() { + const dragStartY = (0,external_wp_element_namespaceObject.useRef)(null); + const velocityY = (0,external_wp_element_namespaceObject.useRef)(null); + const scrollParentY = (0,external_wp_element_namespaceObject.useRef)(null); + const scrollEditorInterval = (0,external_wp_element_namespaceObject.useRef)(null); // Clear interval when unmounting. + + (0,external_wp_element_namespaceObject.useEffect)(() => () => { + if (scrollEditorInterval.current) { + clearInterval(scrollEditorInterval.current); + scrollEditorInterval.current = null; + } + }, []); + const startScrolling = (0,external_wp_element_namespaceObject.useCallback)(event => { + dragStartY.current = event.clientY; // Find nearest parent(s) to scroll. + + scrollParentY.current = (0,external_wp_dom_namespaceObject.getScrollContainer)(event.target); + scrollEditorInterval.current = setInterval(() => { + if (scrollParentY.current && velocityY.current) { + const newTop = scrollParentY.current.scrollTop + velocityY.current; // Setting `behavior: 'smooth'` as a scroll property seems to hurt performance. + // Better to use a small scroll interval. + + scrollParentY.current.scroll({ + top: newTop + }); + } + }, SCROLL_INTERVAL_MS); + }, []); + const scrollOnDragOver = (0,external_wp_element_namespaceObject.useCallback)(event => { + if (!scrollParentY.current) { + return; + } + + const scrollParentHeight = scrollParentY.current.offsetHeight; + const offsetDragStartPosition = dragStartY.current - scrollParentY.current.offsetTop; + const offsetDragPosition = event.clientY - scrollParentY.current.offsetTop; + + if (event.clientY > offsetDragStartPosition) { + // User is dragging downwards. + const moveableDistance = Math.max(scrollParentHeight - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); + const dragDistance = Math.max(offsetDragPosition - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); + const distancePercentage = dragDistance / moveableDistance; + velocityY.current = VELOCITY_MULTIPLIER * distancePercentage; + } else if (event.clientY < offsetDragStartPosition) { + // User is dragging upwards. + const moveableDistance = Math.max(offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); + const dragDistance = Math.max(offsetDragStartPosition - offsetDragPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); + const distancePercentage = dragDistance / moveableDistance; + velocityY.current = -VELOCITY_MULTIPLIER * distancePercentage; + } else { + velocityY.current = 0; + } + }, []); + + const stopScrolling = () => { + dragStartY.current = null; + scrollParentY.current = null; + + if (scrollEditorInterval.current) { + clearInterval(scrollEditorInterval.current); + scrollEditorInterval.current = null; + } + }; + + return [startScrolling, scrollOnDragOver, stopScrolling]; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/index.js + + +/** + * WordPress dependencies + */ + + + + /** * Internal dependencies */ -function BlockCard(_ref) { - let { - title, - icon, - description, - blockType - } = _ref; - if (blockType) { - external_wp_deprecated_default()('`blockType` property in `BlockCard component`', { - since: '5.7', - alternative: '`title, icon and description` properties' + +const BlockDraggable = _ref => { + let { + children, + clientIds, + cloneClassname, + onDragStart, + onDragEnd + } = _ref; + const { + srcRootClientId, + isDraggable, + icon + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getBlockType; + + const { + canMoveBlocks, + getBlockRootClientId, + getBlockName + } = select(store); + const rootClientId = getBlockRootClientId(clientIds[0]); + const blockName = getBlockName(clientIds[0]); + return { + srcRootClientId: rootClientId, + isDraggable: canMoveBlocks(clientIds, rootClientId), + icon: (_getBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockName)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.icon + }; + }, [clientIds]); + const isDragging = (0,external_wp_element_namespaceObject.useRef)(false); + const [startScrolling, scrollOnDragOver, stopScrolling] = useScrollWhenDragging(); + const { + startDraggingBlocks, + stopDraggingBlocks + } = (0,external_wp_data_namespaceObject.useDispatch)(store); // Stop dragging blocks if the block draggable is unmounted. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + return () => { + if (isDragging.current) { + stopDraggingBlocks(); + } + }; + }, []); + + if (!isDraggable) { + return children({ + draggable: false }); - ({ - title, - icon, - description - } = blockType); } + const transferData = { + type: 'block', + srcClientIds: clientIds, + srcRootClientId + }; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Draggable, { + cloneClassname: cloneClassname, + __experimentalTransferDataType: "wp-blocks", + transferData: transferData, + onDragStart: event => { + startDraggingBlocks(clientIds); + isDragging.current = true; + startScrolling(event); + + if (onDragStart) { + onDragStart(); + } + }, + onDragOver: scrollOnDragOver, + onDragEnd: () => { + stopDraggingBlocks(); + isDragging.current = false; + stopScrolling(); + + if (onDragEnd) { + onDragEnd(); + } + }, + __experimentalDragComponent: (0,external_wp_element_namespaceObject.createElement)(BlockDraggableChip, { + count: clientIds.length, + icon: icon + }) + }, _ref2 => { + let { + onDraggableStart, + onDraggableEnd + } = _ref2; + return children({ + draggable: true, + onDragStart: onDraggableStart, + onDragEnd: onDraggableEnd + }); + }); +}; + +/* harmony default export */ var block_draggable = (BlockDraggable); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js + + +/** + * WordPress dependencies + */ + +const chevronUp = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z" +})); +/* harmony default export */ var chevron_up = (chevronUp); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js + + +/** + * WordPress dependencies + */ + +const chevronDown = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" +})); +/* harmony default export */ var chevron_down = (chevronDown); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/mover-description.js +/** + * WordPress dependencies + */ + + +const getMovementDirection = (moveDirection, orientation) => { + if (moveDirection === 'up') { + if (orientation === 'horizontal') { + return (0,external_wp_i18n_namespaceObject.isRTL)() ? 'right' : 'left'; + } + + return 'up'; + } else if (moveDirection === 'down') { + if (orientation === 'horizontal') { + return (0,external_wp_i18n_namespaceObject.isRTL)() ? 'left' : 'right'; + } + + return 'down'; + } + + return null; +}; +/** + * Return a label for the block movement controls depending on block position. + * + * @param {number} selectedCount Number of blocks selected. + * @param {string} type Block type - in the case of a single block, should + * define its 'type'. I.e. 'Text', 'Heading', 'Image' etc. + * @param {number} firstIndex The index (position - 1) of the first block selected. + * @param {boolean} isFirst This is the first block. + * @param {boolean} isLast This is the last block. + * @param {number} dir Direction of movement (> 0 is considered to be going + * down, < 0 is up). + * @param {string} orientation The orientation of the block movers, vertical or + * horizontal. + * + * @return {string | undefined} Label for the block movement controls. + */ + + +function getBlockMoverDescription(selectedCount, type, firstIndex, isFirst, isLast, dir, orientation) { + const position = firstIndex + 1; + + if (selectedCount > 1) { + return getMultiBlockMoverDescription(selectedCount, firstIndex, isFirst, isLast, dir, orientation); + } + + if (isFirst && isLast) { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Type of block (i.e. Text, Image etc) + (0,external_wp_i18n_namespaceObject.__)('Block %s is the only block, and cannot be moved'), type); + } + + if (dir > 0 && !isLast) { + // Moving down. + const movementDirection = getMovementDirection('down', orientation); + + if (movementDirection === 'down') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position + (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d down to position %3$d'), type, position, position + 1); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position + (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d left to position %3$d'), type, position, position + 1); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position + (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d right to position %3$d'), type, position, position + 1); + } + } + + if (dir > 0 && isLast) { + // Moving down, and is the last item. + const movementDirection = getMovementDirection('down', orientation); + + if (movementDirection === 'down') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) + (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the end of the content and can’t be moved down'), type); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) + (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the end of the content and can’t be moved left'), type); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) + (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the end of the content and can’t be moved right'), type); + } + } + + if (dir < 0 && !isFirst) { + // Moving up. + const movementDirection = getMovementDirection('up', orientation); + + if (movementDirection === 'up') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position + (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d up to position %3$d'), type, position, position - 1); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position + (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d left to position %3$d'), type, position, position - 1); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position + (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d right to position %3$d'), type, position, position - 1); + } + } + + if (dir < 0 && isFirst) { + // Moving up, and is the first item. + const movementDirection = getMovementDirection('up', orientation); + + if (movementDirection === 'up') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) + (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the beginning of the content and can’t be moved up'), type); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) + (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the beginning of the content and can’t be moved left'), type); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) + (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the beginning of the content and can’t be moved right'), type); + } + } +} +/** + * Return a label for the block movement controls depending on block position. + * + * @param {number} selectedCount Number of blocks selected. + * @param {number} firstIndex The index (position - 1) of the first block selected. + * @param {boolean} isFirst This is the first block. + * @param {boolean} isLast This is the last block. + * @param {number} dir Direction of movement (> 0 is considered to be going + * down, < 0 is up). + * @param {string} orientation The orientation of the block movers, vertical or + * horizontal. + * + * @return {string | undefined} Label for the block movement controls. + */ + +function getMultiBlockMoverDescription(selectedCount, firstIndex, isFirst, isLast, dir, orientation) { + const position = firstIndex + 1; + + if (isFirst && isLast) { + // All blocks are selected + return (0,external_wp_i18n_namespaceObject.__)('All blocks are selected, and cannot be moved'); + } + + if (dir > 0 && !isLast) { + // moving down + const movementDirection = getMovementDirection('down', orientation); + + if (movementDirection === 'down') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks + (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d down by one place'), selectedCount, position); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks + (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d left by one place'), selectedCount, position); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks + (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d right by one place'), selectedCount, position); + } + } + + if (dir > 0 && isLast) { + // moving down, and the selected blocks are the last item + const movementDirection = getMovementDirection('down', orientation); + + if (movementDirection === 'down') { + return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved down as they are already at the bottom'); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved left as they are already are at the leftmost position'); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved right as they are already are at the rightmost position'); + } + } + + if (dir < 0 && !isFirst) { + // moving up + const movementDirection = getMovementDirection('up', orientation); + + if (movementDirection === 'up') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks + (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d up by one place'), selectedCount, position); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks + (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d left by one place'), selectedCount, position); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks + (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d right by one place'), selectedCount, position); + } + } + + if (dir < 0 && isFirst) { + // moving up, and the selected blocks are the first item + const movementDirection = getMovementDirection('up', orientation); + + if (movementDirection === 'up') { + return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved up as they are already at the top'); + } + + if (movementDirection === 'left') { + return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved left as they are already are at the leftmost position'); + } + + if (movementDirection === 'right') { + return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved right as they are already are at the rightmost position'); + } + } +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/button.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + + +/** + * Internal dependencies + */ + + + + + +const getArrowIcon = (direction, orientation) => { + if (direction === 'up') { + if (orientation === 'horizontal') { + return (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_right : chevron_left; + } + + return chevron_up; + } else if (direction === 'down') { + if (orientation === 'horizontal') { + return (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left : chevron_right; + } + + return chevron_down; + } + + return null; +}; + +const getMovementDirectionLabel = (moveDirection, orientation) => { + if (moveDirection === 'up') { + if (orientation === 'horizontal') { + return (0,external_wp_i18n_namespaceObject.isRTL)() ? (0,external_wp_i18n_namespaceObject.__)('Move right') : (0,external_wp_i18n_namespaceObject.__)('Move left'); + } + + return (0,external_wp_i18n_namespaceObject.__)('Move up'); + } else if (moveDirection === 'down') { + if (orientation === 'horizontal') { + return (0,external_wp_i18n_namespaceObject.isRTL)() ? (0,external_wp_i18n_namespaceObject.__)('Move left') : (0,external_wp_i18n_namespaceObject.__)('Move right'); + } + + return (0,external_wp_i18n_namespaceObject.__)('Move down'); + } + + return null; +}; + +const BlockMoverButton = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) => { + let { + clientIds, + direction, + orientation: moverOrientation, + ...props + } = _ref; + const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockMoverButton); + const normalizedClientIds = Array.isArray(clientIds) ? clientIds : [clientIds]; + const blocksCount = normalizedClientIds.length; + const { + blockType, + isDisabled, + rootClientId, + isFirst, + isLast, + firstIndex, + orientation = 'vertical' + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockIndex, + getBlockRootClientId, + getBlockOrder, + getBlock, + getBlockListSettings + } = select(store); + const firstClientId = normalizedClientIds[0]; + const blockRootClientId = getBlockRootClientId(firstClientId); + const firstBlockIndex = getBlockIndex(firstClientId); + const lastBlockIndex = getBlockIndex(normalizedClientIds[normalizedClientIds.length - 1]); + const blockOrder = getBlockOrder(blockRootClientId); + const block = getBlock(firstClientId); + const isFirstBlock = firstBlockIndex === 0; + const isLastBlock = lastBlockIndex === blockOrder.length - 1; + const { + orientation: blockListOrientation + } = getBlockListSettings(blockRootClientId) || {}; + return { + blockType: block ? (0,external_wp_blocks_namespaceObject.getBlockType)(block.name) : null, + isDisabled: direction === 'up' ? isFirstBlock : isLastBlock, + rootClientId: blockRootClientId, + firstIndex: firstBlockIndex, + isFirst: isFirstBlock, + isLast: isLastBlock, + orientation: moverOrientation || blockListOrientation + }; + }, [clientIds, direction]); + const { + moveBlocksDown, + moveBlocksUp + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const moverFunction = direction === 'up' ? moveBlocksUp : moveBlocksDown; + + const onClick = event => { + moverFunction(clientIds, rootClientId); + + if (props.onClick) { + props.onClick(event); + } + }; + + const descriptionId = `block-editor-block-mover-button__description-${instanceId}`; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({ + ref: ref, + className: classnames_default()('block-editor-block-mover-button', `is-${direction}-button`), + icon: getArrowIcon(direction, orientation), + label: getMovementDirectionLabel(direction, orientation), + "aria-describedby": descriptionId + }, props, { + onClick: isDisabled ? null : onClick, + disabled: isDisabled, + __experimentalIsFocusable: true + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { + id: descriptionId + }, getBlockMoverDescription(blocksCount, blockType && blockType.title, firstIndex, isFirst, isLast, direction === 'up' ? -1 : 1, orientation))); +}); +const BlockMoverUpButton = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { + return (0,external_wp_element_namespaceObject.createElement)(BlockMoverButton, _extends({ + direction: "up", + ref: ref + }, props)); +}); +const BlockMoverDownButton = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { + return (0,external_wp_element_namespaceObject.createElement)(BlockMoverButton, _extends({ + direction: "down", + ref: ref + }, props)); +}); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/index.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + +function BlockMover(_ref) { + let { + clientIds, + hideDragHandle + } = _ref; + const { + canMove, + rootClientId, + isFirst, + isLast, + orientation + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getBlockListSettings; + + const { + getBlockIndex, + getBlockListSettings, + canMoveBlocks, + getBlockOrder, + getBlockRootClientId + } = select(store); + const normalizedClientIds = Array.isArray(clientIds) ? clientIds : [clientIds]; + const firstClientId = normalizedClientIds[0]; + + const _rootClientId = getBlockRootClientId(firstClientId); + + const firstIndex = getBlockIndex(firstClientId); + const lastIndex = getBlockIndex(normalizedClientIds[normalizedClientIds.length - 1]); + const blockOrder = getBlockOrder(_rootClientId); + return { + canMove: canMoveBlocks(clientIds, _rootClientId), + rootClientId: _rootClientId, + isFirst: firstIndex === 0, + isLast: lastIndex === blockOrder.length - 1, + orientation: (_getBlockListSettings = getBlockListSettings(_rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation + }; + }, [clientIds]); + + if (!canMove || isFirst && isLast && !rootClientId) { + return null; + } + + const dragHandleLabel = (0,external_wp_i18n_namespaceObject.__)('Drag'); + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { + className: classnames_default()('block-editor-block-mover', { + 'is-horizontal': orientation === 'horizontal' + }) + }, !hideDragHandle && (0,external_wp_element_namespaceObject.createElement)(block_draggable, { + clientIds: clientIds + }, draggableProps => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({ + icon: drag_handle, + className: "block-editor-block-mover__drag-handle", + "aria-hidden": "true", + label: dragHandleLabel // Should not be able to tab to drag handle as this + // button can only be used with a pointer device. + , + tabIndex: "-1" + }, draggableProps))), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-mover__move-button-container" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, itemProps => (0,external_wp_element_namespaceObject.createElement)(BlockMoverUpButton, _extends({ + clientIds: clientIds + }, itemProps))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, itemProps => (0,external_wp_element_namespaceObject.createElement)(BlockMoverDownButton, _extends({ + clientIds: clientIds + }, itemProps))))); +} +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-mover/README.md + */ + + +/* harmony default export */ var block_mover = (BlockMover); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/block-selection-button.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + + + + + +/** + * Internal dependencies + */ + + + + + + + + +/** + * Block selection button component, displaying the label of the block. If the block + * descends from a root block, a button is displayed enabling the user to select + * the root block. + * + * @param {string} props Component props. + * @param {string} props.clientId Client ID of block. + * + * @return {WPComponent} The component to be rendered. + */ + +function BlockSelectionButton(_ref) { + let { + clientId, + rootClientId + } = _ref; + const blockInformation = useBlockDisplayInformation(clientId); + const selected = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getBlockListSettings; + + const { + getBlock, + getBlockIndex, + hasBlockMovingClientId, + getBlockListSettings, + __unstableGetEditorMode + } = select(store); + const index = getBlockIndex(clientId); + const { + name, + attributes + } = getBlock(clientId); + const blockMovingMode = hasBlockMovingClientId(); + return { + index, + name, + attributes, + blockMovingMode, + orientation: (_getBlockListSettings = getBlockListSettings(rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation, + editorMode: __unstableGetEditorMode() + }; + }, [clientId, rootClientId]); + const { + index, + name, + attributes, + blockMovingMode, + orientation, + editorMode + } = selected; + const { + setNavigationMode, + removeBlock + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const ref = (0,external_wp_element_namespaceObject.useRef)(); + const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(name); + const label = (0,external_wp_blocks_namespaceObject.__experimentalGetAccessibleBlockLabel)(blockType, attributes, index + 1, orientation); // Focus the breadcrumb in navigation mode. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + ref.current.focus(); + (0,external_wp_a11y_namespaceObject.speak)(label); + }, [label]); + const blockElement = useBlockElement(clientId); + const { + hasBlockMovingClientId, + getBlockIndex, + getBlockRootClientId, + getClientIdsOfDescendants, + getSelectedBlockClientId, + getMultiSelectedBlocksEndClientId, + getPreviousBlockClientId, + getNextBlockClientId + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + selectBlock, + clearSelectedBlock, + setBlockMovingClientId, + moveBlockToPosition + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + + function onKeyDown(event) { + const { + keyCode + } = event; + const isUp = keyCode === external_wp_keycodes_namespaceObject.UP; + const isDown = keyCode === external_wp_keycodes_namespaceObject.DOWN; + const isLeft = keyCode === external_wp_keycodes_namespaceObject.LEFT; + const isRight = keyCode === external_wp_keycodes_namespaceObject.RIGHT; + const isTab = keyCode === external_wp_keycodes_namespaceObject.TAB; + const isEscape = keyCode === external_wp_keycodes_namespaceObject.ESCAPE; + const isEnter = keyCode === external_wp_keycodes_namespaceObject.ENTER; + const isSpace = keyCode === external_wp_keycodes_namespaceObject.SPACE; + const isShift = event.shiftKey; + + if (keyCode === external_wp_keycodes_namespaceObject.BACKSPACE || keyCode === external_wp_keycodes_namespaceObject.DELETE) { + removeBlock(clientId); + event.preventDefault(); + return; + } + + const selectedBlockClientId = getSelectedBlockClientId(); + const selectionEndClientId = getMultiSelectedBlocksEndClientId(); + const selectionBeforeEndClientId = getPreviousBlockClientId(selectionEndClientId || selectedBlockClientId); + const selectionAfterEndClientId = getNextBlockClientId(selectionEndClientId || selectedBlockClientId); + const navigateUp = isTab && isShift || isUp; + const navigateDown = isTab && !isShift || isDown; // Move out of current nesting level (no effect if at root level). + + const navigateOut = isLeft; // Move into next nesting level (no effect if the current block has no innerBlocks). + + const navigateIn = isRight; + let focusedBlockUid; + + if (navigateUp) { + focusedBlockUid = selectionBeforeEndClientId; + } else if (navigateDown) { + focusedBlockUid = selectionAfterEndClientId; + } else if (navigateOut) { + var _getBlockRootClientId; + + focusedBlockUid = (_getBlockRootClientId = getBlockRootClientId(selectedBlockClientId)) !== null && _getBlockRootClientId !== void 0 ? _getBlockRootClientId : selectedBlockClientId; + } else if (navigateIn) { + var _getClientIdsOfDescen; + + focusedBlockUid = (_getClientIdsOfDescen = getClientIdsOfDescendants([selectedBlockClientId])[0]) !== null && _getClientIdsOfDescen !== void 0 ? _getClientIdsOfDescen : selectedBlockClientId; + } + + const startingBlockClientId = hasBlockMovingClientId(); + + if (isEscape && startingBlockClientId && !event.defaultPrevented) { + setBlockMovingClientId(null); + event.preventDefault(); + } + + if ((isEnter || isSpace) && startingBlockClientId) { + const sourceRoot = getBlockRootClientId(startingBlockClientId); + const destRoot = getBlockRootClientId(selectedBlockClientId); + const sourceBlockIndex = getBlockIndex(startingBlockClientId); + let destinationBlockIndex = getBlockIndex(selectedBlockClientId); + + if (sourceBlockIndex < destinationBlockIndex && sourceRoot === destRoot) { + destinationBlockIndex -= 1; + } + + moveBlockToPosition(startingBlockClientId, sourceRoot, destRoot, destinationBlockIndex); + selectBlock(startingBlockClientId); + setBlockMovingClientId(null); + } + + if (navigateDown || navigateUp || navigateOut || navigateIn) { + if (focusedBlockUid) { + event.preventDefault(); + selectBlock(focusedBlockUid); + } else if (isTab && selectedBlockClientId) { + let nextTabbable; + + if (navigateDown) { + nextTabbable = blockElement; + + do { + nextTabbable = external_wp_dom_namespaceObject.focus.tabbable.findNext(nextTabbable); + } while (nextTabbable && blockElement.contains(nextTabbable)); + + if (!nextTabbable) { + nextTabbable = blockElement.ownerDocument.defaultView.frameElement; + nextTabbable = external_wp_dom_namespaceObject.focus.tabbable.findNext(nextTabbable); + } + } else { + nextTabbable = external_wp_dom_namespaceObject.focus.tabbable.findPrevious(blockElement); + } + + if (nextTabbable) { + event.preventDefault(); + nextTabbable.focus(); + clearSelectedBlock(); + } + } + } + } + + const classNames = classnames_default()('block-editor-block-list__block-selection-button', { + 'is-block-moving-mode': !!blockMovingMode + }); + + const dragHandleLabel = (0,external_wp_i18n_namespaceObject.__)('Drag'); + return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-card" + className: classNames + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { + justify: "center", + className: "block-editor-block-list__block-selection-button__content" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon, + showColors: true + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, editorMode === 'zoom-out' && (0,external_wp_element_namespaceObject.createElement)(block_mover, { + clientIds: [clientId], + hideDragHandle: true + }), editorMode === 'navigation' && (0,external_wp_element_namespaceObject.createElement)(block_draggable, { + clientIds: [clientId] + }, draggableProps => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({ + icon: drag_handle, + className: "block-selection-button_drag-handle", + "aria-hidden": "true", + label: dragHandleLabel // Should not be able to tab to drag handle as this + // button can only be used with a pointer device. + , + tabIndex: "-1" + }, draggableProps)))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + ref: ref, + onClick: editorMode === 'navigation' ? () => setNavigationMode(false) : undefined, + onKeyDown: onKeyDown, + label: label, + showTooltip: false, + className: "block-selection-button_select-button" + }, (0,external_wp_element_namespaceObject.createElement)(BlockTitle, { + clientId: clientId, + maximumLength: 35 + }))))); +} + +/* harmony default export */ var block_selection_button = (BlockSelectionButton); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/navigable-toolbar/index.js + + + +/** + * WordPress dependencies + */ + + + + + + +function hasOnlyToolbarItem(elements) { + const dataProp = 'toolbarItem'; + return !elements.some(element => !(dataProp in element.dataset)); +} + +function getAllToolbarItemsIn(container) { + return Array.from(container.querySelectorAll('[data-toolbar-item]')); +} + +function hasFocusWithin(container) { + return container.contains(container.ownerDocument.activeElement); +} + +function focusFirstTabbableIn(container) { + const [firstTabbable] = external_wp_dom_namespaceObject.focus.tabbable.find(container); + + if (firstTabbable) { + firstTabbable.focus({ + // When focusing newly mounted toolbars, + // the position of the popover is often not right on the first render + // This prevents the layout shifts when focusing the dialogs. + preventScroll: true + }); + } +} + +function useIsAccessibleToolbar(ref) { + /* + * By default, we'll assume the starting accessible state of the Toolbar + * is true, as it seems to be the most common case. + * + * Transitioning from an (initial) false to true state causes the + * component to mount twice, which is causing undesired + * side-effects. These side-effects appear to only affect certain + * E2E tests. + * + * This was initial discovered in this pull-request: + * https://github.com/WordPress/gutenberg/pull/23425 + */ + const initialAccessibleToolbarState = true; // By default, it's gonna render NavigableMenu. If all the tabbable elements + // inside the toolbar are ToolbarItem components (or derived components like + // ToolbarButton), then we can wrap them with the accessible Toolbar + // component. + + const [isAccessibleToolbar, setIsAccessibleToolbar] = (0,external_wp_element_namespaceObject.useState)(initialAccessibleToolbarState); + const determineIsAccessibleToolbar = (0,external_wp_element_namespaceObject.useCallback)(() => { + const tabbables = external_wp_dom_namespaceObject.focus.tabbable.find(ref.current); + const onlyToolbarItem = hasOnlyToolbarItem(tabbables); + + if (!onlyToolbarItem) { + external_wp_deprecated_default()('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' + }); + } + + setIsAccessibleToolbar(onlyToolbarItem); + }, []); + (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { + // Toolbar buttons may be rendered asynchronously, so we use + // MutationObserver to check if the toolbar subtree has been modified. + const observer = new window.MutationObserver(determineIsAccessibleToolbar); + observer.observe(ref.current, { + childList: true, + subtree: true + }); + return () => observer.disconnect(); + }, [isAccessibleToolbar]); + return isAccessibleToolbar; +} + +function useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, defaultIndex, onIndexChange) { + // Make sure we don't use modified versions of this prop. + const [initialFocusOnMount] = (0,external_wp_element_namespaceObject.useState)(focusOnMount); + const [initialIndex] = (0,external_wp_element_namespaceObject.useState)(defaultIndex); + const focusToolbar = (0,external_wp_element_namespaceObject.useCallback)(() => { + focusFirstTabbableIn(ref.current); + }, []); // Focus on toolbar when pressing alt+F10 when the toolbar is visible. + + (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/block-editor/focus-toolbar', focusToolbar); + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (initialFocusOnMount) { + focusToolbar(); + } + }, [isAccessibleToolbar, initialFocusOnMount, focusToolbar]); + (0,external_wp_element_namespaceObject.useEffect)(() => { + // If initialIndex is passed, we focus on that toolbar item when the + // toolbar gets mounted and initial focus is not forced. + // We have to wait for the next browser paint because block controls aren't + // rendered right away when the toolbar gets mounted. + let raf = 0; + + if (initialIndex && !initialFocusOnMount) { + raf = window.requestAnimationFrame(() => { + const items = getAllToolbarItemsIn(ref.current); + const index = initialIndex || 0; + + if (items[index] && hasFocusWithin(ref.current)) { + items[index].focus({ + // When focusing newly mounted toolbars, + // the position of the popover is often not right on the first render + // This prevents the layout shifts when focusing the dialogs. + preventScroll: true + }); + } + }); + } + + return () => { + window.cancelAnimationFrame(raf); + if (!onIndexChange || !ref.current) return; // When the toolbar element is unmounted and onIndexChange is passed, we + // pass the focused toolbar item index so it can be hydrated later. + + const items = getAllToolbarItemsIn(ref.current); + const index = items.findIndex(item => item.tabIndex === 0); + onIndexChange(index); + }; + }, [initialIndex, initialFocusOnMount]); +} + +function NavigableToolbar(_ref) { + let { + children, + focusOnMount, + __experimentalInitialIndex: initialIndex, + __experimentalOnIndexChange: onIndexChange, + ...props + } = _ref; + const ref = (0,external_wp_element_namespaceObject.useRef)(); + const isAccessibleToolbar = useIsAccessibleToolbar(ref); + useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, initialIndex, onIndexChange); + + if (isAccessibleToolbar) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Toolbar, _extends({ + label: props['aria-label'], + ref: ref + }, props), children); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NavigableMenu, _extends({ + orientation: "horizontal", + role: "toolbar", + ref: ref + }, props), children); +} + +/* harmony default export */ var navigable_toolbar = (NavigableToolbar); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/utils.js +/** + * WordPress dependencies + */ + +const { + clearTimeout: utils_clearTimeout, + setTimeout: utils_setTimeout +} = window; + +const utils_noop = () => {}; + +const DEBOUNCE_TIMEOUT = 200; +/** + * Hook that creates a showMover state, as well as debounced show/hide callbacks. + * + * @param {Object} props Component props. + * @param {Object} props.ref Element reference. + * @param {boolean} props.isFocused Whether the component has current focus. + * @param {number} [props.debounceTimeout=250] Debounce timeout in milliseconds. + * @param {Function} [props.onChange=noop] Callback function. + */ + +function useDebouncedShowMovers(_ref) { + let { + ref, + isFocused, + debounceTimeout = DEBOUNCE_TIMEOUT, + onChange = utils_noop + } = _ref; + const [showMovers, setShowMovers] = (0,external_wp_element_namespaceObject.useState)(false); + const timeoutRef = (0,external_wp_element_namespaceObject.useRef)(); + + const handleOnChange = nextIsFocused => { + if (ref !== null && ref !== void 0 && ref.current) { + setShowMovers(nextIsFocused); + } + + onChange(nextIsFocused); + }; + + const getIsHovered = () => { + return (ref === null || ref === void 0 ? void 0 : ref.current) && ref.current.matches(':hover'); + }; + + const shouldHideMovers = () => { + const isHovered = getIsHovered(); + return !isFocused && !isHovered; + }; + + const clearTimeoutRef = () => { + const timeout = timeoutRef.current; + + if (timeout && utils_clearTimeout) { + utils_clearTimeout(timeout); + } + }; + + const debouncedShowMovers = event => { + if (event) { + event.stopPropagation(); + } + + clearTimeoutRef(); + + if (!showMovers) { + handleOnChange(true); + } + }; + + const debouncedHideMovers = event => { + if (event) { + event.stopPropagation(); + } + + clearTimeoutRef(); + timeoutRef.current = utils_setTimeout(() => { + if (shouldHideMovers()) { + handleOnChange(false); + } + }, debounceTimeout); + }; + + (0,external_wp_element_namespaceObject.useEffect)(() => () => { + /** + * We need to call the change handler with `isFocused` + * set to false on unmount because we also clear the + * timeout that would handle that. + */ + handleOnChange(false); + clearTimeoutRef(); + }, []); + return { + showMovers, + debouncedShowMovers, + debouncedHideMovers + }; +} +/** + * Hook that provides a showMovers state and gesture events for DOM elements + * that interact with the showMovers state. + * + * @param {Object} props Component props. + * @param {Object} props.ref Element reference. + * @param {number} [props.debounceTimeout=250] Debounce timeout in milliseconds. + * @param {Function} [props.onChange=noop] Callback function. + */ + +function useShowMoversGestures(_ref2) { + let { + ref, + debounceTimeout = DEBOUNCE_TIMEOUT, + onChange = utils_noop + } = _ref2; + const [isFocused, setIsFocused] = (0,external_wp_element_namespaceObject.useState)(false); + const { + showMovers, + debouncedShowMovers, + debouncedHideMovers + } = useDebouncedShowMovers({ + ref, + debounceTimeout, + isFocused, + onChange + }); + const registerRef = (0,external_wp_element_namespaceObject.useRef)(false); + + const isFocusedWithin = () => { + return (ref === null || ref === void 0 ? void 0 : ref.current) && ref.current.contains(ref.current.ownerDocument.activeElement); + }; + + (0,external_wp_element_namespaceObject.useEffect)(() => { + const node = ref.current; + + const handleOnFocus = () => { + if (isFocusedWithin()) { + setIsFocused(true); + debouncedShowMovers(); + } + }; + + const handleOnBlur = () => { + if (!isFocusedWithin()) { + setIsFocused(false); + debouncedHideMovers(); + } + }; + /** + * Events are added via DOM events (vs. React synthetic events), + * as the child React components swallow mouse events. + */ + + + if (node && !registerRef.current) { + node.addEventListener('focus', handleOnFocus, true); + node.addEventListener('blur', handleOnBlur, true); + registerRef.current = true; + } + + return () => { + if (node) { + node.removeEventListener('focus', handleOnFocus); + node.removeEventListener('blur', handleOnBlur); + } + }; + }, [ref, registerRef, setIsFocused, debouncedShowMovers, debouncedHideMovers]); + return { + showMovers, + gestures: { + onMouseMove: debouncedShowMovers, + onMouseLeave: debouncedHideMovers + } + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-parent-selector/index.js + + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + +/** + * Block parent selector component, displaying the hierarchy of the + * current block selection as a single icon to "go up" a level. + * + * @return {WPComponent} Parent block selector. + */ + +function BlockParentSelector() { + const { + selectBlock, + toggleBlockHighlight + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + firstParentClientId, + shouldHide, + isDistractionFree + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockName, + getBlockParents, + getSelectedBlockClientId, + getSettings + } = select(store); + const { + hasBlockSupport + } = select(external_wp_blocks_namespaceObject.store); + const selectedBlockClientId = getSelectedBlockClientId(); + const parents = getBlockParents(selectedBlockClientId); + const _firstParentClientId = parents[parents.length - 1]; + const parentBlockName = getBlockName(_firstParentClientId); + + const _parentBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(parentBlockName); + + const settings = getSettings(); + return { + firstParentClientId: _firstParentClientId, + shouldHide: !hasBlockSupport(_parentBlockType, '__experimentalParentSelector', true), + isDistractionFree: settings.isDistractionFree + }; + }, []); + const blockInformation = useBlockDisplayInformation(firstParentClientId); // Allows highlighting the parent block outline when focusing or hovering + // the parent block selector within the child. + + const nodeRef = (0,external_wp_element_namespaceObject.useRef)(); + const { + gestures: showMoversGestures + } = useShowMoversGestures({ + ref: nodeRef, + + onChange(isFocused) { + if (isFocused && isDistractionFree) { + return; + } + + toggleBlockHighlight(firstParentClientId, isFocused); + } + + }); + + if (shouldHide || firstParentClientId === undefined) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)("div", _extends({ + className: "block-editor-block-parent-selector", + key: firstParentClientId, + ref: nodeRef + }, showMoversGestures), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + className: "block-editor-block-parent-selector__button", + onClick: () => selectBlock(firstParentClientId), + label: (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: Name of the block's parent. */ + (0,external_wp_i18n_namespaceObject.__)('Select %s'), blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.title), + showTooltip: true, + icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon + }) + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/copy.js + + +/** + * WordPress dependencies + */ + +const copy = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var library_copy = (copy); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/preview-block-popover.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function PreviewBlockPopover(_ref) { + let { + blocks + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__popover__preview__parent" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__popover__preview__container" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { + className: "block-editor-block-switcher__preview__popover", + placement: "bottom-start", + focusOnMount: false + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__preview" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__preview-title" + }, (0,external_wp_i18n_namespaceObject.__)('Preview')), (0,external_wp_element_namespaceObject.createElement)(block_preview, { + viewportWidth: 500, + blocks: blocks + }))))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/block-transformations-menu.js + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + +/** + * Helper hook to group transformations to display them in a specific order in the UI. + * For now we group only priority content driven transformations(ex. paragraph -> heading). + * + * Later on we could also group 'layout' transformations(ex. paragraph -> group) and + * display them in different sections. + * + * @param {Object[]} possibleBlockTransformations The available block transformations. + * @return {Record} The grouped block transformations. + */ + +function useGroupedTransforms(possibleBlockTransformations) { + const priorityContentTranformationBlocks = { + 'core/paragraph': 1, + 'core/heading': 2, + 'core/list': 3, + 'core/quote': 4 + }; + const transformations = (0,external_wp_element_namespaceObject.useMemo)(() => { + const priorityTextTranformsNames = Object.keys(priorityContentTranformationBlocks); + return possibleBlockTransformations.reduce((accumulator, item) => { + const { + name + } = item; + + if (priorityTextTranformsNames.includes(name)) { + accumulator.priorityTextTransformations.push(item); + } else { + accumulator.restTransformations.push(item); + } + + return accumulator; + }, { + priorityTextTransformations: [], + restTransformations: [] + }); + }, [possibleBlockTransformations]); // Order the priority text transformations. + + transformations.priorityTextTransformations.sort((_ref, _ref2) => { + let { + name: currentName + } = _ref; + let { + name: nextName + } = _ref2; + return priorityContentTranformationBlocks[currentName] < priorityContentTranformationBlocks[nextName] ? -1 : 1; + }); + return transformations; +} + +const BlockTransformationsMenu = _ref3 => { + let { + className, + possibleBlockTransformations, + onSelect, + blocks + } = _ref3; + const [hoveredTransformItemName, setHoveredTransformItemName] = (0,external_wp_element_namespaceObject.useState)(); + const { + priorityTextTransformations, + restTransformations + } = useGroupedTransforms(possibleBlockTransformations); // We have to check if both content transformations(priority and rest) are set + // in order to create a separate MenuGroup for them. + + const hasBothContentTransformations = priorityTextTransformations.length && restTransformations.length; + const restTransformItems = !!restTransformations.length && (0,external_wp_element_namespaceObject.createElement)(RestTransformationItems, { + restTransformations: restTransformations, + onSelect: onSelect, + setHoveredTransformItemName: setHoveredTransformItemName + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { + label: (0,external_wp_i18n_namespaceObject.__)('Transform to'), + className: className + }, hoveredTransformItemName && (0,external_wp_element_namespaceObject.createElement)(PreviewBlockPopover, { + blocks: (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocks, hoveredTransformItemName) + }), priorityTextTransformations.map(item => (0,external_wp_element_namespaceObject.createElement)(BlockTranformationItem, { + key: item.name, + item: item, + onSelect: onSelect, + setHoveredTransformItemName: setHoveredTransformItemName + })), !hasBothContentTransformations && restTransformItems), !!hasBothContentTransformations && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { + className: className + }, restTransformItems)); +}; + +function RestTransformationItems(_ref4) { + let { + restTransformations, + onSelect, + setHoveredTransformItemName + } = _ref4; + return restTransformations.map(item => (0,external_wp_element_namespaceObject.createElement)(BlockTranformationItem, { + key: item.name, + item: item, + onSelect: onSelect, + setHoveredTransformItemName: setHoveredTransformItemName + })); +} + +function BlockTranformationItem(_ref5) { + let { + item, + onSelect, + setHoveredTransformItemName + } = _ref5; + const { + name, + icon, + title, + isDisabled + } = item; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + className: (0,external_wp_blocks_namespaceObject.getBlockMenuDefaultClassName)(name), + onClick: event => { + event.preventDefault(); + onSelect(name); + }, + disabled: isDisabled, + onMouseLeave: () => setHoveredTransformItemName(null), + onMouseEnter: () => setHoveredTransformItemName(name) }, (0,external_wp_element_namespaceObject.createElement)(block_icon, { icon: icon, showColors: true - }), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-card__content" - }, (0,external_wp_element_namespaceObject.createElement)("h2", { - className: "block-editor-block-card__title" - }, title), (0,external_wp_element_namespaceObject.createElement)("span", { - className: "block-editor-block-card__description" - }, description))); + }), title); } -/* harmony default export */ var block_card = (BlockCard); +/* harmony default export */ var block_transformations_menu = (BlockTransformationsMenu); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/with-registry-provider.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js +/** + * WordPress dependencies + */ +const check = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" +})); +/* harmony default export */ var library_check = (check); + +;// CONCATENATED MODULE: external ["wp","tokenList"] +var external_wp_tokenList_namespaceObject = window["wp"]["tokenList"]; +var external_wp_tokenList_default = /*#__PURE__*/__webpack_require__.n(external_wp_tokenList_namespaceObject); +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/utils.js +/** + * WordPress dependencies + */ + + +/** + * Returns the active style from the given className. + * + * @param {Array} styles Block styles. + * @param {string} className Class name + * + * @return {Object?} The active style. + */ + +function getActiveStyle(styles, className) { + for (const style of new (external_wp_tokenList_default())(className).values()) { + if (style.indexOf('is-style-') === -1) { + continue; + } + + const potentialStyleName = style.substring(9); + const activeStyle = styles === null || styles === void 0 ? void 0 : styles.find(_ref => { + let { + name + } = _ref; + return name === potentialStyleName; + }); + + if (activeStyle) { + return activeStyle; + } + } + + return getDefaultStyle(styles); +} +/** + * Replaces the active style in the block's className. + * + * @param {string} className Class name. + * @param {Object?} activeStyle The replaced style. + * @param {Object} newStyle The replacing style. + * + * @return {string} The updated className. + */ + +function replaceActiveStyle(className, activeStyle, newStyle) { + const list = new (external_wp_tokenList_default())(className); + + if (activeStyle) { + list.remove('is-style-' + activeStyle.name); + } + + list.add('is-style-' + newStyle.name); + return list.value; +} +/** + * Returns a collection of styles that can be represented on the frontend. + * The function checks a style collection for a default style. If none is found, it adds one to + * act as a fallback for when there is no active style applied to a block. The default item also serves + * as a switch on the frontend to deactivate non-default styles. + * + * @param {Array} styles Block styles. + * + * @return {Array} The style collection. + */ + +function getRenderedStyles(styles) { + if (!styles || styles.length === 0) { + return []; + } + + return getDefaultStyle(styles) ? styles : [{ + name: 'default', + label: (0,external_wp_i18n_namespaceObject._x)('Default', 'block style'), + isDefault: true + }, ...styles]; +} +/** + * Returns a style object from a collection of styles where that style object is the default block style. + * + * @param {Array} styles Block styles. + * + * @return {Object?} The default style object, if found. + */ + +function getDefaultStyle(styles) { + return styles === null || styles === void 0 ? void 0 : styles.find(style => style.isDefault); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/use-styles-for-block.js /** * WordPress dependencies */ @@ -21147,289 +27069,2284 @@ function BlockCard(_ref) { -const withRegistryProvider = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => { - return (0,external_wp_data_namespaceObject.withRegistry)(_ref => { - let { - useSubRegistry = true, - registry, - ...props - } = _ref; +/** + * + * @param {WPBlock} block Block object. + * @param {WPBlockType} type Block type settings. + * @return {WPBlock} A generic block ready for styles preview. + */ - if (!useSubRegistry) { - return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({ - registry: registry - }, props)); +function useGenericPreviewBlock(block, type) { + return (0,external_wp_element_namespaceObject.useMemo)(() => { + const example = type === null || type === void 0 ? void 0 : type.example; + const blockName = type === null || type === void 0 ? void 0 : type.name; + + if (example && blockName) { + return (0,external_wp_blocks_namespaceObject.getBlockFromExample)(blockName, { + attributes: example.attributes, + innerBlocks: example.innerBlocks + }); } - const [subRegistry, setSubRegistry] = (0,external_wp_element_namespaceObject.useState)(null); - (0,external_wp_element_namespaceObject.useEffect)(() => { - const newRegistry = (0,external_wp_data_namespaceObject.createRegistry)({}, registry); - newRegistry.registerStore(STORE_NAME, storeConfig); - setSubRegistry(newRegistry); - }, [registry]); + if (block) { + return (0,external_wp_blocks_namespaceObject.cloneBlock)(block); + } + }, [type !== null && type !== void 0 && type.example ? block === null || block === void 0 ? void 0 : block.name : block, type]); +} +/** + * @typedef useStylesForBlocksArguments + * @property {string} clientId Block client ID. + * @property {() => void} onSwitch Block style switch callback function. + */ - if (!subRegistry) { +/** + * + * @param {useStylesForBlocksArguments} useStylesForBlocks arguments. + * @return {Object} Results of the select methods. + */ + + +function useStylesForBlocks(_ref) { + let { + clientId, + onSwitch + } = _ref; + + const selector = select => { + const { + getBlock + } = select(store); + const block = getBlock(clientId); + + if (!block) { + return {}; + } + + const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(block.name); + const { + getBlockStyles + } = select(external_wp_blocks_namespaceObject.store); + return { + block, + blockType, + styles: getBlockStyles(block.name), + className: block.attributes.className || '' + }; + }; + + const { + styles, + block, + blockType, + className + } = (0,external_wp_data_namespaceObject.useSelect)(selector, [clientId]); + const { + updateBlockAttributes + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const stylesToRender = getRenderedStyles(styles); + const activeStyle = getActiveStyle(stylesToRender, className); + const genericPreviewBlock = useGenericPreviewBlock(block, blockType); + + const onSelect = style => { + const styleClassName = replaceActiveStyle(className, activeStyle, style); + updateBlockAttributes(clientId, { + className: styleClassName + }); + onSwitch(); + }; + + return { + onSelect, + stylesToRender, + activeStyle, + genericPreviewBlock, + className + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/menu-items.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +const menu_items_noop = () => {}; + +function BlockStylesMenuItems(_ref) { + let { + clientId, + onSwitch = menu_items_noop + } = _ref; + const { + onSelect, + stylesToRender, + activeStyle + } = useStylesForBlocks({ + clientId, + onSwitch + }); + + if (!stylesToRender || stylesToRender.length === 0) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, stylesToRender.map(style => { + const menuItemText = style.label || style.name; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + key: style.name, + icon: activeStyle.name === style.name ? library_check : null, + onClick: () => onSelect(style) + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalText, { + as: "span", + limit: 18, + ellipsizeMode: "tail", + truncate: true + }, menuItemText)); + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/block-styles-menu.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function BlockStylesMenu(_ref) { + let { + hoveredBlock, + onSwitch + } = _ref; + const { + clientId + } = hoveredBlock; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { + label: (0,external_wp_i18n_namespaceObject.__)('Styles'), + className: "block-editor-block-switcher__styles__menugroup" + }, (0,external_wp_element_namespaceObject.createElement)(BlockStylesMenuItems, { + clientId: clientId, + onSwitch: onSwitch + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/utils.js +/** + * WordPress dependencies + */ + +/** + * Try to find a matching block by a block's name in a provided + * block. We recurse through InnerBlocks and return the reference + * of the matched block (it could be an InnerBlock). + * If no match is found return nothing. + * + * @param {WPBlock} block The block to try to find a match. + * @param {string} selectedBlockName The block's name to use for matching condition. + * @param {Set} consumedBlocks A set holding the previously matched/consumed blocks. + * + * @return {WPBlock | undefined} The matched block if found or nothing(`undefined`). + */ + +const getMatchingBlockByName = function (block, selectedBlockName) { + let consumedBlocks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set(); + const { + clientId, + name, + innerBlocks = [] + } = block; // Check if block has been consumed already. + + if (consumedBlocks.has(clientId)) return; + if (name === selectedBlockName) return block; // Try to find a matching block from InnerBlocks recursively. + + for (const innerBlock of innerBlocks) { + const match = getMatchingBlockByName(innerBlock, selectedBlockName, consumedBlocks); + if (match) return match; + } +}; +/** + * Find and return the block attributes to retain through + * the transformation, based on Block Type's `role:content` + * attributes. If no `role:content` attributes exist, + * return selected block's attributes. + * + * @param {string} name Block type's namespaced name. + * @param {Object} attributes Selected block's attributes. + * @return {Object} The block's attributes to retain. + */ + +const getRetainedBlockAttributes = (name, attributes) => { + const contentAttributes = (0,external_wp_blocks_namespaceObject.__experimentalGetBlockAttributesNamesByRole)(name, 'content'); + if (!(contentAttributes !== null && contentAttributes !== void 0 && contentAttributes.length)) return attributes; + return contentAttributes.reduce((_accumulator, attribute) => { + if (attributes[attribute]) _accumulator[attribute] = attributes[attribute]; + return _accumulator; + }, {}); +}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/use-transformed-patterns.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * Mutate the matched block's attributes by getting + * which block type's attributes to retain and prioritize + * them in the merging of the attributes. + * + * @param {WPBlock} match The matched block. + * @param {WPBlock} selectedBlock The selected block. + * @return {void} + */ + +const transformMatchingBlock = (match, selectedBlock) => { + // Get the block attributes to retain through the transformation. + const retainedBlockAttributes = getRetainedBlockAttributes(selectedBlock.name, selectedBlock.attributes); + match.attributes = { ...match.attributes, + ...retainedBlockAttributes + }; +}; +/** + * By providing the selected blocks and pattern's blocks + * find the matching blocks, transform them and return them. + * If not all selected blocks are matched, return nothing. + * + * @param {WPBlock[]} selectedBlocks The selected blocks. + * @param {WPBlock[]} patternBlocks The pattern's blocks. + * @return {WPBlock[]|void} The transformed pattern's blocks or undefined if not all selected blocks have been matched. + */ + +const getPatternTransformedBlocks = (selectedBlocks, patternBlocks) => { + // Clone Pattern's blocks to produce new clientIds and be able to mutate the matches. + const _patternBlocks = patternBlocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); + /** + * Keep track of the consumed pattern blocks. + * This is needed because we loop the selected blocks + * and for example we may have selected two paragraphs and + * the pattern's blocks could have more `paragraphs`. + */ + + + const consumedBlocks = new Set(); + + for (const selectedBlock of selectedBlocks) { + let isMatch = false; + + for (const patternBlock of _patternBlocks) { + const match = getMatchingBlockByName(patternBlock, selectedBlock.name, consumedBlocks); + if (!match) continue; + isMatch = true; + consumedBlocks.add(match.clientId); // We update (mutate) the matching pattern block. + + transformMatchingBlock(match, selectedBlock); // No need to loop through other pattern's blocks. + + break; + } // Bail eary if a selected block has not been matched. + + + if (!isMatch) return; + } + + return _patternBlocks; +}; +/** + * @typedef {WPBlockPattern & {transformedBlocks: WPBlock[]}} TransformedBlockPattern + */ + +/** + * Custom hook that accepts patterns from state and the selected + * blocks and tries to match these with the pattern's blocks. + * If all selected blocks are matched with a Pattern's block, + * we transform them by retaining block's attributes with `role:content`. + * The transformed pattern's blocks are set to a new pattern + * property `transformedBlocks`. + * + * @param {WPBlockPattern[]} patterns Patterns from state. + * @param {WPBlock[]} selectedBlocks The currently selected blocks. + * @return {TransformedBlockPattern[]} Returns the eligible matched patterns with all the selected blocks. + */ + +const useTransformedPatterns = (patterns, selectedBlocks) => { + return (0,external_wp_element_namespaceObject.useMemo)(() => patterns.reduce((accumulator, _pattern) => { + const transformedBlocks = getPatternTransformedBlocks(selectedBlocks, _pattern.blocks); + + if (transformedBlocks) { + accumulator.push({ ..._pattern, + transformedBlocks + }); + } + + return accumulator; + }, []), [patterns, selectedBlocks]); +}; + +/* harmony default export */ var use_transformed_patterns = (useTransformedPatterns); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/pattern-transformations-menu.js + + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + +function PatternTransformationsMenu(_ref) { + let { + blocks, + patterns: statePatterns, + onSelect + } = _ref; + const [showTransforms, setShowTransforms] = (0,external_wp_element_namespaceObject.useState)(false); + const patterns = use_transformed_patterns(statePatterns, blocks); + if (!patterns.length) return null; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { + className: "block-editor-block-switcher__pattern__transforms__menugroup" + }, showTransforms && (0,external_wp_element_namespaceObject.createElement)(PreviewPatternsPopover, { + patterns: patterns, + onSelect: onSelect + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: event => { + event.preventDefault(); + setShowTransforms(!showTransforms); + }, + icon: chevron_right + }, (0,external_wp_i18n_namespaceObject.__)('Patterns'))); +} + +function PreviewPatternsPopover(_ref2) { + let { + patterns, + onSelect + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__popover__preview__parent" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__popover__preview__container" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { + className: "block-editor-block-switcher__preview__popover", + position: "bottom right" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__preview" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__preview-title" + }, (0,external_wp_i18n_namespaceObject.__)('Preview')), (0,external_wp_element_namespaceObject.createElement)(BlockPatternsList, { + patterns: patterns, + onSelect: onSelect + }))))); +} + +function BlockPatternsList(_ref3) { + let { + patterns, + onSelect + } = _ref3; + const composite = (0,external_wp_components_namespaceObject.__unstableUseCompositeState)(); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableComposite, _extends({}, composite, { + role: "listbox", + className: "block-editor-block-switcher__preview-patterns-container", + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Patterns list') + }), patterns.map(pattern => (0,external_wp_element_namespaceObject.createElement)(BlockPattern, { + key: pattern.name, + pattern: pattern, + onSelect: onSelect, + composite: composite + }))); +} + +function BlockPattern(_ref4) { + let { + pattern, + onSelect, + composite + } = _ref4; + // TODO check pattern/preview width... + const baseClassName = 'block-editor-block-switcher__preview-patterns-container'; + const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockPattern, `${baseClassName}-list__item-description`); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${baseClassName}-list__list-item`, + "aria-label": pattern.title, + "aria-describedby": pattern.description ? descriptionId : undefined + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableCompositeItem, _extends({ + role: "option", + as: "div" + }, composite, { + className: `${baseClassName}-list__item`, + onClick: () => onSelect(pattern.transformedBlocks) + }), (0,external_wp_element_namespaceObject.createElement)(block_preview, { + blocks: pattern.transformedBlocks, + viewportWidth: pattern.viewportWidth || 500 + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${baseClassName}-list__item-title` + }, pattern.title)), !!pattern.description && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { + id: descriptionId + }, pattern.description)); +} + +/* harmony default export */ var pattern_transformations_menu = (PatternTransformationsMenu); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/index.js + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + + + + +const BlockSwitcherDropdownMenu = _ref => { + let { + clientIds, + blocks + } = _ref; + const { + replaceBlocks, + multiSelect + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const blockInformation = useBlockDisplayInformation(blocks[0].clientId); + const { + possibleBlockTransformations, + canRemove, + hasBlockStyles, + icon, + patterns + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockRootClientId, + getBlockTransformItems, + __experimentalGetPatternTransformItems + } = select(store); + const { + getBlockStyles, + getBlockType + } = select(external_wp_blocks_namespaceObject.store); + const { + canRemoveBlocks + } = select(store); + const rootClientId = getBlockRootClientId(Array.isArray(clientIds) ? clientIds[0] : clientIds); + const [{ + name: firstBlockName + }] = blocks; + + const _isSingleBlockSelected = blocks.length === 1; + + const styles = _isSingleBlockSelected && getBlockStyles(firstBlockName); + + let _icon; + + if (_isSingleBlockSelected) { + _icon = blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon; // Take into account active block variations. + } else { + var _getBlockType; + + const isSelectionOfSameType = new Set(blocks.map(_ref2 => { + let { + name + } = _ref2; + return name; + })).size === 1; // When selection consists of blocks of multiple types, display an + // appropriate icon to communicate the non-uniformity. + + _icon = isSelectionOfSameType ? (_getBlockType = getBlockType(firstBlockName)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.icon : library_copy; + } + + return { + possibleBlockTransformations: getBlockTransformItems(blocks, rootClientId), + canRemove: canRemoveBlocks(clientIds, rootClientId), + hasBlockStyles: !!(styles !== null && styles !== void 0 && styles.length), + icon: _icon, + patterns: __experimentalGetPatternTransformItems(blocks, rootClientId) + }; + }, [clientIds, blocks, blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon]); + const blockTitle = useBlockDisplayTitle({ + clientId: Array.isArray(clientIds) ? clientIds[0] : clientIds, + maximumLength: 35 + }); + const isReusable = blocks.length === 1 && (0,external_wp_blocks_namespaceObject.isReusableBlock)(blocks[0]); + const isTemplate = blocks.length === 1 && (0,external_wp_blocks_namespaceObject.isTemplatePart)(blocks[0]); + + function selectForMultipleBlocks(insertedBlocks) { + if (insertedBlocks.length > 1) { + multiSelect(insertedBlocks[0].clientId, insertedBlocks[insertedBlocks.length - 1].clientId); + } + } // Simple block tranformation based on the `Block Transforms` API. + + + function onBlockTransform(name) { + const newBlocks = (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocks, name); + replaceBlocks(clientIds, newBlocks); + selectForMultipleBlocks(newBlocks); + } // Pattern transformation through the `Patterns` API. + + + function onPatternTransform(transformedBlocks) { + replaceBlocks(clientIds, transformedBlocks); + selectForMultipleBlocks(transformedBlocks); + } + /** + * The `isTemplate` check is a stopgap solution here. + * Ideally, the Transforms API should handle this + * by allowing to exclude blocks from wildcard transformations. + */ + + + const hasPossibleBlockTransformations = !!possibleBlockTransformations.length && canRemove && !isTemplate; + const hasPatternTransformation = !!(patterns !== null && patterns !== void 0 && patterns.length) && canRemove; + + if (!hasBlockStyles && !hasPossibleBlockTransformations) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + disabled: true, + className: "block-editor-block-switcher__no-switcher-icon", + title: blockTitle, + icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: icon, + showColors: true + }), (isReusable || isTemplate) && (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-block-switcher__toggle-text" + }, blockTitle)) + })); + } + + const blockSwitcherLabel = blockTitle; + const blockSwitcherDescription = 1 === blocks.length ? (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: block title. */ + (0,external_wp_i18n_namespaceObject.__)('%s: Change block type or style'), blockTitle) : (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %d: number of blocks. */ + (0,external_wp_i18n_namespaceObject._n)('Change type of %d block', 'Change type of %d blocks', blocks.length), blocks.length); + const showDropDown = hasBlockStyles || hasPossibleBlockTransformations || hasPatternTransformation; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, toggleProps => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, { + className: "block-editor-block-switcher", + label: blockSwitcherLabel, + popoverProps: { + position: 'bottom right', + variant: 'toolbar', + className: 'block-editor-block-switcher__popover' + }, + icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: icon, + className: "block-editor-block-switcher__toggle", + showColors: true + }), (isReusable || isTemplate) && (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-block-switcher__toggle-text" + }, blockTitle)), + toggleProps: { + describedBy: blockSwitcherDescription, + ...toggleProps + }, + menuProps: { + orientation: 'both' + } + }, _ref3 => { + let { + onClose + } = _ref3; + return showDropDown && (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-switcher__container" + }, hasPatternTransformation && (0,external_wp_element_namespaceObject.createElement)(pattern_transformations_menu, { + blocks: blocks, + patterns: patterns, + onSelect: transformedBlocks => { + onPatternTransform(transformedBlocks); + onClose(); + } + }), hasPossibleBlockTransformations && (0,external_wp_element_namespaceObject.createElement)(block_transformations_menu, { + className: "block-editor-block-switcher__transforms__menugroup", + possibleBlockTransformations: possibleBlockTransformations, + blocks: blocks, + onSelect: name => { + onBlockTransform(name); + onClose(); + } + }), hasBlockStyles && (0,external_wp_element_namespaceObject.createElement)(BlockStylesMenu, { + hoveredBlock: blocks[0], + onSwitch: onClose + })); + }))); +}; +const BlockSwitcher = _ref4 => { + let { + clientIds + } = _ref4; + const blocks = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlocksByClientId(clientIds), [clientIds]); + + if (!blocks.length || blocks.some(block => !block)) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(BlockSwitcherDropdownMenu, { + clientIds: clientIds, + blocks: blocks + }); +}; +/* harmony default export */ var block_switcher = (BlockSwitcher); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/block-toolbar-last-item.js +/** + * WordPress dependencies + */ + +const { + Fill: __unstableBlockToolbarLastItem, + Slot +} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableBlockToolbarLastItem'); +__unstableBlockToolbarLastItem.Slot = Slot; +/* harmony default export */ var block_toolbar_last_item = (__unstableBlockToolbarLastItem); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js + + +/** + * WordPress dependencies + */ + +const moreVertical = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" +})); +/* harmony default export */ var more_vertical = (moreVertical); + +;// CONCATENATED MODULE: external ["wp","notices"] +var external_wp_notices_namespaceObject = window["wp"]["notices"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/pasting.js +/** + * WordPress dependencies + */ + +function getPasteEventData(_ref) { + let { + clipboardData + } = _ref; + let plainText = ''; + let html = ''; // IE11 only supports `Text` as an argument for `getData` and will + // otherwise throw an invalid argument error, so we try the standard + // arguments first, then fallback to `Text` if they fail. + + try { + plainText = clipboardData.getData('text/plain'); + html = clipboardData.getData('text/html'); + } catch (error1) { + try { + html = clipboardData.getData('Text'); + } catch (error2) { + // Some browsers like UC Browser paste plain text by default and + // don't support clipboardData at all, so allow default + // behaviour. + return; + } + } + + const files = (0,external_wp_dom_namespaceObject.getFilesFromDataTransfer)(clipboardData); + + if (files.length && !shouldDismissPastedFiles(files, html, plainText)) { + return { + files + }; + } + + return { + html, + plainText, + files: [] + }; +} +/** + * Given a collection of DataTransfer files and HTML and plain text strings, + * determine whether the files are to be dismissed in favor of the HTML. + * + * Certain office-type programs, like Microsoft Word or Apple Numbers, + * will, upon copy, generate a screenshot of the content being copied and + * attach it to the clipboard alongside the actual rich text that the user + * sought to copy. In those cases, we should let Gutenberg handle the rich text + * content and not the screenshot, since this allows Gutenberg to insert + * meaningful blocks, like paragraphs, lists or even tables. + * + * @param {File[]} files File objects obtained from a paste event + * @param {string} html HTML content obtained from a paste event + * @return {boolean} True if the files should be dismissed + */ + +function shouldDismissPastedFiles(files, html +/*, plainText */ +) { + // The question is only relevant when there is actual HTML content and when + // there is exactly one image file. + if (html && (files === null || files === void 0 ? void 0 : files.length) === 1 && files[0].type.indexOf('image/') === 0) { + var _html$match; + + // A single tag found in the HTML source suggests that the + // content being pasted revolves around an image. Sometimes there are + // other elements found, like
    , but we assume that the user's + // intention is to paste the actual image file. + const IMAGE_TAG = /<\s*img\b/gi; + if (((_html$match = html.match(IMAGE_TAG)) === null || _html$match === void 0 ? void 0 : _html$match.length) !== 1) return true; // Even when there is exactly one tag in the HTML payload, we + // choose to weed out local images, i.e. those whose source starts with + // "file://". These payloads occur in specific configurations, such as + // when copying an entire document from Microsoft Word, that contains + // text and exactly one image, and pasting that content using Google + // Chrome. + + const IMG_WITH_LOCAL_SRC = /<\s*img\b[^>]*\bsrc="file:\/\//i; + if (html.match(IMG_WITH_LOCAL_SRC)) return true; + } + + return false; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/copy-handler/index.js + + +/** + * WordPress dependencies + */ + + + + + + + +/** + * Internal dependencies + */ + + + +function useNotifyCopy() { + const { + getBlockName + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + getBlockType + } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store); + const { + createSuccessNotice + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); + return (0,external_wp_element_namespaceObject.useCallback)((eventType, selectedBlockClientIds) => { + let notice = ''; + + if (selectedBlockClientIds.length === 1) { + var _getBlockType; + + const clientId = selectedBlockClientIds[0]; + const title = (_getBlockType = getBlockType(getBlockName(clientId))) === null || _getBlockType === void 0 ? void 0 : _getBlockType.title; + notice = eventType === 'copy' ? (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: Name of the block being copied, e.g. "Paragraph". + (0,external_wp_i18n_namespaceObject.__)('Copied "%s" to clipboard.'), title) : (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: Name of the block being cut, e.g. "Paragraph". + (0,external_wp_i18n_namespaceObject.__)('Moved "%s" to clipboard.'), title); + } else { + notice = eventType === 'copy' ? (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %d: Number of blocks being copied. + (0,external_wp_i18n_namespaceObject._n)('Copied %d block to clipboard.', 'Copied %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length) : (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %d: Number of blocks being cut. + (0,external_wp_i18n_namespaceObject._n)('Moved %d block to clipboard.', 'Moved %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length); + } + + createSuccessNotice(notice, { + type: 'snackbar' + }); + }, []); +} +function useClipboardHandler() { + const { + getBlocksByClientId, + getSelectedBlockClientIds, + hasMultiSelection, + getSettings, + __unstableIsFullySelected, + __unstableIsSelectionCollapsed, + __unstableIsSelectionMergeable, + __unstableGetSelectedBlocksWithPartialSelection, + canInsertBlockType + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + flashBlock, + removeBlocks, + replaceBlocks, + __unstableDeleteSelection, + __unstableExpandSelection, + insertBlocks + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const notifyCopy = useNotifyCopy(); + return (0,external_wp_compose_namespaceObject.useRefEffect)(node => { + function handler(event) { + const selectedBlockClientIds = getSelectedBlockClientIds(); + + if (selectedBlockClientIds.length === 0) { + return; + } // Always handle multiple selected blocks. + + + if (!hasMultiSelection()) { + const { + target + } = event; + const { + ownerDocument + } = target; // If copying, only consider actual text selection as selection. + // Otherwise, any focus on an input field is considered. + + const hasSelection = event.type === 'copy' || event.type === 'cut' ? (0,external_wp_dom_namespaceObject.documentHasUncollapsedSelection)(ownerDocument) : (0,external_wp_dom_namespaceObject.documentHasSelection)(ownerDocument); // Let native copy behaviour take over in input fields. + + if (hasSelection) { + return; + } + } + + if (!node.contains(event.target.ownerDocument.activeElement)) { + return; + } + + const eventDefaultPrevented = event.defaultPrevented; + event.preventDefault(); + + const isSelectionMergeable = __unstableIsSelectionMergeable(); + + const shouldHandleWholeBlocks = __unstableIsSelectionCollapsed() || __unstableIsFullySelected(); + + const expandSelectionIsNeeded = !shouldHandleWholeBlocks && !isSelectionMergeable; + + if (event.type === 'copy' || event.type === 'cut') { + if (selectedBlockClientIds.length === 1) { + flashBlock(selectedBlockClientIds[0]); + } // If we have a partial selection that is not mergeable, just + // expand the selection to the whole blocks. + + + if (expandSelectionIsNeeded) { + __unstableExpandSelection(); + } else { + notifyCopy(event.type, selectedBlockClientIds); + let blocks; // Check if we have partial selection. + + if (shouldHandleWholeBlocks) { + blocks = getBlocksByClientId(selectedBlockClientIds); + } else { + const [head, tail] = __unstableGetSelectedBlocksWithPartialSelection(); + + const inBetweenBlocks = getBlocksByClientId(selectedBlockClientIds.slice(1, selectedBlockClientIds.length - 1)); + blocks = [head, ...inBetweenBlocks, tail]; + } + + const wrapperBlockName = event.clipboardData.getData('__unstableWrapperBlockName'); + + if (wrapperBlockName) { + blocks = (0,external_wp_blocks_namespaceObject.createBlock)(wrapperBlockName, JSON.parse(event.clipboardData.getData('__unstableWrapperBlockAttributes')), blocks); + } + + const serialized = (0,external_wp_blocks_namespaceObject.serialize)(blocks); + event.clipboardData.setData('text/plain', toPlainText(serialized)); + event.clipboardData.setData('text/html', serialized); + } + } + + if (event.type === 'cut') { + // We need to also check if at the start we needed to + // expand the selection, as in this point we might have + // programmatically fully selected the blocks above. + if (shouldHandleWholeBlocks && !expandSelectionIsNeeded) { + removeBlocks(selectedBlockClientIds); + } else { + __unstableDeleteSelection(); + } + } else if (event.type === 'paste') { + if (eventDefaultPrevented) { + // This was likely already handled in rich-text/use-paste-handler.js. + return; + } + + const { + __experimentalCanUserUseUnfilteredHTML: canUserUseUnfilteredHTML + } = getSettings(); + const { + plainText, + html, + files + } = getPasteEventData(event); + let blocks = []; + + if (files.length) { + const fromTransforms = (0,external_wp_blocks_namespaceObject.getBlockTransforms)('from'); + blocks = files.reduce((accumulator, file) => { + const transformation = (0,external_wp_blocks_namespaceObject.findTransform)(fromTransforms, transform => transform.type === 'files' && transform.isMatch([file])); + + if (transformation) { + accumulator.push(transformation.transform([file])); + } + + return accumulator; + }, []).flat(); + } else { + blocks = (0,external_wp_blocks_namespaceObject.pasteHandler)({ + HTML: html, + plainText, + mode: 'BLOCKS', + canUserUseUnfilteredHTML + }); + } + + if (selectedBlockClientIds.length === 1) { + const [selectedBlockClientId] = selectedBlockClientIds; + + if (blocks.every(block => canInsertBlockType(block.name, selectedBlockClientId))) { + insertBlocks(blocks, undefined, selectedBlockClientId); + return; + } + } + + replaceBlocks(selectedBlockClientIds, blocks, blocks.length - 1, -1); + } + } + + node.ownerDocument.addEventListener('copy', handler); + node.ownerDocument.addEventListener('cut', handler); + node.ownerDocument.addEventListener('paste', handler); + return () => { + node.ownerDocument.removeEventListener('copy', handler); + node.ownerDocument.removeEventListener('cut', handler); + node.ownerDocument.removeEventListener('paste', handler); + }; + }, []); +} + +function CopyHandler(_ref) { + let { + children + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("div", { + ref: useClipboardHandler() + }, children); +} +/** + * Given a string of HTML representing serialized blocks, returns the plain + * text extracted after stripping the HTML of any tags and fixing line breaks. + * + * @param {string} html Serialized blocks. + * @return {string} The plain-text content with any html removed. + */ + + +function toPlainText(html) { + // Manually handle BR tags as line breaks prior to `stripHTML` call + html = html.replace(/
    /g, '\n'); + const plainText = (0,external_wp_dom_namespaceObject.__unstableStripHTML)(html).trim(); // Merge any consecutive line breaks + + return plainText.replace(/\n\n+/g, '\n\n'); +} +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/copy-handler/README.md + */ + + +/* harmony default export */ var copy_handler = (CopyHandler); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/supports.js +/** + * WordPress dependencies + */ + + +const ALIGN_SUPPORT_KEY = 'align'; +const ALIGN_WIDE_SUPPORT_KEY = 'alignWide'; +const BORDER_SUPPORT_KEY = '__experimentalBorder'; +const COLOR_SUPPORT_KEY = 'color'; +const CUSTOM_CLASS_NAME_SUPPORT_KEY = 'customClassName'; +const FONT_FAMILY_SUPPORT_KEY = 'typography.__experimentalFontFamily'; +const FONT_SIZE_SUPPORT_KEY = 'typography.fontSize'; +const LINE_HEIGHT_SUPPORT_KEY = 'typography.lineHeight'; +/** + * Key within block settings' support array indicating support for font style. + */ + +const FONT_STYLE_SUPPORT_KEY = 'typography.__experimentalFontStyle'; +/** + * Key within block settings' support array indicating support for font weight. + */ + +const FONT_WEIGHT_SUPPORT_KEY = 'typography.__experimentalFontWeight'; +/** + * Key within block settings' supports array indicating support for text + * decorations e.g. settings found in `block.json`. + */ + +const TEXT_DECORATION_SUPPORT_KEY = 'typography.__experimentalTextDecoration'; +/** + * Key within block settings' supports array indicating support for text + * transforms e.g. settings found in `block.json`. + */ + +const TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform'; +/** + * Key within block settings' supports array indicating support for letter-spacing + * e.g. settings found in `block.json`. + */ + +const LETTER_SPACING_SUPPORT_KEY = 'typography.__experimentalLetterSpacing'; +const LAYOUT_SUPPORT_KEY = '__experimentalLayout'; +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]; +const supports_SPACING_SUPPORT_KEY = 'spacing'; +const styleSupportKeys = [...TYPOGRAPHY_SUPPORT_KEYS, BORDER_SUPPORT_KEY, COLOR_SUPPORT_KEY, supports_SPACING_SUPPORT_KEY]; +/** + * Returns true if the block defines support for align. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasAlignSupport = nameOrType => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(nameOrType, ALIGN_SUPPORT_KEY); +/** + * Returns the block support value for align, if defined. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {unknown} The block support value. + */ + +const getAlignSupport = nameOrType => getBlockSupport(nameOrType, ALIGN_SUPPORT_KEY); +/** + * Returns true if the block defines support for align wide. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasAlignWideSupport = nameOrType => hasBlockSupport(nameOrType, ALIGN_WIDE_SUPPORT_KEY); +/** + * Returns the block support value for align wide, if defined. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {unknown} The block support value. + */ + +const getAlignWideSupport = nameOrType => getBlockSupport(nameOrType, ALIGN_WIDE_SUPPORT_KEY); +/** + * Determine whether there is block support for border properties. + * + * @param {string|Object} nameOrType Block name or type object. + * @param {string} feature Border feature to check support for. + * + * @return {boolean} Whether there is support. + */ + +function hasBorderSupport(nameOrType) { + let feature = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'any'; + + if (external_wp_element_namespaceObject.Platform.OS !== 'web') { + return false; + } + + const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(nameOrType, BORDER_SUPPORT_KEY); + + if (support === true) { + return true; + } + + if (feature === 'any') { + return !!(support !== null && support !== void 0 && support.color || support !== null && support !== void 0 && support.radius || support !== null && support !== void 0 && support.width || support !== null && support !== void 0 && support.style); + } + + return !!(support !== null && support !== void 0 && support[feature]); +} +/** + * Get block support for border properties. + * + * @param {string|Object} nameOrType Block name or type object. + * @param {string} feature Border feature to get. + * + * @return {unknown} The block support. + */ + +const getBorderSupport = (nameOrType, feature) => getBlockSupport(nameOrType, [BORDER_SUPPORT_KEY, feature]); +/** + * Returns true if the block defines support for color. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasColorSupport = nameOrType => { + const colorSupport = getBlockSupport(nameOrType, COLOR_SUPPORT_KEY); + return colorSupport && (colorSupport.link === true || colorSupport.gradient === true || colorSupport.background !== false || colorSupport.text !== false); +}; +/** + * Returns true if the block defines support for link color. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasLinkColorSupport = nameOrType => { + if (Platform.OS !== 'web') { + return false; + } + + const colorSupport = getBlockSupport(nameOrType, COLOR_SUPPORT_KEY); + return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.link; +}; +/** + * Returns true if the block defines support for gradient color. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasGradientSupport = nameOrType => { + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY); + return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.gradients; +}; +/** + * Returns true if the block defines support for background color. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasBackgroundColorSupport = nameOrType => { + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY); + return colorSupport && colorSupport.background !== false; +}; +/** + * Returns true if the block defines support for background color. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasTextColorSupport = nameOrType => { + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(nameOrType, COLOR_SUPPORT_KEY); + return colorSupport && colorSupport.text !== false; +}; +/** + * Get block support for color properties. + * + * @param {string|Object} nameOrType Block name or type object. + * @param {string} feature Color feature to get. + * + * @return {unknown} The block support. + */ + +const getColorSupport = (nameOrType, feature) => getBlockSupport(nameOrType, [COLOR_SUPPORT_KEY, feature]); +/** + * Returns true if the block defines support for custom class name. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasCustomClassNameSupport = nameOrType => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(nameOrType, CUSTOM_CLASS_NAME_SUPPORT_KEY, true); +/** + * Returns the block support value for custom class name, if defined. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {unknown} The block support value. + */ + +const getCustomClassNameSupport = nameOrType => getBlockSupport(nameOrType, CUSTOM_CLASS_NAME_SUPPORT_KEY, true); +/** + * Returns true if the block defines support for font family. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasFontFamilySupport = nameOrType => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(nameOrType, FONT_FAMILY_SUPPORT_KEY); +/** + * Returns the block support value for font family, if defined. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {unknown} The block support value. + */ + +const getFontFamilySupport = nameOrType => getBlockSupport(nameOrType, FONT_FAMILY_SUPPORT_KEY); +/** + * Returns true if the block defines support for font size. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasFontSizeSupport = nameOrType => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(nameOrType, FONT_SIZE_SUPPORT_KEY); +/** + * Returns the block support value for font size, if defined. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {unknown} The block support value. + */ + +const getFontSizeSupport = nameOrType => getBlockSupport(nameOrType, FONT_SIZE_SUPPORT_KEY); +/** + * Returns true if the block defines support for layout. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasLayoutSupport = nameOrType => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(nameOrType, LAYOUT_SUPPORT_KEY); +/** + * Returns the block support value for layout, if defined. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {unknown} The block support value. + */ + +const getLayoutSupport = nameOrType => getBlockSupport(nameOrType, LAYOUT_SUPPORT_KEY); +/** + * Returns true if the block defines support for style. + * + * @param {string|Object} nameOrType Block name or type object. + * @return {boolean} Whether the block supports the feature. + */ + +const hasStyleSupport = nameOrType => styleSupportKeys.some(key => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(nameOrType, key)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-paste-styles/index.js +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + +/** + * Determine if the copied text looks like serialized blocks or not. + * Since plain text will always get parsed into a freeform block, + * we check that if the parsed blocks is anything other than that. + * + * @param {string} text The copied text. + * @return {boolean} True if the text looks like serialized blocks, false otherwise. + */ + +function hasSerializedBlocks(text) { + try { + const blocks = (0,external_wp_blocks_namespaceObject.parse)(text, { + __unstableSkipMigrationLogs: true, + __unstableSkipAutop: true + }); + + if (blocks.length === 1 && blocks[0].name === 'core/freeform') { + // It's likely that the text is just plain text and not serialized blocks. + return false; + } + + return true; + } catch (err) { + // Parsing error, the text is not serialized blocks. + // (Even though that it technically won't happen) + return false; + } +} +/** + * Style attributes are attributes being added in `block-editor/src/hooks/*`. + * (Except for some unrelated to style like `anchor` or `settings`.) + * They generally represent the default block supports. + */ + + +const STYLE_ATTRIBUTES = { + align: hasAlignSupport, + borderColor: nameOrType => hasBorderSupport(nameOrType, 'color'), + backgroundColor: hasBackgroundColorSupport, + textColor: hasTextColorSupport, + gradient: hasGradientSupport, + className: hasCustomClassNameSupport, + fontFamily: hasFontFamilySupport, + fontSize: hasFontSizeSupport, + layout: hasLayoutSupport, + style: hasStyleSupport +}; +/** + * Get the "style attributes" from a given block to a target block. + * + * @param {WPBlock} sourceBlock The source block. + * @param {WPBlock} targetBlock The target block. + * @return {Object} the filtered attributes object. + */ + +function getStyleAttributes(sourceBlock, targetBlock) { + return Object.entries(STYLE_ATTRIBUTES).reduce((attributes, _ref) => { + let [attributeKey, hasSupport] = _ref; + + // Only apply the attribute if both blocks support it. + if (hasSupport(sourceBlock.name) && hasSupport(targetBlock.name)) { + // Override attributes that are not present in the block to their defaults. + attributes[attributeKey] = sourceBlock.attributes[attributeKey]; + } + + return attributes; + }, {}); +} +/** + * Update the target blocks with style attributes recursively. + * + * @param {WPBlock[]} targetBlocks The target blocks to be updated. + * @param {WPBlock[]} sourceBlocks The source blocks to get th style attributes from. + * @param {Function} updateBlockAttributes The function to update the attributes. + */ + + +function recursivelyUpdateBlockAttributes(targetBlocks, sourceBlocks, updateBlockAttributes) { + for (let index = 0; index < Math.min(sourceBlocks.length, targetBlocks.length); index += 1) { + updateBlockAttributes(targetBlocks[index].clientId, getStyleAttributes(sourceBlocks[index], targetBlocks[index])); + recursivelyUpdateBlockAttributes(targetBlocks[index].innerBlocks, sourceBlocks[index].innerBlocks, updateBlockAttributes); + } +} +/** + * A hook to return a pasteStyles event function for handling pasting styles to blocks. + * + * @return {Function} A function to update the styles to the blocks. + */ + + +function usePasteStyles() { + const registry = (0,external_wp_data_namespaceObject.useRegistry)(); + const { + updateBlockAttributes + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + createSuccessNotice, + createWarningNotice, + createErrorNotice + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); + return (0,external_wp_element_namespaceObject.useCallback)(async targetBlocks => { + let html = ''; + + try { + // `http:` sites won't have the clipboard property on navigator. + // (with the exception of localhost.) + if (!window.navigator.clipboard) { + createErrorNotice((0,external_wp_i18n_namespaceObject.__)('Unable to paste styles. This feature is only available on secure (https) sites in supporting browsers.'), { + type: 'snackbar' + }); + return; + } + + html = await window.navigator.clipboard.readText(); + } catch (error) { + // Possibly the permission is denied. + createErrorNotice((0,external_wp_i18n_namespaceObject.__)('Unable to paste styles. Please allow browser clipboard permissions before continuing.'), { + type: 'snackbar' + }); + return; + } // Abort if the copied text is empty or doesn't look like serialized blocks. + + + if (!html || !hasSerializedBlocks(html)) { + createWarningNotice((0,external_wp_i18n_namespaceObject.__)("Unable to paste styles. Block styles couldn't be found within the copied content."), { + type: 'snackbar' + }); + return; + } + + const copiedBlocks = (0,external_wp_blocks_namespaceObject.parse)(html); + + if (copiedBlocks.length === 1) { + // Apply styles of the block to all the target blocks. + registry.batch(() => { + recursivelyUpdateBlockAttributes(targetBlocks, targetBlocks.map(() => copiedBlocks[0]), updateBlockAttributes); + }); + } else { + registry.batch(() => { + recursivelyUpdateBlockAttributes(targetBlocks, copiedBlocks, updateBlockAttributes); + }); + } + + if (targetBlocks.length === 1) { + var _getBlockType; + + const title = (_getBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(targetBlocks[0].name)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.title; + createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)( // Translators: Name of the block being pasted, e.g. "Paragraph". + (0,external_wp_i18n_namespaceObject.__)('Pasted styles to %s.'), title), { + type: 'snackbar' + }); + } else { + createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)( // Translators: The number of the blocks. + (0,external_wp_i18n_namespaceObject.__)('Pasted styles to %d blocks.'), targetBlocks.length), { + type: 'snackbar' + }); + } + }, [registry.batch, updateBlockAttributes, createSuccessNotice, createWarningNotice, createErrorNotice]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-actions/index.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + +function BlockActions(_ref) { + let { + clientIds, + children, + __experimentalUpdateSelection: updateSelection + } = _ref; + const { + canInsertBlockType, + getBlockRootClientId, + getBlocksByClientId, + canMoveBlocks, + canRemoveBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + getDefaultBlockName, + getGroupingBlockName + } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store); + const blocks = getBlocksByClientId(clientIds); + const rootClientId = getBlockRootClientId(clientIds[0]); + const canDuplicate = blocks.every(block => { + return !!block && (0,external_wp_blocks_namespaceObject.hasBlockSupport)(block.name, 'multiple', true) && canInsertBlockType(block.name, rootClientId); + }); + const canInsertDefaultBlock = canInsertBlockType(getDefaultBlockName(), rootClientId); + const canMove = canMoveBlocks(clientIds, rootClientId); + const canRemove = canRemoveBlocks(clientIds, rootClientId); + const { + removeBlocks, + replaceBlocks, + duplicateBlocks, + insertAfterBlock, + insertBeforeBlock, + flashBlock, + setBlockMovingClientId, + setNavigationMode, + selectBlock, + clearSelectedBlock, + multiSelect + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const notifyCopy = useNotifyCopy(); + const pasteStyles = usePasteStyles(); + return children({ + canDuplicate, + canInsertDefaultBlock, + canMove, + canRemove, + rootClientId, + blocks, + + onDuplicate() { + return duplicateBlocks(clientIds, updateSelection); + }, + + onRemove() { + return removeBlocks(clientIds, updateSelection); + }, + + onInsertBefore() { + const clientId = Array.isArray(clientIds) ? clientIds[0] : clientId; + insertBeforeBlock(clientId); + }, + + onInsertAfter() { + const clientId = Array.isArray(clientIds) ? clientIds[clientIds.length - 1] : clientId; + insertAfterBlock(clientId); + }, + + onMoveTo() { + setNavigationMode(true); + selectBlock(clientIds[0]); + setBlockMovingClientId(clientIds[0]); + }, + + onGroup() { + if (!blocks.length) { + return; + } + + const groupingBlockName = getGroupingBlockName(); // Activate the `transform` on `core/group` which does the conversion. + + const newBlocks = (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocks, groupingBlockName); + + if (!newBlocks) { + return; + } + + replaceBlocks(clientIds, newBlocks); + }, + + onUngroup() { + if (!blocks.length) { + return; + } + + const innerBlocks = blocks[0].innerBlocks; + + if (!innerBlocks.length) { + return; + } + + replaceBlocks(clientIds, innerBlocks); + }, + + onCopy() { + const selectedBlockClientIds = blocks.map(_ref2 => { + let { + clientId + } = _ref2; + return clientId; + }); + + if (blocks.length === 1) { + flashBlock(selectedBlockClientIds[0]); + } + + notifyCopy('copy', selectedBlockClientIds); + }, + + async onPasteStyles() { + await pasteStyles(blocks); // Need to reselect the block(s) in order for optional tool panel control changes to register. + + clearSelectedBlock(); + multiSelect(blocks[0].clientId, blocks[blocks.length - 1].clientId); + } + + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-mode-toggle.js + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + +const block_mode_toggle_noop = () => {}; + +function BlockModeToggle(_ref) { + let { + blockType, + mode, + onToggleMode, + small = false, + isCodeEditingEnabled = true + } = _ref; + + if (!blockType || !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'html', true) || !isCodeEditingEnabled) { + return null; + } + + const label = mode === 'visual' ? (0,external_wp_i18n_namespaceObject.__)('Edit as HTML') : (0,external_wp_i18n_namespaceObject.__)('Edit visually'); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: onToggleMode + }, !small && label); +} +/* harmony default export */ var block_mode_toggle = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_data_namespaceObject.withSelect)((select, _ref2) => { + let { + clientId + } = _ref2; + const { + getBlock, + getBlockMode, + getSettings + } = select(store); + const block = getBlock(clientId); + const isCodeEditingEnabled = getSettings().codeEditingEnabled; + return { + mode: getBlockMode(clientId), + blockType: block ? (0,external_wp_blocks_namespaceObject.getBlockType)(block.name) : null, + isCodeEditingEnabled + }; +}), (0,external_wp_data_namespaceObject.withDispatch)((dispatch, _ref3) => { + let { + onToggle = block_mode_toggle_noop, + clientId + } = _ref3; + return { + onToggleMode() { + dispatch(store).toggleBlockMode(clientId); + onToggle(); + } + + }; +})])(BlockModeToggle)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-convert-button.js + + +/** + * WordPress dependencies + */ + + +function BlockConvertButton(_ref) { + let { + shouldRender, + onClick, + small + } = _ref; + + if (!shouldRender) { + return null; + } + + const label = (0,external_wp_i18n_namespaceObject.__)('Convert to Blocks'); + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: onClick + }, !small && label); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-html-convert-button.js +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +/* harmony default export */ var block_html_convert_button = ((0,external_wp_compose_namespaceObject.compose)((0,external_wp_data_namespaceObject.withSelect)((select, _ref) => { + let { + clientId + } = _ref; + const block = select(store).getBlock(clientId); + return { + block, + shouldRender: block && block.name === 'core/html' + }; +}), (0,external_wp_data_namespaceObject.withDispatch)((dispatch, _ref2) => { + let { + block + } = _ref2; + return { + onClick: () => dispatch(store).replaceBlocks(block.clientId, (0,external_wp_blocks_namespaceObject.rawHandler)({ + HTML: (0,external_wp_blocks_namespaceObject.getBlockContent)(block) + })) + }; +}))(BlockConvertButton)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-settings-menu-first-item.js +/** + * WordPress dependencies + */ + +const { + Fill: __unstableBlockSettingsMenuFirstItem, + Slot: block_settings_menu_first_item_Slot +} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableBlockSettingsMenuFirstItem'); +__unstableBlockSettingsMenuFirstItem.Slot = block_settings_menu_first_item_Slot; +/* harmony default export */ var block_settings_menu_first_item = (__unstableBlockSettingsMenuFirstItem); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/convert-to-group-buttons/use-convert-to-group-button-props.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * Contains the properties `ConvertToGroupButton` component needs. + * + * @typedef {Object} ConvertToGroupButtonProps + * @property {string[]} clientIds An array of the selected client ids. + * @property {boolean} isGroupable Indicates if the selected blocks can be grouped. + * @property {boolean} isUngroupable Indicates if the selected blocks can be ungrouped. + * @property {WPBlock[]} blocksSelection An array of the selected blocks. + * @property {string} groupingBlockName The name of block used for handling grouping interactions. + */ + +/** + * Returns the properties `ConvertToGroupButton` component needs to work properly. + * It is used in `BlockSettingsMenuControls` to know if `ConvertToGroupButton` + * should be rendered, to avoid ending up with an empty MenuGroup. + * + * @return {ConvertToGroupButtonProps} Returns the properties needed by `ConvertToGroupButton`. + */ + +function useConvertToGroupButtonProps() { + const { + clientIds, + isGroupable, + isUngroupable, + blocksSelection, + groupingBlockName + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _blocksSelection$; + + const { + getBlockRootClientId, + getBlocksByClientId, + canInsertBlockType, + getSelectedBlockClientIds + } = select(store); + const { + getGroupingBlockName + } = select(external_wp_blocks_namespaceObject.store); + + const _clientIds = getSelectedBlockClientIds(); + + const _groupingBlockName = getGroupingBlockName(); + + const rootClientId = !!(_clientIds !== null && _clientIds !== void 0 && _clientIds.length) ? getBlockRootClientId(_clientIds[0]) : undefined; + const groupingBlockAvailable = canInsertBlockType(_groupingBlockName, rootClientId); + + const _blocksSelection = getBlocksByClientId(_clientIds); + + const isSingleGroupingBlock = _blocksSelection.length === 1 && ((_blocksSelection$ = _blocksSelection[0]) === null || _blocksSelection$ === void 0 ? void 0 : _blocksSelection$.name) === _groupingBlockName; // Do we have + // 1. Grouping block available to be inserted? + // 2. One or more blocks selected + + const _isGroupable = groupingBlockAvailable && _blocksSelection.length; // Do we have a single Group Block selected and does that group have inner blocks? + + + const _isUngroupable = isSingleGroupingBlock && !!_blocksSelection[0].innerBlocks.length; + + return { + clientIds: _clientIds, + isGroupable: _isGroupable, + isUngroupable: _isUngroupable, + blocksSelection: _blocksSelection, + groupingBlockName: _groupingBlockName + }; + }, []); + return { + clientIds, + isGroupable, + isUngroupable, + blocksSelection, + groupingBlockName + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/convert-to-group-buttons/index.js + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + + +function ConvertToGroupButton(_ref) { + let { + clientIds, + isGroupable, + isUngroupable, + blocksSelection, + groupingBlockName, + onClose = () => {} + } = _ref; + const { + replaceBlocks + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + + const onConvertToGroup = () => { + // Activate the `transform` on the Grouping Block which does the conversion. + const newBlocks = (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocksSelection, groupingBlockName); + + if (newBlocks) { + replaceBlocks(clientIds, newBlocks); + } + }; + + const onConvertFromGroup = () => { + const innerBlocks = blocksSelection[0].innerBlocks; + + if (!innerBlocks.length) { + return; + } + + replaceBlocks(clientIds, innerBlocks); + }; + + if (!isGroupable && !isUngroupable) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, isGroupable && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: () => { + onConvertToGroup(); + onClose(); + } + }, (0,external_wp_i18n_namespaceObject._x)('Group', 'verb')), isUngroupable && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: () => { + onConvertFromGroup(); + onClose(); + } + }, (0,external_wp_i18n_namespaceObject._x)('Ungroup', 'Ungrouping blocks from within a Group block back into individual blocks within the Editor '))); +} + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/use-block-lock.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +/** + * Return details about the block lock status. + * + * @param {string} clientId The block client Id. + * + * @return {Object} Block lock status + */ + +function useBlockLock(clientId) { + return (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + canEditBlock, + canMoveBlock, + canRemoveBlock, + canLockBlockType, + getBlockName, + getBlockRootClientId, + getTemplateLock + } = select(store); + const rootClientId = getBlockRootClientId(clientId); + const canEdit = canEditBlock(clientId); + const canMove = canMoveBlock(clientId, rootClientId); + const canRemove = canRemoveBlock(clientId, rootClientId); + return { + canEdit, + canMove, + canRemove, + canLock: canLockBlockType(getBlockName(clientId)), + isContentLocked: getTemplateLock(clientId) === 'contentOnly', + isLocked: !canEdit || !canMove || !canRemove + }; + }, [clientId]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/unlock.js + + +/** + * WordPress dependencies + */ + +const unlock = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8h1.5c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1z" +})); +/* harmony default export */ var library_unlock = (unlock); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/lock-outline.js + + +/** + * WordPress dependencies + */ + +const lockOutline = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zM9.8 7c0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2v3H9.8V7zm6.7 11.5h-9v-7h9v7z" +})); +/* harmony default export */ var lock_outline = (lockOutline); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/lock.js + + +/** + * WordPress dependencies + */ + +const lock = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zm-2.8 0H9.8V7c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3z" +})); +/* harmony default export */ var library_lock = (lock); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/modal.js + + +/** + * WordPress dependencies + */ + + + + + + + +/** + * Internal dependencies + */ + + + + // Entity based blocks which allow edit locking + +const ALLOWS_EDIT_LOCKING = ['core/block', 'core/navigation']; + +function getTemplateLockValue(lock) { + // Prevents all operations. + if (lock.remove && lock.move) { + return 'all'; + } // Prevents inserting or removing blocks, but allows moving existing blocks. + + + if (lock.remove && !lock.move) { + return 'insert'; + } + + return false; +} + +function BlockLockModal(_ref) { + let { + clientId, + onClose + } = _ref; + const [lock, setLock] = (0,external_wp_element_namespaceObject.useState)({ + move: false, + remove: false + }); + const { + canEdit, + canMove, + canRemove + } = useBlockLock(clientId); + const { + allowsEditLocking, + templateLock, + hasTemplateLock + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getBlockAttributes, _blockType$attributes; + + const { + getBlockName, + getBlockAttributes + } = select(store); + const blockName = getBlockName(clientId); + const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockName); + return { + allowsEditLocking: ALLOWS_EDIT_LOCKING.includes(blockName), + templateLock: (_getBlockAttributes = getBlockAttributes(clientId)) === null || _getBlockAttributes === void 0 ? void 0 : _getBlockAttributes.templateLock, + hasTemplateLock: !!(blockType !== null && blockType !== void 0 && (_blockType$attributes = blockType.attributes) !== null && _blockType$attributes !== void 0 && _blockType$attributes.templateLock) + }; + }, [clientId]); + const [applyTemplateLock, setApplyTemplateLock] = (0,external_wp_element_namespaceObject.useState)(!!templateLock); + const { + updateBlockAttributes + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const blockInformation = useBlockDisplayInformation(clientId); + const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockLockModal, 'block-editor-block-lock-modal__options-title'); + (0,external_wp_element_namespaceObject.useEffect)(() => { + setLock({ + move: !canMove, + remove: !canRemove, + ...(allowsEditLocking ? { + edit: !canEdit + } : {}) + }); + }, [canEdit, canMove, canRemove, allowsEditLocking]); + const isAllChecked = Object.values(lock).every(Boolean); + const isMixed = Object.values(lock).some(Boolean) && !isAllChecked; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { + title: (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: Name of the block. */ + (0,external_wp_i18n_namespaceObject.__)('Lock %s'), blockInformation.title), + overlayClassName: "block-editor-block-lock-modal", + onRequestClose: onClose + }, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('Choose specific attributes to restrict or lock all available options.')), (0,external_wp_element_namespaceObject.createElement)("form", { + onSubmit: event => { + event.preventDefault(); + updateBlockAttributes([clientId], { + lock, + templateLock: applyTemplateLock ? getTemplateLockValue(lock) : undefined + }); + onClose(); + } + }, (0,external_wp_element_namespaceObject.createElement)("div", { + role: "group", + "aria-labelledby": instanceId, + className: "block-editor-block-lock-modal__options" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { + __nextHasNoMarginBottom: true, + className: "block-editor-block-lock-modal__options-title", + label: (0,external_wp_element_namespaceObject.createElement)("span", { + id: instanceId + }, (0,external_wp_i18n_namespaceObject.__)('Lock all')), + checked: isAllChecked, + indeterminate: isMixed, + onChange: newValue => setLock({ + move: newValue, + remove: newValue, + ...(allowsEditLocking ? { + edit: newValue + } : {}) + }) + }), (0,external_wp_element_namespaceObject.createElement)("ul", { + className: "block-editor-block-lock-modal__checklist" + }, allowsEditLocking && (0,external_wp_element_namespaceObject.createElement)("li", { + className: "block-editor-block-lock-modal__checklist-item" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Restrict editing'), + checked: !!lock.edit, + onChange: edit => setLock(prevLock => ({ ...prevLock, + edit + })) + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { + className: "block-editor-block-lock-modal__lock-icon", + icon: lock.edit ? library_lock : library_unlock + })), (0,external_wp_element_namespaceObject.createElement)("li", { + className: "block-editor-block-lock-modal__checklist-item" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Disable movement'), + checked: lock.move, + onChange: move => setLock(prevLock => ({ ...prevLock, + move + })) + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { + className: "block-editor-block-lock-modal__lock-icon", + icon: lock.move ? library_lock : library_unlock + })), (0,external_wp_element_namespaceObject.createElement)("li", { + className: "block-editor-block-lock-modal__checklist-item" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Prevent removal'), + checked: lock.remove, + onChange: remove => setLock(prevLock => ({ ...prevLock, + remove + })) + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { + className: "block-editor-block-lock-modal__lock-icon", + icon: lock.remove ? library_lock : library_unlock + }))), hasTemplateLock && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { + className: "block-editor-block-lock-modal__template-lock", + label: (0,external_wp_i18n_namespaceObject.__)('Apply to all blocks inside'), + checked: applyTemplateLock, + disabled: lock.move && !lock.remove, + onChange: () => setApplyTemplateLock(!applyTemplateLock) + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { + className: "block-editor-block-lock-modal__actions", + justify: "flex-end", + expanded: false + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "tertiary", + onClick: onClose + }, (0,external_wp_i18n_namespaceObject.__)('Cancel'))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "primary", + type: "submit" + }, (0,external_wp_i18n_namespaceObject.__)('Apply')))))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/menu-item.js + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + +function BlockLockMenuItem(_ref) { + let { + clientId + } = _ref; + const { + canLock, + isLocked + } = useBlockLock(clientId); + const [isModalOpen, toggleModal] = (0,external_wp_element_namespaceObject.useReducer)(isActive => !isActive, false); + + if (!canLock) { + return null; + } + + const label = isLocked ? (0,external_wp_i18n_namespaceObject.__)('Unlock') : (0,external_wp_i18n_namespaceObject.__)('Lock'); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + icon: isLocked ? library_unlock : lock_outline, + onClick: toggleModal + }, label), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(BlockLockModal, { + clientId: clientId, + onClose: toggleModal + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu-controls/index.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + +const { + Fill, + Slot: block_settings_menu_controls_Slot +} = (0,external_wp_components_namespaceObject.createSlotFill)('BlockSettingsMenuControls'); + +const BlockSettingsMenuControlsSlot = _ref => { + let { + fillProps, + clientIds = null, + __unstableDisplayLocation + } = _ref; + const { + selectedBlocks, + selectedClientIds, + canRemove + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockNamesByClientId, + getSelectedBlockClientIds, + canRemoveBlocks + } = select(store); + const ids = clientIds !== null ? clientIds : getSelectedBlockClientIds(); + return { + selectedBlocks: getBlockNamesByClientId(ids), + selectedClientIds: ids, + canRemove: canRemoveBlocks(ids) + }; + }, [clientIds]); + const { + canLock + } = useBlockLock(selectedClientIds[0]); + const showLockButton = selectedClientIds.length === 1 && canLock; // Check if current selection of blocks is Groupable or Ungroupable + // and pass this props down to ConvertToGroupButton. + + const convertToGroupButtonProps = useConvertToGroupButtonProps(); + const { + isGroupable, + isUngroupable + } = convertToGroupButtonProps; + const showConvertToGroupButton = (isGroupable || isUngroupable) && canRemove; + return (0,external_wp_element_namespaceObject.createElement)(block_settings_menu_controls_Slot, { + fillProps: { ...fillProps, + __unstableDisplayLocation, + selectedBlocks, + selectedClientIds + } + }, fills => { + if (!(fills !== null && fills !== void 0 && fills.length) > 0 && !showConvertToGroupButton && !showLockButton) { return null; } - return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.RegistryProvider, { - value: subRegistry - }, (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({ - registry: subRegistry - }, props))); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, showLockButton && (0,external_wp_element_namespaceObject.createElement)(BlockLockMenuItem, { + clientId: selectedClientIds[0] + }), fills, showConvertToGroupButton && (0,external_wp_element_namespaceObject.createElement)(ConvertToGroupButton, _extends({}, convertToGroupButtonProps, { + onClose: fillProps === null || fillProps === void 0 ? void 0 : fillProps.onClose + }))); }); -}, 'withRegistryProvider'); -/* harmony default export */ var with_registry_provider = (withRegistryProvider); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/use-block-sync.js +}; /** - * WordPress dependencies + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md + * + * @param {Object} props Fill props. + * @return {WPElement} Element. */ - -/** - * Internal dependencies - */ - - - -const use_block_sync_noop = () => {}; -/** - * A function to call when the block value has been updated in the block-editor - * store. - * - * @callback onBlockUpdate - * @param {Object[]} blocks The updated blocks. - * @param {Object} options The updated block options, such as selectionStart - * and selectionEnd. - */ - -/** - * useBlockSync is a side effect which handles bidirectional sync between the - * block-editor store and a controlling data source which provides blocks. This - * is most commonly used by the BlockEditorProvider to synchronize the contents - * of the block-editor store with the root entity, like a post. - * - * Another example would be the template part block, which provides blocks from - * a separate entity data source than a root entity. This hook syncs edits to - * the template part in the block editor back to the entity and vice-versa. - * - * Here are some of its basic functions: - * - Initalizes the block-editor store for the given clientID to the blocks - * given via props. - * - Adds incoming changes (like undo) to the block-editor store. - * - Adds outgoing changes (like editing content) to the controlling entity, - * determining if a change should be considered persistent or not. - * - Handles edge cases and race conditions which occur in those operations. - * - Ignores changes which happen to other entities (like nested inner block - * controllers. - * - Passes selection state from the block-editor store to the controlling entity. - * - * @param {Object} props Props for the block sync hook - * @param {string} props.clientId The client ID of the inner block controller. - * If none is passed, then it is assumed to be a - * root controller rather than an inner block - * controller. - * @param {Object[]} props.value The control value for the blocks. This value - * is used to initalize the block-editor store - * and for resetting the blocks to incoming - * changes like undo. - * @param {Object} props.selection The selection state responsible to restore the selection on undo/redo. - * @param {onBlockUpdate} props.onChange Function to call when a persistent - * change has been made in the block-editor blocks - * for the given clientId. For example, after - * this function is called, an entity is marked - * dirty because it has changes to save. - * @param {onBlockUpdate} props.onInput Function to call when a non-persistent - * change has been made in the block-editor blocks - * for the given clientId. When this is called, - * controlling sources do not become dirty. - */ - - -function useBlockSync(_ref) { - let { - clientId = null, - value: controlledBlocks, - selection: controlledSelection, - onChange = use_block_sync_noop, - onInput = use_block_sync_noop - } = _ref; - const registry = (0,external_wp_data_namespaceObject.useRegistry)(); - const { - resetBlocks, - resetSelection, - replaceInnerBlocks, - setHasControlledInnerBlocks, - __unstableMarkNextChangeAsNotPersistent - } = registry.dispatch(store); - const { - getBlockName, - getBlocks - } = registry.select(store); - const isControlled = (0,external_wp_data_namespaceObject.useSelect)(select => { - return !clientId || select(store).areInnerBlocksControlled(clientId); - }, [clientId]); - const pendingChanges = (0,external_wp_element_namespaceObject.useRef)({ - incoming: null, - outgoing: [] - }); - const subscribed = (0,external_wp_element_namespaceObject.useRef)(false); - - const setControlledBlocks = () => { - if (!controlledBlocks) { - return; - } // We don't need to persist this change because we only replace - // controlled inner blocks when the change was caused by an entity, - // and so it would already be persisted. - - - __unstableMarkNextChangeAsNotPersistent(); - - if (clientId) { - // It is important to batch here because otherwise, - // as soon as `setHasControlledInnerBlocks` is called - // the effect to restore might be triggered - // before the actual blocks get set properly in state. - registry.batch(() => { - setHasControlledInnerBlocks(clientId, true); - const storeBlocks = controlledBlocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); - - if (subscribed.current) { - pendingChanges.current.incoming = storeBlocks; - } - - __unstableMarkNextChangeAsNotPersistent(); - - replaceInnerBlocks(clientId, storeBlocks); - }); - } else { - if (subscribed.current) { - pendingChanges.current.incoming = controlledBlocks; - } - - resetBlocks(controlledBlocks); - } - }; // Add a subscription to the block-editor registry to detect when changes - // have been made. This lets us inform the data source of changes. This - // is an effect so that the subscriber can run synchronously without - // waiting for React renders for changes. - - - const onInputRef = (0,external_wp_element_namespaceObject.useRef)(onInput); - const onChangeRef = (0,external_wp_element_namespaceObject.useRef)(onChange); - (0,external_wp_element_namespaceObject.useEffect)(() => { - onInputRef.current = onInput; - onChangeRef.current = onChange; - }, [onInput, onChange]); // Determine if blocks need to be reset when they change. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (pendingChanges.current.outgoing.includes(controlledBlocks)) { - // Skip block reset if the value matches expected outbound sync - // triggered by this component by a preceding change detection. - // Only skip if the value matches expectation, since a reset should - // still occur if the value is modified (not equal by reference), - // to allow that the consumer may apply modifications to reflect - // back on the editor. - if (pendingChanges.current.outgoing[pendingChanges.current.outgoing.length - 1] === controlledBlocks) { - pendingChanges.current.outgoing = []; - } - } else if (getBlocks(clientId) !== controlledBlocks) { - // Reset changing value in all other cases than the sync described - // above. Since this can be reached in an update following an out- - // bound sync, unset the outbound value to avoid considering it in - // subsequent renders. - pendingChanges.current.outgoing = []; - setControlledBlocks(); - - if (controlledSelection) { - resetSelection(controlledSelection.selectionStart, controlledSelection.selectionEnd, controlledSelection.initialPosition); - } - } - }, [controlledBlocks, clientId]); - (0,external_wp_element_namespaceObject.useEffect)(() => { - // When the block becomes uncontrolled, it means its inner state has been reset - // we need to take the blocks again from the external value property. - if (!isControlled) { - pendingChanges.current.outgoing = []; - setControlledBlocks(); - } - }, [isControlled]); - (0,external_wp_element_namespaceObject.useEffect)(() => { - const { - getSelectionStart, - getSelectionEnd, - getSelectedBlocksInitialCaretPosition, - isLastBlockChangePersistent, - __unstableIsLastBlockChangeIgnored, - areInnerBlocksControlled - } = registry.select(store); - let blocks = getBlocks(clientId); - let isPersistent = isLastBlockChangePersistent(); - let previousAreBlocksDifferent = false; - subscribed.current = true; - const unsubscribe = registry.subscribe(() => { - // Sometimes, when changing block lists, lingering subscriptions - // might trigger before they are cleaned up. If the block for which - // the subscription runs is no longer in the store, this would clear - // its parent entity's block list. To avoid this, we bail out if - // the subscription is triggering for a block (`clientId !== null`) - // and its block name can't be found because it's not on the list. - // (`getBlockName( clientId ) === null`). - if (clientId !== null && getBlockName(clientId) === null) return; // When RESET_BLOCKS on parent blocks get called, the controlled blocks - // can reset to uncontrolled, in these situations, it means we need to populate - // the blocks again from the external blocks (the value property here) - // and we should stop triggering onChange - - const isStillControlled = !clientId || areInnerBlocksControlled(clientId); - - if (!isStillControlled) { - return; - } - - const newIsPersistent = isLastBlockChangePersistent(); - const newBlocks = getBlocks(clientId); - const areBlocksDifferent = newBlocks !== blocks; - blocks = newBlocks; - - if (areBlocksDifferent && (pendingChanges.current.incoming || __unstableIsLastBlockChangeIgnored())) { - pendingChanges.current.incoming = null; - isPersistent = newIsPersistent; - return; - } // Since we often dispatch an action to mark the previous action as - // persistent, we need to make sure that the blocks changed on the - // previous action before committing the change. - - - const didPersistenceChange = previousAreBlocksDifferent && !areBlocksDifferent && newIsPersistent && !isPersistent; - - if (areBlocksDifferent || didPersistenceChange) { - isPersistent = newIsPersistent; // We know that onChange/onInput will update controlledBlocks. - // We need to be aware that it was caused by an outgoing change - // so that we do not treat it as an incoming change later on, - // which would cause a block reset. - - pendingChanges.current.outgoing.push(blocks); // Inform the controlling entity that changes have been made to - // the block-editor store they should be aware about. - - const updateParent = isPersistent ? onChangeRef.current : onInputRef.current; - updateParent(blocks, { - selection: { - selectionStart: getSelectionStart(), - selectionEnd: getSelectionEnd(), - initialPosition: getSelectedBlocksInitialCaretPosition() - } - }); - } - - previousAreBlocksDifferent = areBlocksDifferent; - }); - return () => unsubscribe(); - }, [registry, clientId]); +function BlockSettingsMenuControls(_ref2) { + let { ...props + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalStyleProvider, { + document: document + }, (0,external_wp_element_namespaceObject.createElement)(Fill, props)); } -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/index.js +BlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot; +/* harmony default export */ var block_settings_menu_controls = (BlockSettingsMenuControls); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-settings-dropdown.js + /** @@ -21437,6 +29354,12 @@ function useBlockSync(_ref) { */ + + + + + + /** * Internal dependencies */ @@ -21445,27 +29368,229 @@ function useBlockSync(_ref) { -/** @typedef {import('@wordpress/data').WPDataRegistry} WPDataRegistry */ -function BlockEditorProvider(props) { - const { + + + + + +const block_settings_dropdown_noop = () => {}; + +const POPOVER_PROPS = { + className: 'block-editor-block-settings-menu__popover', + position: 'bottom right', + variant: 'toolbar' +}; + +function CopyMenuItem(_ref) { + let { + blocks, + onCopy, + label + } = _ref; + const ref = (0,external_wp_compose_namespaceObject.useCopyToClipboard)(() => (0,external_wp_blocks_namespaceObject.serialize)(blocks), onCopy); + const copyMenuItemBlocksLabel = blocks.length > 1 ? (0,external_wp_i18n_namespaceObject.__)('Copy blocks') : (0,external_wp_i18n_namespaceObject.__)('Copy block'); + const copyMenuItemLabel = label ? label : copyMenuItemBlocksLabel; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + ref: ref + }, copyMenuItemLabel); +} + +function BlockSettingsDropdown(_ref2) { + let { + clientIds, + __experimentalSelectBlock, children, - settings - } = props; + __unstableDisplayLocation, + ...props + } = _ref2; + const blockClientIds = Array.isArray(clientIds) ? clientIds : [clientIds]; + const count = blockClientIds.length; + const firstBlockClientId = blockClientIds[0]; const { - updateSettings + firstParentClientId, + isDistractionFree, + onlyBlock, + parentBlockType, + previousBlockClientId, + nextBlockClientId, + selectedBlockClientIds + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockCount, + getBlockName, + getBlockRootClientId, + getPreviousBlockClientId, + getNextBlockClientId, + getSelectedBlockClientIds, + getSettings, + getBlockAttributes + } = select(store); + const { + getActiveBlockVariation + } = select(external_wp_blocks_namespaceObject.store); + + const _firstParentClientId = getBlockRootClientId(firstBlockClientId); + + const parentBlockName = _firstParentClientId && getBlockName(_firstParentClientId); + + return { + firstParentClientId: _firstParentClientId, + isDistractionFree: getSettings().isDistractionFree, + onlyBlock: 1 === getBlockCount(_firstParentClientId), + parentBlockType: _firstParentClientId && (getActiveBlockVariation(parentBlockName, getBlockAttributes(_firstParentClientId)) || (0,external_wp_blocks_namespaceObject.getBlockType)(parentBlockName)), + previousBlockClientId: getPreviousBlockClientId(firstBlockClientId), + nextBlockClientId: getNextBlockClientId(firstBlockClientId), + selectedBlockClientIds: getSelectedBlockClientIds() + }; + }, [firstBlockClientId]); + const shortcuts = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getShortcutRepresentation + } = select(external_wp_keyboardShortcuts_namespaceObject.store); + return { + duplicate: getShortcutRepresentation('core/block-editor/duplicate'), + remove: getShortcutRepresentation('core/block-editor/remove'), + insertAfter: getShortcutRepresentation('core/block-editor/insert-after'), + insertBefore: getShortcutRepresentation('core/block-editor/insert-before') + }; + }, []); + const { + selectBlock, + toggleBlockHighlight } = (0,external_wp_data_namespaceObject.useDispatch)(store); - (0,external_wp_element_namespaceObject.useEffect)(() => { - updateSettings(settings); - }, [settings]); // Syncs the entity provider with changes in the block-editor store. + const updateSelectionAfterDuplicate = (0,external_wp_element_namespaceObject.useCallback)(__experimentalSelectBlock ? async clientIdsPromise => { + const ids = await clientIdsPromise; - useBlockSync(props); - return (0,external_wp_element_namespaceObject.createElement)(BlockRefsProvider, null, children); + if (ids && ids[0]) { + __experimentalSelectBlock(ids[0]); + } + } : block_settings_dropdown_noop, [__experimentalSelectBlock]); + const blockTitle = useBlockDisplayTitle({ + clientId: firstBlockClientId, + maximumLength: 25 + }); + const updateSelectionAfterRemove = (0,external_wp_element_namespaceObject.useCallback)(__experimentalSelectBlock ? () => { + const blockToSelect = previousBlockClientId || nextBlockClientId; + + if (blockToSelect && // From the block options dropdown, it's possible to remove a block that is not selected, + // in this case, it's not necessary to update the selection since the selected block wasn't removed. + selectedBlockClientIds.includes(firstBlockClientId) && // Don't update selection when next/prev block also is in the selection ( and gets removed ), + // In case someone selects all blocks and removes them at once. + !selectedBlockClientIds.includes(blockToSelect)) { + __experimentalSelectBlock(blockToSelect); + } + } : block_settings_dropdown_noop, [__experimentalSelectBlock, previousBlockClientId, nextBlockClientId, selectedBlockClientIds]); + const label = (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: block name */ + (0,external_wp_i18n_namespaceObject.__)('Remove %s'), blockTitle); + const removeBlockLabel = count === 1 ? label : (0,external_wp_i18n_namespaceObject.__)('Remove blocks'); // Allows highlighting the parent block outline when focusing or hovering + // the parent block selector within the child. + + const selectParentButtonRef = (0,external_wp_element_namespaceObject.useRef)(); + const { + gestures: showParentOutlineGestures + } = useShowMoversGestures({ + ref: selectParentButtonRef, + + onChange(isFocused) { + if (isFocused && isDistractionFree) { + return; + } + + toggleBlockHighlight(firstParentClientId, isFocused); + } + + }); // This can occur when the selected block (the parent) + // displays child blocks within a List View. + + const parentBlockIsSelected = selectedBlockClientIds === null || selectedBlockClientIds === void 0 ? void 0 : selectedBlockClientIds.includes(firstParentClientId); + return (0,external_wp_element_namespaceObject.createElement)(BlockActions, { + clientIds: clientIds, + __experimentalUpdateSelection: !__experimentalSelectBlock + }, _ref3 => { + let { + canDuplicate, + canInsertDefaultBlock, + canMove, + canRemove, + onDuplicate, + onInsertAfter, + onInsertBefore, + onRemove, + onCopy, + onPasteStyles, + onMoveTo, + blocks + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, _extends({ + icon: more_vertical, + label: (0,external_wp_i18n_namespaceObject.__)('Options'), + className: "block-editor-block-settings-menu", + popoverProps: POPOVER_PROPS, + noIcons: true + }, props), _ref4 => { + let { + onClose + } = _ref4; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(block_settings_menu_first_item.Slot, { + fillProps: { + onClose + } + }), !parentBlockIsSelected && !!firstParentClientId && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, _extends({}, showParentOutlineGestures, { + ref: selectParentButtonRef, + icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: parentBlockType.icon + }), + onClick: () => selectBlock(firstParentClientId) + }), (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: Name of the block's parent. */ + (0,external_wp_i18n_namespaceObject.__)('Select parent block (%s)'), parentBlockType.title)), count === 1 && (0,external_wp_element_namespaceObject.createElement)(block_html_convert_button, { + clientId: firstBlockClientId + }), (0,external_wp_element_namespaceObject.createElement)(CopyMenuItem, { + blocks: blocks, + onCopy: onCopy + }), canDuplicate && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: (0,external_wp_compose_namespaceObject.pipe)(onClose, onDuplicate, updateSelectionAfterDuplicate), + shortcut: shortcuts.duplicate + }, (0,external_wp_i18n_namespaceObject.__)('Duplicate')), canInsertDefaultBlock && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: (0,external_wp_compose_namespaceObject.pipe)(onClose, onInsertBefore), + shortcut: shortcuts.insertBefore + }, (0,external_wp_i18n_namespaceObject.__)('Insert before')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: (0,external_wp_compose_namespaceObject.pipe)(onClose, onInsertAfter), + shortcut: shortcuts.insertAfter + }, (0,external_wp_i18n_namespaceObject.__)('Insert after'))), canMove && !onlyBlock && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: (0,external_wp_compose_namespaceObject.pipe)(onClose, onMoveTo) + }, (0,external_wp_i18n_namespaceObject.__)('Move to')), count === 1 && (0,external_wp_element_namespaceObject.createElement)(block_mode_toggle, { + clientId: firstBlockClientId, + onToggle: onClose + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(CopyMenuItem, { + blocks: blocks, + onCopy: onCopy, + label: (0,external_wp_i18n_namespaceObject.__)('Copy styles') + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: onPasteStyles + }, (0,external_wp_i18n_namespaceObject.__)('Paste styles'))), (0,external_wp_element_namespaceObject.createElement)(block_settings_menu_controls.Slot, { + fillProps: { + onClose + }, + clientIds: clientIds, + __unstableDisplayLocation: __unstableDisplayLocation + }), typeof children === 'function' ? children({ + onClose + }) : external_wp_element_namespaceObject.Children.map(child => (0,external_wp_element_namespaceObject.cloneElement)(child, { + onClose + })), canRemove && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: (0,external_wp_compose_namespaceObject.pipe)(onClose, onRemove, updateSelectionAfterRemove), + shortcut: shortcuts.remove + }, removeBlockLabel))); + }); + }); } +/* harmony default export */ var block_settings_dropdown = (BlockSettingsDropdown); -/* harmony default export */ var provider = (with_registry_provider(BlockEditorProvider)); +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/index.js -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-preview/live.js /** @@ -21477,16 +29602,1308 @@ function BlockEditorProvider(props) { */ -function LiveBlockPreview(_ref) { +function BlockSettingsMenu(_ref) { let { - onClick + clientIds, + ...props } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, toggleProps => (0,external_wp_element_namespaceObject.createElement)(block_settings_dropdown, _extends({ + clientIds: clientIds, + toggleProps: toggleProps + }, props)))); +} +/* harmony default export */ var block_settings_menu = (BlockSettingsMenu); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/toolbar.js + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + +function BlockLockToolbar(_ref) { + let { + clientId + } = _ref; + const blockInformation = useBlockDisplayInformation(clientId); + const { + canEdit, + canMove, + canRemove, + canLock + } = useBlockLock(clientId); + const [isModalOpen, toggleModal] = (0,external_wp_element_namespaceObject.useReducer)(isActive => !isActive, false); + + if (!canLock) { + return null; + } + + if (canEdit && canMove && canRemove) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { + className: "block-editor-block-lock-toolbar" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + icon: library_lock, + label: (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: block name */ + (0,external_wp_i18n_namespaceObject.__)('Unlock %s'), blockInformation.title), + onClick: toggleModal + })), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(BlockLockModal, { + clientId: clientId, + onClose: toggleModal + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/group.js + + +/** + * WordPress dependencies + */ + +const group = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z" +})); +/* harmony default export */ var library_group = (group); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/row.js + + +/** + * WordPress dependencies + */ + +const row = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M9.2 6.5H4V8h5.2c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H4v1.5h5.2c1.1 0 2-.9 2-2v-7c0-1.1-.8-2-2-2zM14.8 8H20V6.5h-5.2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2H20V16h-5.2c-.3 0-.5-.2-.5-.5v-7c-.1-.3.2-.5.5-.5z" +})); +/* harmony default export */ var library_row = (row); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stack.js + + +/** + * WordPress dependencies + */ + +const stack = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M16 4v5.2c0 .3-.2.5-.5.5h-7c-.3.1-.5-.2-.5-.5V4H6.5v5.2c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V4H16zm-.5 8.8h-7c-1.1 0-2 .9-2 2V20H8v-5.2c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5V20h1.5v-5.2c0-1.2-.9-2-2-2z" +})); +/* harmony default export */ var library_stack = (stack); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/convert-to-group-buttons/toolbar.js + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + +const layouts = { + group: { + type: 'constrained' + }, + row: { + type: 'flex', + flexWrap: 'nowrap' + }, + stack: { + type: 'flex', + orientation: 'vertical' + } +}; + +function BlockGroupToolbar() { + const { + blocksSelection, + clientIds, + groupingBlockName, + isGroupable + } = useConvertToGroupButtonProps(); + const { + replaceBlocks + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + canRemove, + variations + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + canRemoveBlocks + } = select(store); + const { + getBlockVariations + } = select(external_wp_blocks_namespaceObject.store); + return { + canRemove: canRemoveBlocks(clientIds), + variations: getBlockVariations(groupingBlockName, 'transform') + }; + }, [clientIds, groupingBlockName]); + + const onConvertToGroup = layout => { + const newBlocks = (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocksSelection, groupingBlockName); + + if (typeof layout !== 'string') { + layout = 'group'; + } + + if (newBlocks && newBlocks.length > 0) { + // Because the block is not in the store yet we can't use + // updateBlockAttributes so need to manually update attributes. + newBlocks[0].attributes.layout = layouts[layout]; + replaceBlocks(clientIds, newBlocks); + } + }; + + const onConvertToRow = () => onConvertToGroup('row'); + + const onConvertToStack = () => onConvertToGroup('stack'); // Don't render the button if the current selection cannot be grouped. + // A good example is selecting multiple button blocks within a Buttons block: + // The group block is not a valid child of Buttons, so we should not show the button. + // Any blocks that are locked against removal also cannot be grouped. + + + if (!isGroupable || !canRemove) { + return null; + } + + const canInsertRow = !!variations.find(_ref => { + let { + name + } = _ref; + return name === 'group-row'; + }); + const canInsertStack = !!variations.find(_ref2 => { + let { + name + } = _ref2; + return name === 'group-stack'; + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + icon: library_group, + label: (0,external_wp_i18n_namespaceObject._x)('Group', 'verb'), + onClick: onConvertToGroup + }), canInsertRow && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + icon: library_row, + label: (0,external_wp_i18n_namespaceObject._x)('Row', 'single horizontal line'), + onClick: onConvertToRow + }), canInsertStack && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + icon: library_stack, + label: (0,external_wp_i18n_namespaceObject._x)('Stack', 'verb'), + onClick: onConvertToStack + })); +} + +/* harmony default export */ var toolbar = (BlockGroupToolbar); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-edit-visually-button/index.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + +function BlockEditVisuallyButton(_ref) { + let { + clientIds + } = _ref; + // Edit visually only works for single block selection. + const clientId = clientIds.length === 1 ? clientIds[0] : undefined; + const canEditVisually = (0,external_wp_data_namespaceObject.useSelect)(select => !!clientId && select(store).getBlockMode(clientId) === 'html', [clientId]); + const { + toggleBlockMode + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + + if (!canEditVisually) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + onClick: () => { + toggleBlockMode(clientId); + } + }, (0,external_wp_i18n_namespaceObject.__)('Edit visually'))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/block-name-context.js +/** + * WordPress dependencies + */ + + +const __unstableBlockNameContext = (0,external_wp_element_namespaceObject.createContext)(''); + +/* harmony default export */ var block_name_context = (__unstableBlockNameContext); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/index.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + + + + + + + + + + +const BlockToolbar = _ref => { + let { + hideDragHandle + } = _ref; + const { + blockClientIds, + blockClientId, + blockType, + hasFixedToolbar, + isDistractionFree, + isValid, + isVisual, + isContentLocked + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockName, + getBlockMode, + getSelectedBlockClientIds, + isBlockValid, + getBlockRootClientId, + getSettings, + __unstableGetContentLockingParent + } = select(store); + const selectedBlockClientIds = getSelectedBlockClientIds(); + const selectedBlockClientId = selectedBlockClientIds[0]; + const blockRootClientId = getBlockRootClientId(selectedBlockClientId); + const settings = getSettings(); + return { + blockClientIds: selectedBlockClientIds, + blockClientId: selectedBlockClientId, + blockType: selectedBlockClientId && (0,external_wp_blocks_namespaceObject.getBlockType)(getBlockName(selectedBlockClientId)), + hasFixedToolbar: settings.hasFixedToolbar, + isDistractionFree: settings.isDistractionFree, + rootClientId: blockRootClientId, + isValid: selectedBlockClientIds.every(id => isBlockValid(id)), + isVisual: selectedBlockClientIds.every(id => getBlockMode(id) === 'visual'), + isContentLocked: !!__unstableGetContentLockingParent(selectedBlockClientId) + }; + }, []); // Handles highlighting the current block outline on hover or focus of the + // block type toolbar area. + + const { + toggleBlockHighlight + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const nodeRef = (0,external_wp_element_namespaceObject.useRef)(); + const { + showMovers, + gestures: showMoversGestures + } = useShowMoversGestures({ + ref: nodeRef, + + onChange(isFocused) { + if (isFocused && isDistractionFree) { + return; + } + + toggleBlockHighlight(blockClientId, isFocused); + } + + }); // Account for the cases where the block toolbar is rendered within the + // header area and not contextually to the block. + + const displayHeaderToolbar = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<') || hasFixedToolbar; + + if (blockType) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, '__experimentalToolbar', true)) { + return null; + } + } + + const shouldShowMovers = displayHeaderToolbar || showMovers; + + if (blockClientIds.length === 0) { + return null; + } + + const shouldShowVisualToolbar = isValid && isVisual; + const isMultiToolbar = blockClientIds.length > 1; + const isSynced = (0,external_wp_blocks_namespaceObject.isReusableBlock)(blockType) || (0,external_wp_blocks_namespaceObject.isTemplatePart)(blockType); + const classes = classnames_default()('block-editor-block-toolbar', { + 'is-showing-movers': shouldShowMovers, + 'is-synced': isSynced + }); return (0,external_wp_element_namespaceObject.createElement)("div", { - tabIndex: 0, - role: "button", - onClick: onClick, - onKeyPress: onClick - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, null, (0,external_wp_element_namespaceObject.createElement)(BlockList, null))); + className: classes + }, !isMultiToolbar && !displayHeaderToolbar && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(BlockParentSelector, null), (0,external_wp_element_namespaceObject.createElement)("div", _extends({ + ref: nodeRef + }, showMoversGestures), (shouldShowVisualToolbar || isMultiToolbar) && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { + className: "block-editor-block-toolbar__block-controls" + }, (0,external_wp_element_namespaceObject.createElement)(block_switcher, { + clientIds: blockClientIds + }), !isMultiToolbar && (0,external_wp_element_namespaceObject.createElement)(BlockLockToolbar, { + clientId: blockClientIds[0] + }), (0,external_wp_element_namespaceObject.createElement)(block_mover, { + clientIds: blockClientIds, + hideDragHandle: hideDragHandle + }))), shouldShowVisualToolbar && isMultiToolbar && (0,external_wp_element_namespaceObject.createElement)(toolbar, null), shouldShowVisualToolbar && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { + group: "parent", + className: "block-editor-block-toolbar__slot" + }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { + group: "block", + className: "block-editor-block-toolbar__slot" + }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { + className: "block-editor-block-toolbar__slot" + }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { + group: "inline", + className: "block-editor-block-toolbar__slot" + }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { + group: "other", + className: "block-editor-block-toolbar__slot" + }), (0,external_wp_element_namespaceObject.createElement)(block_name_context.Provider, { + value: blockType === null || blockType === void 0 ? void 0 : blockType.name + }, (0,external_wp_element_namespaceObject.createElement)(block_toolbar_last_item.Slot, null))), (0,external_wp_element_namespaceObject.createElement)(BlockEditVisuallyButton, { + clientIds: blockClientIds + }), !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(block_settings_menu, { + clientIds: blockClientIds + })); +}; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-toolbar/README.md + */ + + +/* harmony default export */ var block_toolbar = (BlockToolbar); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/block-contextual-toolbar.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + + +function BlockContextualToolbar(_ref) { + let { + focusOnMount, + isFixed, + ...props + } = _ref; + const { + blockType, + hasParents, + showParentSelector + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockName, + getBlockParents, + getSelectedBlockClientIds, + __unstableGetContentLockingParent + } = select(store); + const { + getBlockType + } = select(external_wp_blocks_namespaceObject.store); + const selectedBlockClientIds = getSelectedBlockClientIds(); + const selectedBlockClientId = selectedBlockClientIds[0]; + const parents = getBlockParents(selectedBlockClientId); + const firstParentClientId = parents[parents.length - 1]; + const parentBlockName = getBlockName(firstParentClientId); + const parentBlockType = getBlockType(parentBlockName); + return { + blockType: selectedBlockClientId && getBlockType(getBlockName(selectedBlockClientId)), + hasParents: parents.length, + showParentSelector: parentBlockType && (0,external_wp_blocks_namespaceObject.hasBlockSupport)(parentBlockType, '__experimentalParentSelector', true) && selectedBlockClientIds.length <= 1 && !__unstableGetContentLockingParent(selectedBlockClientId) + }; + }, []); + + if (blockType) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, '__experimentalToolbar', true)) { + return null; + } + } // Shifts the toolbar to make room for the parent block selector. + + + const classes = classnames_default()('block-editor-block-contextual-toolbar', { + 'has-parent': hasParents && showParentSelector, + 'is-fixed': isFixed + }); + return (0,external_wp_element_namespaceObject.createElement)(navigable_toolbar, _extends({ + focusOnMount: focusOnMount, + className: classes + /* translators: accessibility text for the block toolbar */ + , + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block tools') + }, props), (0,external_wp_element_namespaceObject.createElement)(block_toolbar, { + hideDragHandle: isFixed + })); +} + +/* harmony default export */ var block_contextual_toolbar = (BlockContextualToolbar); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/position.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + + + +/** + * Internal dependencies + */ + + + + + + +const POSITION_SUPPORT_KEY = 'position'; +const OPTION_CLASSNAME = 'block-editor-hooks__position-selection__select-control__option'; +const DEFAULT_OPTION = { + key: 'default', + value: '', + name: (0,external_wp_i18n_namespaceObject.__)('Default'), + className: OPTION_CLASSNAME +}; +const STICKY_OPTION = { + key: 'sticky', + value: 'sticky', + name: (0,external_wp_i18n_namespaceObject.__)('Sticky'), + className: OPTION_CLASSNAME, + __experimentalHint: (0,external_wp_i18n_namespaceObject.__)('The block will stick to the top of the window instead of scrolling.') +}; +const FIXED_OPTION = { + key: 'fixed', + value: 'fixed', + name: (0,external_wp_i18n_namespaceObject.__)('Fixed'), + className: OPTION_CLASSNAME, + __experimentalHint: (0,external_wp_i18n_namespaceObject.__)('The block will not move when the page is scrolled.') +}; +const POSITION_SIDES = ['top', 'right', 'bottom', 'left']; +const VALID_POSITION_TYPES = ['sticky', 'fixed']; +/** + * Get calculated position CSS. + * + * @param {Object} props Component props. + * @param {string} props.selector Selector to use. + * @param {Object} props.style Style object. + * @return {string} The generated CSS rules. + */ + +function getPositionCSS(_ref) { + let { + selector, + style + } = _ref; + let output = ''; + const { + type: positionType + } = (style === null || style === void 0 ? void 0 : style.position) || {}; + + if (!VALID_POSITION_TYPES.includes(positionType)) { + return output; + } + + output += `${selector} {`; + output += `position: ${positionType};`; + POSITION_SIDES.forEach(side => { + var _style$position; + + if ((style === null || style === void 0 ? void 0 : (_style$position = style.position) === null || _style$position === void 0 ? void 0 : _style$position[side]) !== undefined) { + output += `${side}: ${style.position[side]};`; + } + }); + + if (positionType === 'sticky' || positionType === 'fixed') { + // TODO: Replace hard-coded z-index value with a z-index preset approach in theme.json. + output += `z-index: 10`; + } + + output += `}`; + return output; +} +/** + * Determines if there is sticky position support. + * + * @param {string|Object} blockType Block name or Block Type object. + * + * @return {boolean} Whether there is support. + */ + +function hasStickyPositionSupport(blockType) { + const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, POSITION_SUPPORT_KEY); + return !!(true === support || support !== null && support !== void 0 && support.sticky); +} +/** + * Determines if there is fixed position support. + * + * @param {string|Object} blockType Block name or Block Type object. + * + * @return {boolean} Whether there is support. + */ + +function hasFixedPositionSupport(blockType) { + const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, POSITION_SUPPORT_KEY); + return !!(true === support || support !== null && support !== void 0 && support.fixed); +} +/** + * Determines if there is position support. + * + * @param {string|Object} blockType Block name or Block Type object. + * + * @return {boolean} Whether there is support. + */ + +function hasPositionSupport(blockType) { + const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, POSITION_SUPPORT_KEY); + return !!support; +} +/** + * Checks if there is a current value in the position block support attributes. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a position value set. + */ + +function hasPositionValue(props) { + var _props$attributes$sty, _props$attributes$sty2; + + return ((_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : (_props$attributes$sty2 = _props$attributes$sty.position) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.type) !== undefined; +} +/** + * Checks if the block is currently set to a sticky or fixed position. + * This check is helpful for determining how to position block toolbars or other elements. + * + * @param {Object} attributes Block attributes. + * @return {boolean} Whether or not the block is set to a sticky or fixed position. + */ + +function hasStickyOrFixedPositionValue(attributes) { + var _attributes$style, _attributes$style$pos; + + const positionType = (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : (_attributes$style$pos = _attributes$style.position) === null || _attributes$style$pos === void 0 ? void 0 : _attributes$style$pos.type; + return positionType === 'sticky' || positionType === 'fixed'; +} +/** + * Resets the position block support attributes. This can be used when disabling + * the position support controls for a block via a `ToolsPanel`. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetPosition(_ref2) { + let { + attributes = {}, + setAttributes + } = _ref2; + const { + style = {} + } = attributes; + setAttributes({ + style: cleanEmptyObject({ ...style, + position: { ...(style === null || style === void 0 ? void 0 : style.position), + type: undefined, + top: undefined, + right: undefined, + bottom: undefined, + left: undefined + } + }) + }); +} +/** + * Custom hook that checks if position settings have been disabled. + * + * @param {string} name The name of the block. + * + * @return {boolean} Whether padding setting is disabled. + */ + +function useIsPositionDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const allowFixed = useSetting('position.fixed'); + const allowSticky = useSetting('position.sticky'); + const isDisabled = !allowFixed && !allowSticky; + return !hasPositionSupport(blockName) || isDisabled; +} +/* + * Position controls rendered in an inspector control panel. + * + * @param {Object} props + * + * @return {WPElement} Position panel. + */ + +function PositionPanel(props) { + var _style$position2; + + const { + attributes: { + style = {} + }, + clientId, + name: blockName, + setAttributes + } = props; + const allowFixed = hasFixedPositionSupport(blockName); + const allowSticky = hasStickyPositionSupport(blockName); + const value = style === null || style === void 0 ? void 0 : (_style$position2 = style.position) === null || _style$position2 === void 0 ? void 0 : _style$position2.type; + const { + hasParents + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockParents + } = select(store); + const parents = getBlockParents(clientId); + return { + hasParents: parents.length + }; + }, [clientId]); + const options = (0,external_wp_element_namespaceObject.useMemo)(() => { + const availableOptions = [DEFAULT_OPTION]; // Only display sticky option if the block has no parents (is at the root of the document), + // or if the block already has a sticky position value set. + + if (allowSticky && !hasParents || value === STICKY_OPTION.value) { + availableOptions.push(STICKY_OPTION); + } + + if (allowFixed || value === FIXED_OPTION.value) { + availableOptions.push(FIXED_OPTION); + } + + return availableOptions; + }, [allowFixed, allowSticky, hasParents, value]); + + const onChangeType = next => { + // For now, use a hard-coded `0px` value for the position. + // `0px` is preferred over `0` as it can be used in `calc()` functions. + // In the future, it could be useful to allow for an offset value. + const placementValue = '0px'; + const newStyle = { ...style, + position: { ...(style === null || style === void 0 ? void 0 : style.position), + type: next, + top: next === 'sticky' || next === 'fixed' ? placementValue : undefined + } + }; + setAttributes({ + style: utils_cleanEmptyObject(newStyle) + }); + }; + + const selectedOption = value ? options.find(option => option.value === value) || DEFAULT_OPTION : DEFAULT_OPTION; // Only display position controls if there is at least one option to choose from. + + return external_wp_element_namespaceObject.Platform.select({ + web: options.length > 1 ? (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { + group: "position" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, { + className: "block-editor-hooks__position-selection" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, { + __nextUnconstrainedWidth: true, + __next36pxDefaultSize: true, + className: "block-editor-hooks__position-selection__select-control", + label: (0,external_wp_i18n_namespaceObject.__)('Position'), + hideLabelFromVision: true, + describedBy: (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected position. + (0,external_wp_i18n_namespaceObject.__)('Currently selected position: %s'), selectedOption.name), + options: options, + value: selectedOption, + __experimentalShowSelectedHint: true, + onChange: _ref3 => { + let { + selectedItem + } = _ref3; + onChangeType(selectedItem.value); + }, + size: '__unstable-large' + }))) : null, + native: null + }); +} +/** + * Override the default edit UI to include position controls. + * + * @param {Function} BlockEdit Original component. + * + * @return {Function} Wrapped component. + */ + +const withInspectorControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { + const { + name: blockName + } = props; + const positionSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, POSITION_SUPPORT_KEY); + const showPositionControls = positionSupport && !useIsPositionDisabled(props); + return [showPositionControls && (0,external_wp_element_namespaceObject.createElement)(PositionPanel, _extends({ + key: "position" + }, props)), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, _extends({ + key: "edit" + }, props))]; +}, 'withInspectorControls'); +/** + * Override the default block element to add the position styles. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + +const withPositionStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + var _attributes$style2, _attributes$style2$po, _attributes$style3, _attributes$style3$po; + + const { + name, + attributes + } = props; + const hasPositionBlockSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, POSITION_SUPPORT_KEY); + const allowPositionStyles = hasPositionBlockSupport && !useIsPositionDisabled(props); + const id = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock); + const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); // Higher specificity to override defaults in editor UI. + + const positionSelector = `.wp-container-${id}.wp-container-${id}`; // Get CSS string for the current position values. + + let css; + + if (allowPositionStyles) { + css = getPositionCSS({ + selector: positionSelector, + style: attributes === null || attributes === void 0 ? void 0 : attributes.style + }) || ''; + } // Attach a `wp-container-` id-based class name. + + + const className = classnames_default()(props === null || props === void 0 ? void 0 : props.className, { + [`wp-container-${id}`]: allowPositionStyles && !!css, + // Only attach a container class if there is generated CSS to be attached. + [`is-position-${attributes === null || attributes === void 0 ? void 0 : (_attributes$style2 = attributes.style) === null || _attributes$style2 === void 0 ? void 0 : (_attributes$style2$po = _attributes$style2.position) === null || _attributes$style2$po === void 0 ? void 0 : _attributes$style2$po.type}`]: allowPositionStyles && !!css && !!(attributes !== null && attributes !== void 0 && (_attributes$style3 = attributes.style) !== null && _attributes$style3 !== void 0 && (_attributes$style3$po = _attributes$style3.position) !== null && _attributes$style3$po !== void 0 && _attributes$style3$po.type) + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, allowPositionStyles && element && !!css && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)("style", null, css), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + className: className + }))); +}); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/position/with-position-styles', withPositionStyles); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/position/with-inspector-controls', withInspectorControls); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/use-block-toolbar-popover-props.js +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + +const COMMON_PROPS = { + placement: 'top-start' +}; // By default the toolbar sets the `shift` prop. If the user scrolls the page +// down the toolbar will stay on screen by adopting a sticky position at the +// top of the viewport. + +const use_block_toolbar_popover_props_DEFAULT_PROPS = { ...COMMON_PROPS, + flip: false, + shift: true +}; // When there isn't enough height between the top of the block and the editor +// canvas, the `shift` prop is set to `false`, as it will cause the block to be +// obscured. The `flip` behavior is enabled, which positions the toolbar below +// the block. This only happens if the block is smaller than the viewport, as +// otherwise the toolbar will be off-screen. + +const RESTRICTED_HEIGHT_PROPS = { ...COMMON_PROPS, + flip: true, + shift: false +}; +/** + * Get the popover props for the block toolbar, determined by the space at the top of the canvas and the toolbar height. + * + * @param {Element} contentElement The DOM element that represents the editor content or canvas. + * @param {Element} selectedBlockElement The outer DOM element of the first selected block. + * @param {Element} scrollContainer The scrollable container for the contentElement. + * @param {number} toolbarHeight The height of the toolbar in pixels. + * @param {boolean} isSticky Whether or not the selected block is sticky or fixed. + * + * @return {Object} The popover props used to determine the position of the toolbar. + */ + +function getProps(contentElement, selectedBlockElement, scrollContainer, toolbarHeight, isSticky) { + if (!contentElement || !selectedBlockElement) { + return use_block_toolbar_popover_props_DEFAULT_PROPS; + } // Get how far the content area has been scrolled. + + + const scrollTop = (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollTop) || 0; + const blockRect = selectedBlockElement.getBoundingClientRect(); + const contentRect = contentElement.getBoundingClientRect(); // Get the vertical position of top of the visible content area. + + const topOfContentElementInViewport = scrollTop + contentRect.top; // The document element's clientHeight represents the viewport height. + + const viewportHeight = contentElement.ownerDocument.documentElement.clientHeight; // The restricted height area is calculated as the sum of the + // vertical position of the visible content area, plus the height + // of the block toolbar. + + const restrictedTopArea = topOfContentElementInViewport + toolbarHeight; + const hasSpaceForToolbarAbove = blockRect.top > restrictedTopArea; + const isBlockTallerThanViewport = blockRect.height > viewportHeight - toolbarHeight; // Sticky blocks are treated as if they will never have enough space for the toolbar above. + + if (!isSticky && (hasSpaceForToolbarAbove || isBlockTallerThanViewport)) { + return use_block_toolbar_popover_props_DEFAULT_PROPS; + } + + return RESTRICTED_HEIGHT_PROPS; +} +/** + * Determines the desired popover positioning behavior, returning a set of appropriate props. + * + * @param {Object} elements + * @param {Element} elements.contentElement The DOM element that represents the editor content or canvas. + * @param {string} elements.clientId The clientId of the first selected block. + * + * @return {Object} The popover props used to determine the position of the toolbar. + */ + + +function useBlockToolbarPopoverProps(_ref) { + let { + contentElement, + clientId + } = _ref; + const selectedBlockElement = useBlockElement(clientId); + const [toolbarHeight, setToolbarHeight] = (0,external_wp_element_namespaceObject.useState)(0); + const { + blockIndex, + isSticky + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockIndex, + getBlockAttributes + } = select(store); + return { + blockIndex: getBlockIndex(clientId), + isSticky: hasStickyOrFixedPositionValue(getBlockAttributes(clientId)) + }; + }, [clientId]); + const scrollContainer = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (!contentElement) { + return; + } + + return (0,external_wp_dom_namespaceObject.getScrollContainer)(contentElement); + }, [contentElement]); + const [props, setProps] = (0,external_wp_element_namespaceObject.useState)(() => getProps(contentElement, selectedBlockElement, scrollContainer, toolbarHeight, isSticky)); + const popoverRef = (0,external_wp_compose_namespaceObject.useRefEffect)(popoverNode => { + setToolbarHeight(popoverNode.offsetHeight); + }, []); + const updateProps = (0,external_wp_element_namespaceObject.useCallback)(() => setProps(getProps(contentElement, selectedBlockElement, scrollContainer, toolbarHeight, isSticky)), [contentElement, selectedBlockElement, scrollContainer, toolbarHeight]); // Update props when the block is moved. This also ensures the props are + // correct on initial mount, and when the selected block or content element + // changes (since the callback ref will update). + + (0,external_wp_element_namespaceObject.useLayoutEffect)(updateProps, [blockIndex, updateProps]); // Update props when the viewport is resized or the block is resized. + + (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { + var _contentElement$owner, _contentView$addEvent, _selectedBlockElement; + + if (!contentElement || !selectedBlockElement) { + return; + } // Update the toolbar props on viewport resize. + + + const contentView = contentElement === null || contentElement === void 0 ? void 0 : (_contentElement$owner = contentElement.ownerDocument) === null || _contentElement$owner === void 0 ? void 0 : _contentElement$owner.defaultView; + contentView === null || contentView === void 0 ? void 0 : (_contentView$addEvent = contentView.addEventHandler) === null || _contentView$addEvent === void 0 ? void 0 : _contentView$addEvent.call(contentView, 'resize', updateProps); // Update the toolbar props on block resize. + + let resizeObserver; + const blockView = selectedBlockElement === null || selectedBlockElement === void 0 ? void 0 : (_selectedBlockElement = selectedBlockElement.ownerDocument) === null || _selectedBlockElement === void 0 ? void 0 : _selectedBlockElement.defaultView; + + if (blockView.ResizeObserver) { + resizeObserver = new blockView.ResizeObserver(updateProps); + resizeObserver.observe(selectedBlockElement); + } + + return () => { + var _contentView$removeEv; + + contentView === null || contentView === void 0 ? void 0 : (_contentView$removeEv = contentView.removeEventHandler) === null || _contentView$removeEv === void 0 ? void 0 : _contentView$removeEv.call(contentView, 'resize', updateProps); + + if (resizeObserver) { + resizeObserver.disconnect(); + } + }; + }, [updateProps, contentElement, selectedBlockElement]); + return { ...props, + ref: popoverRef + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/selected-block-popover.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + + + + + +function selector(select) { + const { + __unstableGetEditorMode, + isMultiSelecting, + hasMultiSelection, + isTyping, + isBlockInterfaceHidden, + getSettings, + getLastMultiSelectedBlockClientId + } = experiments_unlock(select(store)); + return { + editorMode: __unstableGetEditorMode(), + hasMultiSelection: hasMultiSelection(), + isMultiSelecting: isMultiSelecting(), + isTyping: isTyping(), + isBlockInterfaceHidden: isBlockInterfaceHidden(), + hasFixedToolbar: getSettings().hasFixedToolbar, + isDistractionFree: getSettings().isDistractionFree, + lastClientId: hasMultiSelection() ? getLastMultiSelectedBlockClientId() : null + }; +} + +function SelectedBlockPopover(_ref) { + let { + clientId, + rootClientId, + isEmptyDefaultBlock, + showContents, + // we may need to mount an empty popover because we reuse + capturingClientId, + __unstablePopoverSlot, + __unstableContentRef + } = _ref; + const { + editorMode, + hasMultiSelection, + isMultiSelecting, + isTyping, + isBlockInterfaceHidden, + hasFixedToolbar, + isDistractionFree, + lastClientId + } = (0,external_wp_data_namespaceObject.useSelect)(selector, []); + const isInsertionPointVisible = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + isBlockInsertionPointVisible, + getBlockInsertionPoint, + getBlockOrder + } = select(store); + + if (!isBlockInsertionPointVisible()) { + return false; + } + + const insertionPoint = getBlockInsertionPoint(); + const order = getBlockOrder(insertionPoint.rootClientId); + return order[insertionPoint.index] === clientId; + }, [clientId]); + const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); + const isToolbarForced = (0,external_wp_element_namespaceObject.useRef)(false); + const { + stopTyping + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const showEmptyBlockSideInserter = !isTyping && editorMode === 'edit' && isEmptyDefaultBlock; + const shouldShowBreadcrumb = !hasMultiSelection && (editorMode === 'navigation' || editorMode === 'zoom-out'); + const shouldShowContextualToolbar = editorMode === 'edit' && !hasFixedToolbar && isLargeViewport && !isMultiSelecting && !showEmptyBlockSideInserter && !isTyping && !isBlockInterfaceHidden; + const canFocusHiddenToolbar = editorMode === 'edit' && !shouldShowContextualToolbar && !hasFixedToolbar && !isDistractionFree && !isEmptyDefaultBlock; + (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/block-editor/focus-toolbar', () => { + isToolbarForced.current = true; + stopTyping(true); + }, { + isDisabled: !canFocusHiddenToolbar + }); + (0,external_wp_element_namespaceObject.useEffect)(() => { + isToolbarForced.current = false; + }); // Stores the active toolbar item index so the block toolbar can return focus + // to it when re-mounting. + + const initialToolbarItemIndexRef = (0,external_wp_element_namespaceObject.useRef)(); + const popoverProps = useBlockToolbarPopoverProps({ + contentElement: __unstableContentRef === null || __unstableContentRef === void 0 ? void 0 : __unstableContentRef.current, + clientId + }); + + if (showEmptyBlockSideInserter) { + return (0,external_wp_element_namespaceObject.createElement)(block_popover, _extends({ + clientId: capturingClientId || clientId, + __unstableCoverTarget: true, + bottomClientId: lastClientId, + className: classnames_default()('block-editor-block-list__block-side-inserter-popover', { + 'is-insertion-point-visible': isInsertionPointVisible + }), + __unstablePopoverSlot: __unstablePopoverSlot, + __unstableContentRef: __unstableContentRef, + resize: false, + shift: false + }, popoverProps), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-list__empty-block-inserter" + }, (0,external_wp_element_namespaceObject.createElement)(inserter, { + position: "bottom right", + rootClientId: rootClientId, + clientId: clientId, + __experimentalIsQuick: true + }))); + } + + if (shouldShowBreadcrumb || shouldShowContextualToolbar) { + return (0,external_wp_element_namespaceObject.createElement)(block_popover, _extends({ + clientId: capturingClientId || clientId, + bottomClientId: lastClientId, + className: classnames_default()('block-editor-block-list__block-popover', { + 'is-insertion-point-visible': isInsertionPointVisible + }), + __unstablePopoverSlot: __unstablePopoverSlot, + __unstableContentRef: __unstableContentRef, + resize: false + }, popoverProps), shouldShowContextualToolbar && showContents && (0,external_wp_element_namespaceObject.createElement)(block_contextual_toolbar // If the toolbar is being shown because of being forced + // it should focus the toolbar right after the mount. + , { + focusOnMount: isToolbarForced.current, + __experimentalInitialIndex: initialToolbarItemIndexRef.current, + __experimentalOnIndexChange: index => { + initialToolbarItemIndexRef.current = index; + } // Resets the index whenever the active block changes so + // this is not persisted. See https://github.com/WordPress/gutenberg/pull/25760#issuecomment-717906169 + , + key: clientId + }), shouldShowBreadcrumb && (0,external_wp_element_namespaceObject.createElement)(block_selection_button, { + clientId: clientId, + rootClientId: rootClientId + })); + } + + return null; +} + +function wrapperSelector(select) { + const { + getSelectedBlockClientId, + getFirstMultiSelectedBlockClientId, + getBlockRootClientId, + getBlock, + getBlockParents, + getSettings, + isNavigationMode: _isNavigationMode, + __experimentalGetBlockListSettingsForBlocks + } = select(store); + const clientId = getSelectedBlockClientId() || getFirstMultiSelectedBlockClientId(); + + if (!clientId) { + return; + } + + const { + name, + attributes = {} + } = getBlock(clientId) || {}; + const blockParentsClientIds = getBlockParents(clientId); // Get Block List Settings for all ancestors of the current Block clientId. + + const parentBlockListSettings = __experimentalGetBlockListSettingsForBlocks(blockParentsClientIds); // Get the clientId of the topmost parent with the capture toolbars setting. + + + const capturingClientId = blockParentsClientIds.find(parentClientId => { + var _parentBlockListSetti; + + return (_parentBlockListSetti = parentBlockListSettings[parentClientId]) === null || _parentBlockListSetti === void 0 ? void 0 : _parentBlockListSetti.__experimentalCaptureToolbars; + }); + const settings = getSettings(); + return { + clientId, + rootClientId: getBlockRootClientId(clientId), + name, + isDistractionFree: settings.isDistractionFree, + isNavigationMode: _isNavigationMode(), + isEmptyDefaultBlock: name && (0,external_wp_blocks_namespaceObject.isUnmodifiedDefaultBlock)({ + name, + attributes + }), + capturingClientId + }; +} + +function WrappedBlockPopover(_ref2) { + let { + __unstablePopoverSlot, + __unstableContentRef + } = _ref2; + const selected = (0,external_wp_data_namespaceObject.useSelect)(wrapperSelector, []); + + if (!selected) { + return null; + } + + const { + clientId, + rootClientId, + name, + isEmptyDefaultBlock, + capturingClientId, + isDistractionFree, + isNavigationMode + } = selected; + + if (!name) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(SelectedBlockPopover, { + clientId: clientId, + rootClientId: rootClientId, + isEmptyDefaultBlock: isEmptyDefaultBlock, + showContents: !isDistractionFree || isNavigationMode, + capturingClientId: capturingClientId, + __unstablePopoverSlot: __unstablePopoverSlot, + __unstableContentRef: __unstableContentRef + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/back-compat.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +function BlockToolsBackCompat(_ref) { + let { + children + } = _ref; + const openRef = (0,external_wp_element_namespaceObject.useContext)(insertion_point_InsertionPointOpenRef); + const isDisabled = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.Disabled.Context); // If context is set, `BlockTools` is a parent component. + + if (openRef || isDisabled) { + return children; + } + + external_wp_deprecated_default()('wp.components.Popover.Slot name="block-toolbar"', { + alternative: 'wp.blockEditor.BlockTools', + since: '5.8', + version: '6.3' + }); + return (0,external_wp_element_namespaceObject.createElement)(InsertionPoint, { + __unstablePopoverSlot: "block-toolbar" + }, (0,external_wp_element_namespaceObject.createElement)(WrappedBlockPopover, { + __unstablePopoverSlot: "block-toolbar" + }), children); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-selection-clearer/index.js @@ -21513,13 +30930,21 @@ function LiveBlockPreview(_ref) { function useBlockSelectionClearer() { const { + getSettings, hasSelectedBlock, hasMultiSelection } = (0,external_wp_data_namespaceObject.useSelect)(store); const { clearSelectedBlock } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + clearBlockSelection: isEnabled + } = getSettings(); return (0,external_wp_compose_namespaceObject.useRefEffect)(node => { + if (!isEnabled) { + return; + } + function onMouseDown(event) { if (!hasSelectedBlock() && !hasMultiSelection()) { return; @@ -21537,7 +30962,7 @@ function useBlockSelectionClearer() { return () => { node.removeEventListener('mousedown', onMouseDown); }; - }, [hasSelectedBlock, hasMultiSelection, clearSelectedBlock]); + }, [hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled]); } function BlockSelectionClearer(props) { return (0,external_wp_element_namespaceObject.createElement)("div", _extends({ @@ -21545,6 +30970,1239 @@ function BlockSelectionClearer(props) { }, props)); } +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/with-client-id.js + + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +const withClientId = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => { + const { + clientId + } = useBlockEditContext(); + return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { + clientId: clientId + })); +}, 'withClientId'); +/* harmony default export */ var with_client_id = (withClientId); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/button-block-appender.js + + +/** + * External dependencies + */ + +/** + * Internal dependencies + */ + + + +const button_block_appender_ButtonBlockAppender = _ref => { + let { + clientId, + showSeparator, + isFloating, + onAddBlock, + isToggle + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(button_block_appender, { + className: classnames_default()({ + 'block-list-appender__toggle': isToggle + }), + rootClientId: clientId, + showSeparator: showSeparator, + isFloating: isFloating, + onAddBlock: onAddBlock + }); +}; +/* harmony default export */ var inner_blocks_button_block_appender = (with_client_id(button_block_appender_ButtonBlockAppender)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/default-block-appender.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + +const default_block_appender_DefaultBlockAppender = _ref => { + let { + clientId + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(default_block_appender, { + rootClientId: clientId + }); +}; +/* harmony default export */ var inner_blocks_default_block_appender = ((0,external_wp_compose_namespaceObject.compose)([with_client_id, (0,external_wp_data_namespaceObject.withSelect)((select, _ref2) => { + let { + clientId + } = _ref2; + const { + getBlockOrder + } = select(store); + const blockClientIds = getBlockOrder(clientId); + return { + lastBlockClientId: blockClientIds[blockClientIds.length - 1] + }; +})])(default_block_appender_DefaultBlockAppender)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/use-nested-settings-update.js +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +/** @typedef {import('../../selectors').WPDirectInsertBlock } WPDirectInsertBlock */ + +const pendingSettingsUpdates = new WeakMap(); +/** + * This hook is a side effect which updates the block-editor store when changes + * happen to inner block settings. The given props are transformed into a + * settings object, and if that is different from the current settings object in + * the block-editor store, then the store is updated with the new settings which + * came from props. + * + * @param {string} clientId The client ID of the block to update. + * @param {string[]} allowedBlocks An array of block names which are permitted + * in inner blocks. + * @param {?WPDirectInsertBlock} __experimentalDefaultBlock The default block to insert: [ blockName, { blockAttributes } ]. + * @param {?Function|boolean} __experimentalDirectInsert If a default block should be inserted directly by the + * appender. + * @param {string} [templateLock] The template lock specified for the inner + * blocks component. (e.g. "all") + * @param {boolean} captureToolbars Whether or children toolbars should be shown + * in the inner blocks component rather than on + * the child block. + * @param {string} orientation The direction in which the block + * should face. + * @param {Object} layout The layout object for the block container. + */ + +function useNestedSettingsUpdate(clientId, allowedBlocks, __experimentalDefaultBlock, __experimentalDirectInsert, templateLock, captureToolbars, orientation, layout) { + const { + updateBlockListSettings + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const registry = (0,external_wp_data_namespaceObject.useRegistry)(); + const { + blockListSettings, + parentLock + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const rootClientId = select(store).getBlockRootClientId(clientId); + return { + blockListSettings: select(store).getBlockListSettings(clientId), + parentLock: select(store).getTemplateLock(rootClientId) + }; + }, [clientId]); // Memoize as inner blocks implementors often pass a new array on every + // render. + + const _allowedBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => allowedBlocks, allowedBlocks); + + (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { + const newSettings = { + allowedBlocks: _allowedBlocks, + templateLock: templateLock === undefined || parentLock === 'contentOnly' ? parentLock : templateLock + }; // These values are not defined for RN, so only include them if they + // are defined. + + if (captureToolbars !== undefined) { + newSettings.__experimentalCaptureToolbars = captureToolbars; + } // Orientation depends on layout, + // ideally the separate orientation prop should be deprecated. + + + if (orientation !== undefined) { + newSettings.orientation = orientation; + } else { + const layoutType = getLayoutType(layout === null || layout === void 0 ? void 0 : layout.type); + newSettings.orientation = layoutType.getOrientation(layout); + } + + if (__experimentalDefaultBlock !== undefined) { + newSettings.__experimentalDefaultBlock = __experimentalDefaultBlock; + } + + if (__experimentalDirectInsert !== undefined) { + newSettings.__experimentalDirectInsert = __experimentalDirectInsert; + } + + if (!external_wp_isShallowEqual_default()(blockListSettings, newSettings)) { + // Batch updates to block list settings to avoid triggering cascading renders + // for each container block included in a tree and optimize initial render. + // To avoid triggering updateBlockListSettings for each container block + // causing X re-renderings for X container blocks, + // we batch all the updatedBlockListSettings in a single "data" batch + // which results in a single re-render. + if (!pendingSettingsUpdates.get(registry)) { + pendingSettingsUpdates.set(registry, []); + } + + pendingSettingsUpdates.get(registry).push([clientId, newSettings]); + window.queueMicrotask(() => { + var _pendingSettingsUpdat; + + if ((_pendingSettingsUpdat = pendingSettingsUpdates.get(registry)) !== null && _pendingSettingsUpdat !== void 0 && _pendingSettingsUpdat.length) { + registry.batch(() => { + pendingSettingsUpdates.get(registry).forEach(args => { + updateBlockListSettings(...args); + }); + pendingSettingsUpdates.set(registry, []); + }); + } + }); + } + }, [clientId, blockListSettings, _allowedBlocks, __experimentalDefaultBlock, __experimentalDirectInsert, templateLock, parentLock, captureToolbars, orientation, updateBlockListSettings, layout, registry]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/use-inner-block-template-sync.js +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + +/** + * This hook makes sure that a block's inner blocks stay in sync with the given + * block "template". The template is a block hierarchy to which inner blocks must + * conform. If the blocks get "out of sync" with the template and the template + * is meant to be locked (e.g. templateLock = "all" or templateLock = "contentOnly"), + * then we replace the inner blocks with the correct value after synchronizing it with the template. + * + * @param {string} clientId The block client ID. + * @param {Object} template The template to match. + * @param {string} templateLock The template lock state for the inner blocks. For + * example, if the template lock is set to "all", + * then the inner blocks will stay in sync with the + * template. If not defined or set to false, then + * the inner blocks will not be synchronized with + * the given template. + * @param {boolean} templateInsertUpdatesSelection Whether or not to update the + * block-editor selection state when inner blocks + * are replaced after template synchronization. + */ + +function useInnerBlockTemplateSync(clientId, template, templateLock, templateInsertUpdatesSelection) { + const { + getBlocks, + getSelectedBlocksInitialCaretPosition, + isBlockSelected + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + replaceInnerBlocks, + __unstableMarkNextChangeAsNotPersistent + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + innerBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(select => ({ + innerBlocks: select(store).getBlocks(clientId) + }), [clientId]); // Maintain a reference to the previous value so we can do a deep equality check. + + const existingTemplate = (0,external_wp_element_namespaceObject.useRef)(null); + (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { + let isCancelled = false; // There's an implicit dependency between useInnerBlockTemplateSync and useNestedSettingsUpdate + // The former needs to happen after the latter and since the latter is using microtasks to batch updates (performance optimization), + // we need to schedule this one in a microtask as well. + // Example: If you remove queueMicrotask here, ctrl + click to insert quote block won't close the inserter. + + window.queueMicrotask(() => { + if (isCancelled) { + return; + } // Only synchronize innerBlocks with template if innerBlocks are empty + // or a locking "all" or "contentOnly" exists directly on the block. + + + const currentInnerBlocks = getBlocks(clientId); + const shouldApplyTemplate = currentInnerBlocks.length === 0 || templateLock === 'all' || templateLock === 'contentOnly'; + const hasTemplateChanged = !es6_default()(template, existingTemplate.current); + + if (!shouldApplyTemplate || !hasTemplateChanged) { + return; + } + + existingTemplate.current = template; + const nextBlocks = (0,external_wp_blocks_namespaceObject.synchronizeBlocksWithTemplate)(currentInnerBlocks, template); + + if (!es6_default()(nextBlocks, currentInnerBlocks)) { + __unstableMarkNextChangeAsNotPersistent(); + + replaceInnerBlocks(clientId, nextBlocks, currentInnerBlocks.length === 0 && templateInsertUpdatesSelection && nextBlocks.length !== 0 && isBlockSelected(clientId), // This ensures the "initialPosition" doesn't change when applying the template + // If we're supposed to focus the block, we'll focus the first inner block + // otherwise, we won't apply any auto-focus. + // This ensures for instance that the focus stays in the inserter when inserting the "buttons" block. + getSelectedBlocksInitialCaretPosition()); + } + }); + return () => { + isCancelled = true; + }; + }, [innerBlocks, template, templateLock, clientId]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/use-block-context.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * Returns a context object for a given block. + * + * @param {string} clientId The block client ID. + * + * @return {Record} Context value. + */ + +function useBlockContext(clientId) { + return (0,external_wp_data_namespaceObject.useSelect)(select => { + const block = select(store).getBlock(clientId); + + if (!block) { + return undefined; + } + + const blockType = select(external_wp_blocks_namespaceObject.store).getBlockType(block.name); + + if (!blockType) { + return undefined; + } + + if (Object.keys(blockType.providesContext).length === 0) { + return undefined; + } + + return Object.fromEntries(Object.entries(blockType.providesContext).map(_ref => { + let [contextName, attributeName] = _ref; + return [contextName, block.attributes[attributeName]]; + })); + }, [clientId]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-on-block-drop/index.js +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + +/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */ + +/** @typedef {import('./types').WPDropOperation} WPDropOperation */ + +/** + * Retrieve the data for a block drop event. + * + * @param {WPSyntheticEvent} event The drop event. + * + * @return {Object} An object with block drag and drop data. + */ + +function parseDropEvent(event) { + let result = { + srcRootClientId: null, + srcClientIds: null, + srcIndex: null, + type: null, + blocks: null + }; + + if (!event.dataTransfer) { + return result; + } + + try { + result = Object.assign(result, JSON.parse(event.dataTransfer.getData('wp-blocks'))); + } catch (err) { + return result; + } + + return result; +} +/** + * A function that returns an event handler function for block drop events. + * + * @param {string} targetRootClientId The root client id where the block(s) will be inserted. + * @param {number} targetBlockIndex The index where the block(s) will be inserted. + * @param {Function} getBlockIndex A function that gets the index of a block. + * @param {Function} getClientIdsOfDescendants A function that gets the client ids of descendant blocks. + * @param {Function} moveBlocks A function that moves blocks. + * @param {Function} insertOrReplaceBlocks A function that inserts or replaces blocks. + * @param {Function} clearSelectedBlock A function that clears block selection. + * @return {Function} The event handler for a block drop event. + */ + +function onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex, getClientIdsOfDescendants, moveBlocks, insertOrReplaceBlocks, clearSelectedBlock) { + return event => { + const { + srcRootClientId: sourceRootClientId, + srcClientIds: sourceClientIds, + type: dropType, + blocks + } = parseDropEvent(event); // If the user is inserting a block. + + if (dropType === 'inserter') { + clearSelectedBlock(); + const blocksToInsert = blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); + insertOrReplaceBlocks(blocksToInsert, true, null); + } // If the user is moving a block. + + + if (dropType === 'block') { + const sourceBlockIndex = getBlockIndex(sourceClientIds[0]); // If the user is dropping to the same position, return early. + + if (sourceRootClientId === targetRootClientId && sourceBlockIndex === targetBlockIndex) { + return; + } // If the user is attempting to drop a block within its own + // nested blocks, return early as this would create infinite + // recursion. + + + if (sourceClientIds.includes(targetRootClientId) || getClientIdsOfDescendants(sourceClientIds).some(id => id === targetRootClientId)) { + return; + } + + const isAtSameLevel = sourceRootClientId === targetRootClientId; + const draggedBlockCount = sourceClientIds.length; // If the block is kept at the same level and moved downwards, + // subtract to take into account that the blocks being dragged + // were removed from the block list above the insertion point. + + const insertIndex = isAtSameLevel && sourceBlockIndex < targetBlockIndex ? targetBlockIndex - draggedBlockCount : targetBlockIndex; + moveBlocks(sourceClientIds, sourceRootClientId, insertIndex); + } + }; +} +/** + * A function that returns an event handler function for block-related file drop events. + * + * @param {string} targetRootClientId The root client id where the block(s) will be inserted. + * @param {number} targetBlockIndex The index where the block(s) will be inserted. + * @param {boolean} hasUploadPermissions Whether the user has upload permissions. + * @param {Function} updateBlockAttributes A function that updates a block's attributes. + * @param {Function} canInsertBlockType A function that returns checks whether a block type can be inserted. + * @param {Function} insertOrReplaceBlocks A function that inserts or replaces blocks. + * + * @return {Function} The event handler for a block-related file drop event. + */ + +function onFilesDrop(targetRootClientId, targetBlockIndex, hasUploadPermissions, updateBlockAttributes, canInsertBlockType, insertOrReplaceBlocks) { + return files => { + if (!hasUploadPermissions) { + return; + } + + const transformation = (0,external_wp_blocks_namespaceObject.findTransform)((0,external_wp_blocks_namespaceObject.getBlockTransforms)('from'), transform => transform.type === 'files' && canInsertBlockType(transform.blockName, targetRootClientId) && transform.isMatch(files)); + + if (transformation) { + const blocks = transformation.transform(files, updateBlockAttributes); + insertOrReplaceBlocks(blocks); + } + }; +} +/** + * A function that returns an event handler function for block-related HTML drop events. + * + * @param {string} targetRootClientId The root client id where the block(s) will be inserted. + * @param {number} targetBlockIndex The index where the block(s) will be inserted. + * @param {Function} insertOrReplaceBlocks A function that inserts or replaces blocks. + * + * @return {Function} The event handler for a block-related HTML drop event. + */ + +function onHTMLDrop(targetRootClientId, targetBlockIndex, insertOrReplaceBlocks) { + return HTML => { + const blocks = (0,external_wp_blocks_namespaceObject.pasteHandler)({ + HTML, + mode: 'BLOCKS' + }); + + if (blocks.length) { + insertOrReplaceBlocks(blocks); + } + }; +} +/** + * A React hook for handling block drop events. + * + * @param {string} targetRootClientId The root client id where the block(s) will be inserted. + * @param {number} targetBlockIndex The index where the block(s) will be inserted. + * @param {Object} options The optional options. + * @param {WPDropOperation} [options.operation] The type of operation to perform on drop. Could be `insert` or `replace` for now. + * + * @return {Function} A function to be passed to the onDrop handler. + */ + +function useOnBlockDrop(targetRootClientId, targetBlockIndex) { + let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; + const { + operation = 'insert' + } = options; + const hasUploadPermissions = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings().mediaUpload, []); + const { + canInsertBlockType, + getBlockIndex, + getClientIdsOfDescendants, + getBlockOrder, + getBlocksByClientId + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + insertBlocks, + moveBlocksToPosition, + updateBlockAttributes, + clearSelectedBlock, + replaceBlocks, + removeBlocks + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const registry = (0,external_wp_data_namespaceObject.useRegistry)(); + const insertOrReplaceBlocks = (0,external_wp_element_namespaceObject.useCallback)(function (blocks) { + let updateSelection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; + let initialPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0; + + if (operation === 'replace') { + const clientIds = getBlockOrder(targetRootClientId); + const clientId = clientIds[targetBlockIndex]; + replaceBlocks(clientId, blocks, undefined, initialPosition); + } else { + insertBlocks(blocks, targetBlockIndex, targetRootClientId, updateSelection, initialPosition); + } + }, [operation, getBlockOrder, insertBlocks, replaceBlocks, targetBlockIndex, targetRootClientId]); + const moveBlocks = (0,external_wp_element_namespaceObject.useCallback)((sourceClientIds, sourceRootClientId, insertIndex) => { + if (operation === 'replace') { + const sourceBlocks = getBlocksByClientId(sourceClientIds); + const targetBlockClientIds = getBlockOrder(targetRootClientId); + const targetBlockClientId = targetBlockClientIds[targetBlockIndex]; + registry.batch(() => { + // Remove the source blocks. + removeBlocks(sourceClientIds, false); // Replace the target block with the source blocks. + + replaceBlocks(targetBlockClientId, sourceBlocks, undefined, 0); + }); + } else { + moveBlocksToPosition(sourceClientIds, sourceRootClientId, targetRootClientId, insertIndex); + } + }, [operation, getBlockOrder, getBlocksByClientId, insertBlocks, moveBlocksToPosition, removeBlocks, targetBlockIndex, targetRootClientId]); + + const _onDrop = onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex, getClientIdsOfDescendants, moveBlocks, insertOrReplaceBlocks, clearSelectedBlock); + + const _onFilesDrop = onFilesDrop(targetRootClientId, targetBlockIndex, hasUploadPermissions, updateBlockAttributes, canInsertBlockType, insertOrReplaceBlocks); + + const _onHTMLDrop = onHTMLDrop(targetRootClientId, targetBlockIndex, insertOrReplaceBlocks); + + return event => { + const files = (0,external_wp_dom_namespaceObject.getFilesFromDataTransfer)(event.dataTransfer); + const html = event.dataTransfer.getData('text/html'); + /** + * From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML. + * The order of the checks is important to recognise the HTML drop. + */ + + if (html) { + _onHTMLDrop(html); + } else if (files.length) { + _onFilesDrop(files); + } else { + _onDrop(event); + } + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/math.js +/** + * A string representing the name of an edge. + * + * @typedef {'top'|'right'|'bottom'|'left'} WPEdgeName + */ + +/** + * @typedef {Object} WPPoint + * @property {number} x The horizontal position. + * @property {number} y The vertical position. + */ + +/** + * Given a point, a DOMRect and the name of an edge, returns the distance to + * that edge of the rect. + * + * This function works for edges that are horizontal or vertical (e.g. not + * rotated), the following terms are used so that the function works in both + * orientations: + * + * - Forward, meaning the axis running horizontally when an edge is vertical + * and vertically when an edge is horizontal. + * - Lateral, meaning the axis running vertically when an edge is vertical + * and horizontally when an edge is horizontal. + * + * @param {WPPoint} point The point to measure distance from. + * @param {DOMRect} rect A DOM Rect containing edge positions. + * @param {WPEdgeName} edge The edge to measure to. + */ +function getDistanceFromPointToEdge(point, rect, edge) { + const isHorizontal = edge === 'top' || edge === 'bottom'; + const { + x, + y + } = point; + const pointLateralPosition = isHorizontal ? x : y; + const pointForwardPosition = isHorizontal ? y : x; + const edgeStart = isHorizontal ? rect.left : rect.top; + const edgeEnd = isHorizontal ? rect.right : rect.bottom; + const edgeForwardPosition = rect[edge]; // Measure the straight line distance to the edge of the rect, when the + // point is adjacent to the edge. + // Else, if the point is positioned diagonally to the edge of the rect, + // measure diagonally to the nearest corner that the edge meets. + + let edgeLateralPosition; + + if (pointLateralPosition >= edgeStart && pointLateralPosition <= edgeEnd) { + edgeLateralPosition = pointLateralPosition; + } else if (pointLateralPosition < edgeEnd) { + edgeLateralPosition = edgeStart; + } else { + edgeLateralPosition = edgeEnd; + } + + return Math.sqrt((pointLateralPosition - edgeLateralPosition) ** 2 + (pointForwardPosition - edgeForwardPosition) ** 2); +} +/** + * Given a point, a DOMRect and a list of allowed edges returns the name of and + * distance to the nearest edge. + * + * @param {WPPoint} point The point to measure distance from. + * @param {DOMRect} rect A DOM Rect containing edge positions. + * @param {WPEdgeName[]} allowedEdges A list of the edges included in the + * calculation. Defaults to all edges. + * + * @return {[number, string]} An array where the first value is the distance + * and a second is the edge name. + */ + +function getDistanceToNearestEdge(point, rect) { + let allowedEdges = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['top', 'bottom', 'left', 'right']; + let candidateDistance; + let candidateEdge; + allowedEdges.forEach(edge => { + const distance = getDistanceFromPointToEdge(point, rect, edge); + + if (candidateDistance === undefined || distance < candidateDistance) { + candidateDistance = distance; + candidateEdge = edge; + } + }); + return [candidateDistance, candidateEdge]; +} +/** + * Is the point contained by the rectangle. + * + * @param {WPPoint} point The point. + * @param {DOMRect} rect The rectangle. + * + * @return {boolean} True if the point is contained by the rectangle, false otherwise. + */ + +function isPointContainedByRect(point, rect) { + return rect.left <= point.x && rect.right >= point.x && rect.top <= point.y && rect.bottom >= point.y; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-block-drop-zone/index.js +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + +/** @typedef {import('../../utils/math').WPPoint} WPPoint */ + +/** @typedef {import('../use-on-block-drop/types').WPDropOperation} WPDropOperation */ + +/** + * The orientation of a block list. + * + * @typedef {'horizontal'|'vertical'|undefined} WPBlockListOrientation + */ + +/** + * The insert position when dropping a block. + * + * @typedef {'before'|'after'} WPInsertPosition + */ + +/** + * @typedef {Object} WPBlockData + * @property {boolean} isUnmodifiedDefaultBlock Is the block unmodified default block. + * @property {() => DOMRect} getBoundingClientRect Get the bounding client rect of the block. + * @property {number} blockIndex The index of the block. + */ + +/** + * Get the drop target position from a given drop point and the orientation. + * + * @param {WPBlockData[]} blocksData The block data list. + * @param {WPPoint} position The position of the item being dragged. + * @param {WPBlockListOrientation} orientation The orientation of the block list. + * @return {[number, WPDropOperation]} The drop target position. + */ + +function getDropTargetPosition(blocksData, position) { + var _blocksData$nearestIn, _blocksData$adjacentI; + + let orientation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'vertical'; + const allowedEdges = orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom']; + const isRightToLeft = (0,external_wp_i18n_namespaceObject.isRTL)(); + let nearestIndex = 0; + let insertPosition = 'before'; + let minDistance = Infinity; + blocksData.forEach(_ref => { + let { + isUnmodifiedDefaultBlock, + getBoundingClientRect, + blockIndex + } = _ref; + const rect = getBoundingClientRect(); + let [distance, edge] = getDistanceToNearestEdge(position, rect, allowedEdges); // Prioritize the element if the point is inside of an unmodified default block. + + if (isUnmodifiedDefaultBlock && isPointContainedByRect(position, rect)) { + distance = 0; + } + + if (distance < minDistance) { + // Where the dropped block will be inserted on the nearest block. + insertPosition = edge === 'bottom' || !isRightToLeft && edge === 'right' || isRightToLeft && edge === 'left' ? 'after' : 'before'; // Update the currently known best candidate. + + minDistance = distance; + nearestIndex = blockIndex; + } + }); + const adjacentIndex = nearestIndex + (insertPosition === 'after' ? 1 : -1); + const isNearestBlockUnmodifiedDefaultBlock = !!((_blocksData$nearestIn = blocksData[nearestIndex]) !== null && _blocksData$nearestIn !== void 0 && _blocksData$nearestIn.isUnmodifiedDefaultBlock); + const isAdjacentBlockUnmodifiedDefaultBlock = !!((_blocksData$adjacentI = blocksData[adjacentIndex]) !== null && _blocksData$adjacentI !== void 0 && _blocksData$adjacentI.isUnmodifiedDefaultBlock); // If both blocks are not unmodified default blocks then just insert between them. + + if (!isNearestBlockUnmodifiedDefaultBlock && !isAdjacentBlockUnmodifiedDefaultBlock) { + // If the user is dropping to the trailing edge of the block + // add 1 to the index to represent dragging after. + const insertionIndex = insertPosition === 'after' ? nearestIndex + 1 : nearestIndex; + return [insertionIndex, 'insert']; + } // Otherwise, replace the nearest unmodified default block. + + + return [isNearestBlockUnmodifiedDefaultBlock ? nearestIndex : adjacentIndex, 'replace']; +} +/** + * @typedef {Object} WPBlockDropZoneConfig + * @property {string} rootClientId The root client id for the block list. + */ + +/** + * A React hook that can be used to make a block list handle drag and drop. + * + * @param {WPBlockDropZoneConfig} dropZoneConfig configuration data for the drop zone. + */ + +function useBlockDropZone() { + let { + // An undefined value represents a top-level block. Default to an empty + // string for this so that `targetRootClientId` can be easily compared to + // values returned by the `getRootBlockClientId` selector, which also uses + // an empty string to represent top-level blocks. + rootClientId: targetRootClientId = '' + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const [dropTarget, setDropTarget] = (0,external_wp_element_namespaceObject.useState)({ + index: null, + operation: 'insert' + }); + const isDisabled = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getTemplateLock, + __unstableIsWithinBlockOverlay, + __unstableHasActiveBlockOverlayActive + } = select(store); + const templateLock = getTemplateLock(targetRootClientId); + return ['all', 'contentOnly'].some(lock => lock === templateLock) || __unstableHasActiveBlockOverlayActive(targetRootClientId) || __unstableIsWithinBlockOverlay(targetRootClientId); + }, [targetRootClientId]); + const { + getBlockListSettings, + getBlocks, + getBlockIndex + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + showInsertionPoint, + hideInsertionPoint + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const onBlockDrop = useOnBlockDrop(targetRootClientId, dropTarget.index, { + operation: dropTarget.operation + }); + const throttled = (0,external_wp_compose_namespaceObject.useThrottle)((0,external_wp_element_namespaceObject.useCallback)((event, ownerDocument) => { + var _getBlockListSettings; + + const blocks = getBlocks(targetRootClientId); // The block list is empty, don't show the insertion point but still allow dropping. + + if (blocks.length === 0) { + setDropTarget({ + index: 0, + operation: 'insert' + }); + return; + } + + const blocksData = blocks.map(block => { + const clientId = block.clientId; + return { + isUnmodifiedDefaultBlock: (0,external_wp_blocks_namespaceObject.isUnmodifiedDefaultBlock)(block), + getBoundingClientRect: () => ownerDocument.getElementById(`block-${clientId}`).getBoundingClientRect(), + blockIndex: getBlockIndex(clientId) + }; + }); + const [targetIndex, operation] = getDropTargetPosition(blocksData, { + x: event.clientX, + y: event.clientY + }, (_getBlockListSettings = getBlockListSettings(targetRootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation); + setDropTarget({ + index: targetIndex, + operation + }); + showInsertionPoint(targetRootClientId, targetIndex, { + operation + }); + }, [targetRootClientId]), 200); + return (0,external_wp_compose_namespaceObject.__experimentalUseDropZone)({ + isDisabled, + onDrop: onBlockDrop, + + onDragOver(event) { + // `currentTarget` is only available while the event is being + // handled, so get it now and pass it to the thottled function. + // https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget + throttled(event, event.currentTarget.ownerDocument); + }, + + onDragLeave() { + throttled.cancel(); + hideInsertionPoint(); + }, + + onDragEnd() { + throttled.cancel(); + hideInsertionPoint(); + } + + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/index.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + + + + + + + + + +const EMPTY_OBJECT = {}; +/** + * InnerBlocks is a component which allows a single block to have multiple blocks + * as children. The UncontrolledInnerBlocks component is used whenever the inner + * blocks are not controlled by another entity. In other words, it is normally + * used for inner blocks in the post editor + * + * @param {Object} props The component props. + */ + +function UncontrolledInnerBlocks(props) { + const { + clientId, + allowedBlocks, + __experimentalDefaultBlock, + __experimentalDirectInsert, + template, + templateLock, + wrapperRef, + templateInsertUpdatesSelection, + __experimentalCaptureToolbars: captureToolbars, + __experimentalAppenderTagName, + renderAppender, + orientation, + placeholder, + layout + } = props; + useNestedSettingsUpdate(clientId, allowedBlocks, __experimentalDefaultBlock, __experimentalDirectInsert, templateLock, captureToolbars, orientation, layout); + useInnerBlockTemplateSync(clientId, template, templateLock, templateInsertUpdatesSelection); + const context = useBlockContext(clientId); + const name = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _select$getBlock; + + return (_select$getBlock = select(store).getBlock(clientId)) === null || _select$getBlock === void 0 ? void 0 : _select$getBlock.name; + }, [clientId]); + const defaultLayoutBlockSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, '__experimentalLayout') || EMPTY_OBJECT; + const { + allowSizingOnChildren = false + } = defaultLayoutBlockSupport; + const defaultLayout = useSetting('layout') || EMPTY_OBJECT; + const usedLayout = layout || defaultLayoutBlockSupport; + const memoedLayout = (0,external_wp_element_namespaceObject.useMemo)(() => ({ // Default layout will know about any content/wide size defined by the theme. + ...defaultLayout, + ...usedLayout, + ...(allowSizingOnChildren && { + allowSizingOnChildren: true + }) + }), [defaultLayout, usedLayout, allowSizingOnChildren]); // This component needs to always be synchronous as it's the one changing + // the async mode depending on the block selection. + + return (0,external_wp_element_namespaceObject.createElement)(BlockContextProvider, { + value: context + }, (0,external_wp_element_namespaceObject.createElement)(BlockListItems, { + rootClientId: clientId, + renderAppender: renderAppender, + __experimentalAppenderTagName: __experimentalAppenderTagName, + __experimentalLayout: memoedLayout, + wrapperRef: wrapperRef, + placeholder: placeholder + })); +} +/** + * The controlled inner blocks component wraps the uncontrolled inner blocks + * component with the blockSync hook. This keeps the innerBlocks of the block in + * the block-editor store in sync with the blocks of the controlling entity. An + * example of an inner block controller is a template part block, which provides + * its own blocks from the template part entity data source. + * + * @param {Object} props The component props. + */ + + +function ControlledInnerBlocks(props) { + useBlockSync(props); + return (0,external_wp_element_namespaceObject.createElement)(UncontrolledInnerBlocks, props); +} + +const ForwardedInnerBlocks = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { + const innerBlocksProps = useInnerBlocksProps({ + ref + }, props); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-inner-blocks" + }, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)); +}); +/** + * This hook is used to lightly mark an element as an inner blocks wrapper + * element. Call this hook and pass the returned props to the element to mark as + * an inner blocks wrapper, automatically rendering inner blocks as children. If + * you define a ref for the element, it is important to pass the ref to this + * hook, which the hook in turn will pass to the component through the props it + * returns. Optionally, you can also pass any other props through this hook, and + * they will be merged and returned. + * + * @param {Object} props Optional. Props to pass to the element. Must contain + * the ref if one is defined. + * @param {Object} options Optional. Inner blocks options. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inner-blocks/README.md + */ + +function useInnerBlocksProps() { + let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + const { + __unstableDisableLayoutClassNames, + __unstableDisableDropZone + } = options; + const { + clientId, + layout = null, + __unstableLayoutClassNames: layoutClassNames = '' + } = useBlockEditContext(); + const isSmallScreen = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); + const { + __experimentalCaptureToolbars, + hasOverlay + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + if (!clientId) { + return {}; + } + + const { + getBlockName, + isBlockSelected, + hasSelectedInnerBlock, + __unstableGetEditorMode + } = select(store); + const blockName = getBlockName(clientId); + const enableClickThrough = __unstableGetEditorMode() === 'navigation' || isSmallScreen; + return { + __experimentalCaptureToolbars: select(external_wp_blocks_namespaceObject.store).hasBlockSupport(blockName, '__experimentalExposeControlsToChildren', false), + hasOverlay: blockName !== 'core/template' && !isBlockSelected(clientId) && !hasSelectedInnerBlock(clientId, true) && enableClickThrough + }; + }, [clientId, isSmallScreen]); + const blockDropZoneRef = useBlockDropZone({ + rootClientId: clientId + }); + const ref = (0,external_wp_compose_namespaceObject.useMergeRefs)([props.ref, __unstableDisableDropZone ? null : blockDropZoneRef]); + const innerBlocksProps = { + __experimentalCaptureToolbars, + layout, + ...options + }; + const InnerBlocks = innerBlocksProps.value && innerBlocksProps.onChange ? ControlledInnerBlocks : UncontrolledInnerBlocks; + return { ...props, + ref, + className: classnames_default()(props.className, 'block-editor-block-list__layout', __unstableDisableLayoutClassNames ? '' : layoutClassNames, { + 'has-overlay': hasOverlay + }), + children: clientId ? (0,external_wp_element_namespaceObject.createElement)(InnerBlocks, _extends({}, innerBlocksProps, { + clientId: clientId + })) : (0,external_wp_element_namespaceObject.createElement)(BlockListItems, options) + }; +} +useInnerBlocksProps.save = external_wp_blocks_namespaceObject.__unstableGetInnerBlocksProps; // Expose default appender placeholders as components. + +ForwardedInnerBlocks.DefaultBlockAppender = inner_blocks_default_block_appender; +ForwardedInnerBlocks.ButtonBlockAppender = inner_blocks_button_block_appender; + +ForwardedInnerBlocks.Content = () => useInnerBlocksProps.save().children; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inner-blocks/README.md + */ + + +/* harmony default export */ var inner_blocks = (ForwardedInnerBlocks); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/index.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + + + + + + + + +const elementContext = (0,external_wp_element_namespaceObject.createContext)(); +const block_list_IntersectionObserver = (0,external_wp_element_namespaceObject.createContext)(); +const pendingBlockVisibilityUpdatesPerRegistry = new WeakMap(); + +function Root(_ref) { + let { + className, + ...settings + } = _ref; + const [element, setElement] = (0,external_wp_element_namespaceObject.useState)(); + const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); + const { + isOutlineMode, + isFocusMode, + editorMode + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSettings, + __unstableGetEditorMode + } = select(store); + const { + outlineMode, + focusMode + } = getSettings(); + return { + isOutlineMode: outlineMode, + isFocusMode: focusMode, + editorMode: __unstableGetEditorMode() + }; + }, []); + const registry = (0,external_wp_data_namespaceObject.useRegistry)(); + const { + setBlockVisibility + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const delayedBlockVisibilityUpdates = (0,external_wp_compose_namespaceObject.useDebounce)((0,external_wp_element_namespaceObject.useCallback)(() => { + const updates = {}; + pendingBlockVisibilityUpdatesPerRegistry.get(registry).forEach(_ref2 => { + let [id, isIntersecting] = _ref2; + updates[id] = isIntersecting; + }); + setBlockVisibility(updates); + }, [registry]), 300, { + trailing: true + }); + const intersectionObserver = (0,external_wp_element_namespaceObject.useMemo)(() => { + const { + IntersectionObserver: Observer + } = window; + + if (!Observer) { + return; + } + + return new Observer(entries => { + if (!pendingBlockVisibilityUpdatesPerRegistry.get(registry)) { + pendingBlockVisibilityUpdatesPerRegistry.set(registry, []); + } + + for (const entry of entries) { + const clientId = entry.target.getAttribute('data-block'); + pendingBlockVisibilityUpdatesPerRegistry.get(registry).push([clientId, entry.isIntersecting]); + } + + delayedBlockVisibilityUpdates(); + }); + }, []); + const innerBlocksProps = useInnerBlocksProps({ + ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([useBlockSelectionClearer(), useInBetweenInserter(), setElement]), + className: classnames_default()('is-root-container', className, { + 'is-outline-mode': isOutlineMode, + 'is-focus-mode': isFocusMode && isLargeViewport, + 'is-navigate-mode': editorMode === 'navigation' + }) + }, settings); + return (0,external_wp_element_namespaceObject.createElement)(elementContext.Provider, { + value: element + }, (0,external_wp_element_namespaceObject.createElement)(block_list_IntersectionObserver.Provider, { + value: intersectionObserver + }, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps))); +} + +function BlockList(settings) { + usePreParsePatterns(); + return (0,external_wp_element_namespaceObject.createElement)(BlockToolsBackCompat, null, (0,external_wp_element_namespaceObject.createElement)(Provider, { + value: DEFAULT_BLOCK_EDIT_CONTEXT + }, (0,external_wp_element_namespaceObject.createElement)(Root, settings))); +} +BlockList.__unstableElementContext = elementContext; + +function Items(_ref3) { + let { + placeholder, + rootClientId, + renderAppender, + __experimentalAppenderTagName, + __experimentalLayout: layout = defaultLayout + } = _ref3; + const { + order, + selectedBlocks, + visibleBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockOrder, + getSelectedBlockClientIds, + __unstableGetVisibleBlocks + } = select(store); + return { + order: getBlockOrder(rootClientId), + selectedBlocks: getSelectedBlockClientIds(), + visibleBlocks: __unstableGetVisibleBlocks() + }; + }, [rootClientId]); + return (0,external_wp_element_namespaceObject.createElement)(LayoutProvider, { + value: layout + }, order.map(clientId => (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { + key: clientId, + value: // Only provide data asynchronously if the block is + // not visible and not selected. + !visibleBlocks.has(clientId) && !selectedBlocks.includes(clientId) + }, (0,external_wp_element_namespaceObject.createElement)(block, { + rootClientId: rootClientId, + clientId: clientId + }))), order.length < 1 && placeholder, (0,external_wp_element_namespaceObject.createElement)(block_list_appender, { + tagName: __experimentalAppenderTagName, + rootClientId: rootClientId, + renderAppender: renderAppender + })); +} + +function BlockListItems(props) { + // This component needs to always be synchronous as it's the one changing + // the async mode depending on the block selection. + return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { + value: false + }, (0,external_wp_element_namespaceObject.createElement)(Items, props)); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/writing-flow/use-multi-selection.js /** * WordPress dependencies @@ -21557,7 +32215,7 @@ function BlockSelectionClearer(props) { -function selector(select) { +function use_multi_selection_selector(select) { const { isMultiSelecting, getMultiSelectedBlockClientIds, @@ -21584,7 +32242,7 @@ function useMultiSelection() { hasMultiSelection, selectedBlockClientId, isFullSelection - } = (0,external_wp_data_namespaceObject.useSelect)(selector, []); + } = (0,external_wp_data_namespaceObject.useSelect)(use_multi_selection_selector, []); /** * When the component updates, and there is multi selection, we need to * select the entire block contents. @@ -21899,7 +32557,13 @@ function getClosestTabbable(target, isReverse, containerElement, onlyVertical) { } function isTabCandidate(node) { - // Not a candidate if the node is not tabbable. + // Skip if there's only one child that is content editable (and thus a + // better candidate). + if (node.children.length === 1 && isInSameBlock(node, node.firstElementChild) && node.firstElementChild.getAttribute('contenteditable') === 'true') { + return; + } // Not a candidate if the node is not tabbable. + + if (!external_wp_dom_namespaceObject.focus.tabbable.isTabbableIndex(node)) { return false; } // Skip focusable elements such as links within content editable nodes. @@ -21949,9 +32613,19 @@ function useArrowNav() { } function onKeyDown(event) { + // Abort if navigation has already been handled (e.g. RichText + // inline boundaries). + if (event.defaultPrevented) { + return; + } + const { keyCode, - target + target, + shiftKey, + ctrlKey, + altKey, + metaKey } = event; const isUp = keyCode === external_wp_keycodes_namespaceObject.UP; const isDown = keyCode === external_wp_keycodes_namespaceObject.DOWN; @@ -21961,36 +32635,32 @@ function useArrowNav() { const isHorizontal = isLeft || isRight; const isVertical = isUp || isDown; const isNav = isHorizontal || isVertical; - const isShift = event.shiftKey; - const hasModifier = isShift || event.ctrlKey || event.altKey || event.metaKey; + const hasModifier = shiftKey || ctrlKey || altKey || metaKey; const isNavEdge = isVertical ? external_wp_dom_namespaceObject.isVerticalEdge : external_wp_dom_namespaceObject.isHorizontalEdge; const { ownerDocument } = node; const { defaultView - } = ownerDocument; // If there is a multi-selection, the arrow keys should collapse the + } = ownerDocument; + + if (!isNav) { + return; + } // If there is a multi-selection, the arrow keys should collapse the // selection to the start or end of the selection. + if (hasMultiSelection()) { - // Only handle if we have a full selection (not a native partial + if (shiftKey) { + return; + } // Only handle if we have a full selection (not a native partial // selection). + + if (!__unstableIsFullySelected()) { return; } - if (event.defaultPrevented) { - return; - } - - if (!isNav) { - return; - } - - if (isShift) { - return; - } - event.preventDefault(); if (isReverse) { @@ -21999,6 +32669,12 @@ function useArrowNav() { selectBlock(getMultiSelectedBlocksEndClientId(), -1); } + return; + } // Abort if our current target is not a candidate for navigation + // (e.g. preserve native input behaviors). + + + if (!isNavigationCandidate(target, keyCode, hasModifier)) { return; } // When presing any key other than up or down, the initial vertical // position must ALWAYS be reset. The vertical position is saved so @@ -22013,22 +32689,6 @@ function useArrowNav() { verticalRect = null; } else if (!verticalRect) { verticalRect = (0,external_wp_dom_namespaceObject.computeCaretRect)(defaultView); - } // Abort if navigation has already been handled (e.g. RichText - // inline boundaries). - - - if (event.defaultPrevented) { - return; - } - - if (!isNav) { - return; - } // Abort if our current target is not a candidate for navigation - // (e.g. preserve native input behaviors). - - - if (!isNavigationCandidate(target, keyCode, hasModifier)) { - return; } // In the case of RTL scripts, right means previous and left means // next, which is the exact reverse of LTR. @@ -22038,17 +32698,21 @@ function useArrowNav() { keepCaretInsideBlock } = getSettings(); - if (isShift) { + if (shiftKey) { if (isClosestTabbableABlock(target, isReverse) && isNavEdge(target, isReverse)) { node.contentEditable = true; // Firefox doesn't automatically move focus. node.focus(); } - } else if (isVertical && (0,external_wp_dom_namespaceObject.isVerticalEdge)(target, isReverse) && !keepCaretInsideBlock) { + } else if (isVertical && (0,external_wp_dom_namespaceObject.isVerticalEdge)(target, isReverse) && ( // When Alt is pressed, only intercept if the caret is also at + // the horizontal edge. + altKey ? (0,external_wp_dom_namespaceObject.isHorizontalEdge)(target, isReverseDir) : true) && !keepCaretInsideBlock) { const closestTabbable = getClosestTabbable(target, isReverse, node, true); if (closestTabbable) { - (0,external_wp_dom_namespaceObject.placeCaretAtVerticalEdge)(closestTabbable, isReverse, verticalRect); + (0,external_wp_dom_namespaceObject.placeCaretAtVerticalEdge)(closestTabbable, // When Alt is pressed, place the caret at the furthest + // horizontal edge and the furthest vertical edge. + altKey ? !isReverse : isReverse, altKey ? undefined : verticalRect); event.preventDefault(); } } else if (isHorizontal && defaultView.getSelection().isCollapsed && (0,external_wp_dom_namespaceObject.isHorizontalEdge)(target, isReverseDir) && !keepCaretInsideBlock) { @@ -22067,8 +32731,6 @@ function useArrowNav() { }, []); } -;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"] -var external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/writing-flow/use-select-all.js /** * WordPress dependencies @@ -22669,7 +33331,7 @@ function useWritingFlow() { const [before, ref, after] = useTabNav(); const hasMultiSelection = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).hasMultiSelection(), []); return [before, (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, useInput(), useDragSelection(), useSelectionObserver(), useClickSelection(), useMultiSelection(), useSelectAll(), useArrowNav(), (0,external_wp_compose_namespaceObject.useRefEffect)(node => { - node.tabIndex = -1; + node.tabIndex = 0; node.contentEditable = hasMultiSelection; if (!hasMultiSelection) { @@ -22707,71 +33369,59 @@ function WritingFlow(_ref, forwardedRef) { /* harmony default export */ var writing_flow = ((0,external_wp_element_namespaceObject.forwardRef)(WritingFlow)); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/iframe/index.js - - - -/** - * External dependencies - */ - +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/iframe/use-compatibility-styles.js /** * WordPress dependencies */ - - - - /** - * Internal dependencies - */ - - - -const BODY_CLASS_NAME = 'editor-styles-wrapper'; -const BLOCK_PREFIX = 'wp-block'; -/** - * Clones stylesheets targetting the editor canvas to the given document. A - * stylesheet is considered targetting the editor a canvas if it contains the + * Returns a list of stylesheets that target the editor canvas. A stylesheet is + * considered targetting the editor a canvas if it contains the * `editor-styles-wrapper`, `wp-block`, or `wp-block-*` class selectors. * * Ideally, this hook should be removed in the future and styles should be added * explicitly as editor styles. */ -function useStylesCompatibility() { - return (0,external_wp_compose_namespaceObject.useRefEffect)(node => { +function useCompatibilityStyles() { + // Only memoize the result once on load, since these stylesheets should not + // change. + return (0,external_wp_element_namespaceObject.useMemo)(() => { // Search the document for stylesheets targetting the editor canvas. - Array.from(document.styleSheets).forEach(styleSheet => { + return Array.from(document.styleSheets).reduce((accumulator, styleSheet) => { try { // May fail for external styles. // eslint-disable-next-line no-unused-expressions styleSheet.cssRules; } catch (e) { - return; + return accumulator; } const { ownerNode, cssRules - } = styleSheet; + } = styleSheet; // Stylesheet is added by another stylesheet. See + // https://developer.mozilla.org/en-US/docs/Web/API/StyleSheet/ownerNode#notes. + + if (ownerNode === null) { + return accumulator; + } if (!cssRules) { - return; + return accumulator; } // Generally, ignore inline styles. We add inline styles belonging to a // stylesheet later, which may or may not match the selectors. if (ownerNode.tagName !== 'LINK') { - return; + return accumulator; } // Don't try to add the reset styles, which were removed as a dependency // from `edit-blocks` for the iframe since we don't need to reset admin // styles. if (ownerNode.id === 'wp-reset-editor-styles-css') { - return; + return accumulator; } function matchFromRules(_cssRules) { @@ -22788,27 +33438,53 @@ function useStylesCompatibility() { return matchFromRules(__cssRules); } - return selectorText && (selectorText.includes(`.${BODY_CLASS_NAME}`) || selectorText.includes(`.${BLOCK_PREFIX}`)); + return selectorText && (selectorText.includes('.editor-styles-wrapper') || selectorText.includes('.wp-block')); }); } - const isMatch = matchFromRules(cssRules); - - if (isMatch && !node.ownerDocument.getElementById(ownerNode.id)) { + if (matchFromRules(cssRules)) { // Display warning once we have a way to add style dependencies to the editor. // See: https://github.com/WordPress/gutenberg/pull/37466. - node.appendChild(ownerNode.cloneNode(true)); // Add inline styles belonging to the stylesheet. + accumulator.push(ownerNode.cloneNode(true)); // Add inline styles belonging to the stylesheet. const inlineCssId = ownerNode.id.replace('-css', '-inline-css'); const inlineCssElement = document.getElementById(inlineCssId); if (inlineCssElement) { - node.appendChild(inlineCssElement.cloneNode(true)); + accumulator.push(inlineCssElement.cloneNode(true)); } } - }); + + return accumulator; + }, []); }, []); } + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/iframe/index.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + /** * Bubbles some event types (keydown, keypress, and dragover) to parent document * document to ensure that the keyboard shortcuts and drag and drop work. @@ -22820,7 +33496,6 @@ function useStylesCompatibility() { * @param {Document} doc Document to attach listeners to. */ - function bubbleEvents(doc) { const { defaultView @@ -22868,11 +33543,11 @@ function useParsedAssets(html) { }, [html]); } -async function loadScript(head, _ref2) { +async function loadScript(head, _ref) { let { id, src - } = _ref2; + } = _ref; return new Promise((resolve, reject) => { const script = head.ownerDocument.createElement('script'); script.id = id; @@ -22891,20 +33566,26 @@ async function loadScript(head, _ref2) { }); } -function Iframe(_ref3, ref) { +function Iframe(_ref2) { let { contentRef, children, head, tabIndex = 0, - assets, - isZoomedOut, + scale = 1, + frameSize = 0, + readonly, + forwardedRef: ref, ...props - } = _ref3; + } = _ref2; + const assets = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings().__unstableResolvedAssets, []); const [, forceRender] = (0,external_wp_element_namespaceObject.useReducer)(() => ({})); const [iframeDocument, setIframeDocument] = (0,external_wp_element_namespaceObject.useState)(); const [bodyClasses, setBodyClasses] = (0,external_wp_element_namespaceObject.useState)([]); const styles = useParsedAssets(assets === null || assets === void 0 ? void 0 : assets.styles); + const styleIds = styles.map(style => style.id); + const compatStyles = useCompatibilityStyles(); + const neededCompatStyles = compatStyles.filter(style => !styleIds.includes(style.id)); const scripts = useParsedAssets(assets === null || assets === void 0 ? void 0 : assets.scripts); const clearerRef = useBlockSelectionClearer(); const [before, writingFlowRef, after] = useWritingFlow(); @@ -22965,9 +33646,11 @@ function Iframe(_ref3, ref) { forceRender(); }); }, []); - const bodyRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([contentRef, clearerRef, writingFlowRef]); - const styleCompatibilityRef = useStylesCompatibility(); - head = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("style", null, 'html{height:auto!important;}body{margin:0}'), styles.map(_ref4 => { + const disabledRef = (0,external_wp_compose_namespaceObject.useDisabled)({ + isDisabled: !readonly + }); + const bodyRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([contentRef, clearerRef, writingFlowRef, disabledRef]); + const styleAssets = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("style", null, 'html{height:auto!important;}body{margin:0}'), [...styles, ...neededCompatStyles].map(_ref3 => { let { tagName, href, @@ -22975,7 +33658,7 @@ function Iframe(_ref3, ref) { rel, media, textContent - } = _ref4; + } = _ref3; const TagName = tagName.toLowerCase(); if (TagName === 'style') { @@ -22992,40 +33675,56 @@ function Iframe(_ref3, ref) { media, key: id }); - }), head); + })); // Correct doctype is required to enable rendering in standards + // mode. Also preload the styles to avoid a flash of unstyled + // content. + + const srcDoc = (0,external_wp_element_namespaceObject.useMemo)(() => { + return '' + (0,external_wp_element_namespaceObject.renderToString)(styleAssets); + }, []); return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, tabIndex >= 0 && before, (0,external_wp_element_namespaceObject.createElement)("iframe", _extends({}, props, { ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, setRef]), - tabIndex: tabIndex // Correct doctype is required to enable rendering in standards mode + tabIndex: tabIndex // Correct doctype is required to enable rendering in standards + // mode. Also preload the styles to avoid a flash of unstyled + // content. , - srcDoc: "", + srcDoc: srcDoc, title: (0,external_wp_i18n_namespaceObject.__)('Editor canvas') }), iframeDocument && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("head", { ref: headRef - }, head, (0,external_wp_element_namespaceObject.createElement)("style", null, `html { transition: background 5s; ${isZoomedOut ? 'background: #2f2f2f; transition: background 0s;' : ''} }`)), (0,external_wp_element_namespaceObject.createElement)("body", { + }, styleAssets, head, (0,external_wp_element_namespaceObject.createElement)("style", null, `html { transition: background 5s; ${frameSize ? 'background: #2f2f2f; transition: background 0s;' : ''} }`)), (0,external_wp_element_namespaceObject.createElement)("body", { ref: bodyRef, - className: classnames_default()('block-editor-iframe__body', BODY_CLASS_NAME, ...bodyClasses, { - 'is-zoomed-out': isZoomedOut - }), - style: isZoomedOut ? { + className: classnames_default()('block-editor-iframe__body', 'editor-styles-wrapper', ...bodyClasses), + style: { // This is the remaining percentage from the scaling down // of the iframe body(`scale(0.45)`). We also need to subtract // the body's bottom margin. - marginBottom: `-${contentHeight * 0.55 - 100}px` - } : {} - }, contentResizeListener, (0,external_wp_element_namespaceObject.createElement)("div", { - style: { - display: 'none' - }, - ref: styleCompatibilityRef - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalStyleProvider, { + marginBottom: `-${contentHeight * (1 - scale) - frameSize}px`, + marginTop: frameSize, + transform: `scale( ${scale} )` + } + }, contentResizeListener, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalStyleProvider, { document: iframeDocument }, children))), iframeDocument.documentElement)), tabIndex >= 0 && after); } -/* harmony default export */ var iframe = ((0,external_wp_element_namespaceObject.forwardRef)(Iframe)); +function IframeIfReady(props, ref) { + const isInitialised = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings().__internalIsInitialized, []); // We shouldn't render the iframe until the editor settings are initialised. + // The initial settings are needed to get the styles for the srcDoc, which + // cannot be changed after the iframe is mounted. srcDoc is used to to set + // the initial iframe HTML, which is required to avoid a flash of unstyled + // content. -;// CONCATENATED MODULE: ./node_modules/colord/index.mjs -var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return"string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return(r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return{r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return{r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return{h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return{r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return{h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return{h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e},c=function(r){return{h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({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(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return{h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return"number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t},r.prototype.hue=function(r){var t=c(this.rgba);return"number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r))})},E=function(){return new j({r:255*Math.random(),g:255*Math.random(),b:255*Math.random()})}; + if (!isInitialised) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(Iframe, _extends({}, props, { + forwardedRef: ref + })); +} + +/* harmony default export */ var iframe = ((0,external_wp_element_namespaceObject.forwardRef)(IframeIfReady)); ;// CONCATENATED MODULE: ./node_modules/colord/plugins/names.mjs /* harmony default export */ function names(e,f){var a={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"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u 1 && arguments[1] !== undefined ? arguments[1] : ''; - return (0,external_lodash_namespaceObject.map)(styles, _ref => { + return Object.values(styles !== null && styles !== void 0 ? styles : []).map(_ref => { let { css, baseURL @@ -24524,171 +35218,10 @@ function EditorStyles(_ref) { }, css))); } -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone/utils.js -/** - * External dependencies - */ - -/** - * Convert a list of colors to an object of R, G, and B values. - * - * @param {string[]} colors Array of RBG color strings. - * - * @return {Object} R, G, and B values. - */ - -function getValuesFromColors() { - let colors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; - const values = { - r: [], - g: [], - b: [], - a: [] - }; - colors.forEach(color => { - const rgbColor = w(color).toRgb(); - values.r.push(rgbColor.r / 255); - values.g.push(rgbColor.g / 255); - values.b.push(rgbColor.b / 255); - values.a.push(rgbColor.a); - }); - return values; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone/components.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -/** - * SVG and stylesheet needed for rendering the duotone filter. - * - * @param {Object} props Duotone props. - * @param {string} props.selector Selector to apply the filter to. - * @param {string} props.id Unique id for this duotone filter. - * - * @return {WPElement} Duotone element. - */ - -function DuotoneStylesheet(_ref) { - let { - selector, - id - } = _ref; - const css = ` -${selector} { - filter: url( #${id} ); -} -`; - return (0,external_wp_element_namespaceObject.createElement)("style", null, css); -} -/** - * Stylesheet for disabling a global styles duotone filter. - * - * @param {Object} props Duotone props. - * @param {string} props.selector Selector to disable the filter for. - * - * @return {WPElement} Filter none style element. - */ - -function DuotoneUnsetStylesheet(_ref2) { - let { - selector - } = _ref2; - const css = ` -${selector} { - filter: none; -} -`; - return (0,external_wp_element_namespaceObject.createElement)("style", null, css); -} -/** - * The SVG part of the duotone filter. - * - * @param {Object} props Duotone props. - * @param {string} props.id Unique id for this duotone filter. - * @param {string[]} props.colors Color strings from dark to light. - * - * @return {WPElement} Duotone SVG. - */ - -function DuotoneFilter(_ref3) { - let { - id, - colors - } = _ref3; - const values = getValuesFromColors(colors); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.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,external_wp_element_namespaceObject.createElement)("defs", null, (0,external_wp_element_namespaceObject.createElement)("filter", { - id: id - }, (0,external_wp_element_namespaceObject.createElement)("feColorMatrix", { - // Use sRGB instead of linearRGB so transparency looks correct. - colorInterpolationFilters: "sRGB", - type: "matrix" // Use perceptual brightness to convert to grayscale. - , - values: " .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " - }), (0,external_wp_element_namespaceObject.createElement)("feComponentTransfer", { - // Use sRGB instead of linearRGB to be consistent with how CSS gradients work. - colorInterpolationFilters: "sRGB" - }, (0,external_wp_element_namespaceObject.createElement)("feFuncR", { - type: "table", - tableValues: values.r.join(' ') - }), (0,external_wp_element_namespaceObject.createElement)("feFuncG", { - type: "table", - tableValues: values.g.join(' ') - }), (0,external_wp_element_namespaceObject.createElement)("feFuncB", { - type: "table", - tableValues: values.b.join(' ') - }), (0,external_wp_element_namespaceObject.createElement)("feFuncA", { - type: "table", - tableValues: values.a.join(' ') - })), (0,external_wp_element_namespaceObject.createElement)("feComposite", { - // Re-mask the image with the original transparency since the feColorMatrix above loses that information. - in2: "SourceGraphic", - operator: "in" - })))); -} -/** - * SVG from a duotone preset - * - * @param {Object} props Duotone props. - * @param {Object} props.preset Duotone preset settings. - * - * @return {WPElement} Duotone element. - */ - -function PresetDuotoneFilter(_ref4) { - let { - preset - } = _ref4; - return (0,external_wp_element_namespaceObject.createElement)(DuotoneFilter, { - id: `wp-duotone-${preset.slug}`, - colors: preset.colors - }); -} - ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-preview/auto.js + /** * WordPress dependencies */ @@ -24709,21 +35242,23 @@ function PresetDuotoneFilter(_ref4) { let MemoizedBlockList; const MAX_HEIGHT = 2000; -function AutoBlockPreview(_ref) { +function ScaledBlockPreview(_ref) { let { viewportWidth, - __experimentalPadding, - __experimentalMinHeight + containerWidth, + minHeight, + additionalStyles = [] } = _ref; - const [containerResizeListener, { - width: containerWidth - }] = (0,external_wp_compose_namespaceObject.useResizeObserver)(); + + if (!viewportWidth) { + viewportWidth = containerWidth; + } + const [contentResizeListener, { height: contentHeight }] = (0,external_wp_compose_namespaceObject.useResizeObserver)(); const { styles, - assets, duotone } = (0,external_wp_data_namespaceObject.useSelect)(select => { var _settings$__experimen, _settings$__experimen2; @@ -24731,7 +35266,6 @@ function AutoBlockPreview(_ref) { const settings = select(store).getSettings(); return { styles: settings.styles, - assets: settings.__unstableResolvedAssets, duotone: (_settings$__experimen = settings.__experimentalFeatures) === null || _settings$__experimen === void 0 ? void 0 : (_settings$__experimen2 = _settings$__experimen.color) === null || _settings$__experimen2 === void 0 ? void 0 : _settings$__experimen2.duotone }; }, []); // Avoid scrollbars for pattern previews. @@ -24739,13 +35273,13 @@ function AutoBlockPreview(_ref) { const editorStyles = (0,external_wp_element_namespaceObject.useMemo)(() => { if (styles) { return [...styles, { - css: 'body{height:auto;overflow:hidden;}', + css: 'body{height:auto;overflow:hidden;border:none;padding:0;}', __unstableType: 'presets' - }]; + }, ...additionalStyles]; } return styles; - }, [styles]); + }, [styles, additionalStyles]); const svgFilters = (0,external_wp_element_namespaceObject.useMemo)(() => { var _duotone$default, _duotone$theme; @@ -24754,21 +35288,18 @@ function AutoBlockPreview(_ref) { MemoizedBlockList = MemoizedBlockList || (0,external_wp_compose_namespaceObject.pure)(BlockList); const scale = containerWidth / viewportWidth; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-preview__container" - }, containerResizeListener, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, { className: "block-editor-block-preview__content", style: { transform: `scale(${scale})`, height: contentHeight * scale, maxHeight: contentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined, - minHeight: __experimentalMinHeight + minHeight } }, (0,external_wp_element_namespaceObject.createElement)(iframe, { head: (0,external_wp_element_namespaceObject.createElement)(EditorStyles, { styles: editorStyles }), - assets: assets, contentRef: (0,external_wp_compose_namespaceObject.useRefEffect)(bodyElement => { const { ownerDocument: { @@ -24777,8 +35308,7 @@ function AutoBlockPreview(_ref) { } = bodyElement; documentElement.classList.add('block-editor-block-preview__content-iframe'); documentElement.style.position = 'absolute'; - documentElement.style.width = '100%'; - bodyElement.style.padding = __experimentalPadding + 'px'; // Necessary for contentResizeListener to work. + documentElement.style.width = '100%'; // Necessary for contentResizeListener to work. bodyElement.style.boxSizing = 'border-box'; bodyElement.style.position = 'absolute'; @@ -24794,7 +35324,7 @@ function AutoBlockPreview(_ref) { // This is a catch-all max-height for patterns. // See: https://github.com/WordPress/gutenberg/pull/38175. maxHeight: MAX_HEIGHT, - minHeight: scale !== 0 && scale < 1 && __experimentalMinHeight ? __experimentalMinHeight / scale : __experimentalMinHeight + minHeight: scale !== 0 && scale < 1 && minHeight ? minHeight / scale : minHeight } }, contentResizeListener, /* Filters need to be rendered before children to avoid Safari rendering issues. */ @@ -24803,10 +35333,25 @@ function AutoBlockPreview(_ref) { key: preset.slug })), (0,external_wp_element_namespaceObject.createElement)(MemoizedBlockList, { renderAppender: false - })))); + }))); } -/* harmony default export */ var auto = (AutoBlockPreview); +function AutoBlockPreview(props) { + const [containerResizeListener, { + width: containerWidth + }] = (0,external_wp_compose_namespaceObject.useResizeObserver)(); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { + style: { + position: 'relative', + width: '100%', + height: 0 + } + }, containerResizeListener), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-preview__container" + }, !!containerWidth && (0,external_wp_element_namespaceObject.createElement)(ScaledBlockPreview, _extends({}, props, { + containerWidth: containerWidth + })))); +} ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-preview/index.js @@ -24815,7 +35360,6 @@ function AutoBlockPreview(_ref) { * External dependencies */ - /** * WordPress dependencies */ @@ -24823,6 +35367,7 @@ function AutoBlockPreview(_ref) { + /** * Internal dependencies */ @@ -24831,38 +35376,54 @@ function AutoBlockPreview(_ref) { - function BlockPreview(_ref) { let { blocks, - __experimentalPadding = 0, viewportWidth = 1200, - __experimentalLive = false, - __experimentalOnClick, - __experimentalMinHeight + minHeight, + additionalStyles = [], + // Deprecated props: + __experimentalMinHeight, + __experimentalPadding } = _ref; + + if (__experimentalMinHeight) { + minHeight = __experimentalMinHeight; + external_wp_deprecated_default()('The __experimentalMinHeight prop', { + since: '6.2', + version: '6.4', + alternative: 'minHeight' + }); + } + + if (__experimentalPadding) { + additionalStyles = [...additionalStyles, { + css: `body { padding: ${__experimentalPadding}px; }` + }]; + external_wp_deprecated_default()('The __experimentalPadding prop of BlockPreview', { + since: '6.2', + version: '6.4', + alternative: 'additionalStyles' + }); + } + const originalSettings = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings(), []); - const settings = (0,external_wp_element_namespaceObject.useMemo)(() => { - const _settings = { ...originalSettings - }; - _settings.__experimentalBlockPatterns = []; - return _settings; - }, [originalSettings]); - const renderedBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_lodash_namespaceObject.castArray)(blocks), [blocks]); + const settings = (0,external_wp_element_namespaceObject.useMemo)(() => ({ ...originalSettings, + __unstableIsPreviewMode: true + }), [originalSettings]); + const renderedBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => Array.isArray(blocks) ? blocks : [blocks], [blocks]); if (!blocks || blocks.length === 0) { return null; } - return (0,external_wp_element_namespaceObject.createElement)(provider, { + return (0,external_wp_element_namespaceObject.createElement)(ExperimentalBlockEditorProvider, { value: renderedBlocks, settings: settings - }, __experimentalLive ? (0,external_wp_element_namespaceObject.createElement)(LiveBlockPreview, { - onClick: __experimentalOnClick - }) : (0,external_wp_element_namespaceObject.createElement)(auto, { + }, (0,external_wp_element_namespaceObject.createElement)(AutoBlockPreview, { viewportWidth: viewportWidth, - __experimentalPadding: __experimentalPadding, - __experimentalMinHeight: __experimentalMinHeight + minHeight: minHeight, + additionalStyles: additionalStyles })); } /** @@ -24902,13 +35463,13 @@ function useBlockPreview(_ref2) { __experimentalLayout } = _ref2; const originalSettings = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings(), []); + const settings = (0,external_wp_element_namespaceObject.useMemo)(() => ({ ...originalSettings, + __unstableIsPreviewMode: true + }), [originalSettings]); const disabledRef = (0,external_wp_compose_namespaceObject.useDisabled)(); const ref = (0,external_wp_compose_namespaceObject.useMergeRefs)([props.ref, disabledRef]); - const settings = (0,external_wp_element_namespaceObject.useMemo)(() => ({ ...originalSettings, - __experimentalBlockPatterns: [] - }), [originalSettings]); - const renderedBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_lodash_namespaceObject.castArray)(blocks), [blocks]); - const children = (0,external_wp_element_namespaceObject.createElement)(provider, { + const renderedBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => Array.isArray(blocks) ? blocks : [blocks], [blocks]); + const children = (0,external_wp_element_namespaceObject.createElement)(ExperimentalBlockEditorProvider, { value: renderedBlocks, settings: settings }, (0,external_wp_element_namespaceObject.createElement)(BlockListItems, { @@ -24959,14 +35520,16 @@ function InserterPreviewPanel(_ref) { }, isReusable || example ? (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-inserter__preview-content" }, (0,external_wp_element_namespaceObject.createElement)(block_preview, { - __experimentalPadding: 16, - viewportWidth: (_example$viewportWidt = example === null || example === void 0 ? void 0 : example.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500, blocks: example ? (0,external_wp_blocks_namespaceObject.getBlockFromExample)(name, { attributes: { ...example.attributes, ...initialAttributes }, innerBlocks: example.innerBlocks - }) : (0,external_wp_blocks_namespaceObject.createBlock)(name, initialAttributes) + }) : (0,external_wp_blocks_namespaceObject.createBlock)(name, initialAttributes), + viewportWidth: (_example$viewportWidt = example === null || example === void 0 ? void 0 : example.viewportWidth) !== null && _example$viewportWidt !== void 0 ? _example$viewportWidt : 500, + additionalStyles: [{ + css: 'body { padding: 16px; }' + }] })) : (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-inserter__preview-content-missing" }, (0,external_wp_i18n_namespaceObject.__)('No Preview Available.'))), !isReusable && (0,external_wp_element_namespaceObject.createElement)(block_card, { @@ -25036,59 +35599,6 @@ function InserterListboxItem(_ref, ref) { /* harmony default export */ var inserter_listbox_item = ((0,external_wp_element_namespaceObject.forwardRef)(InserterListboxItem)); -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/drag-handle.js - - -/** - * WordPress dependencies - */ - -const dragHandle = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - width: "24", - height: "24", - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z" -})); -/* harmony default export */ var drag_handle = (dragHandle); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/draggable-chip.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - -function BlockDraggableChip(_ref) { - let { - count, - icon - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-draggable-chip-wrapper" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-draggable-chip", - "data-testid": "block-draggable-chip" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { - justify: "center", - className: "block-editor-block-draggable-chip__content" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, icon ? (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: icon - }) : (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %d: Number of blocks. */ - (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, { - icon: drag_handle - }))))); -} - ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter-draggable-blocks/index.js @@ -25107,7 +35617,8 @@ const InserterDraggableBlocks = _ref => { isEnabled, blocks, icon, - children + children, + isPattern } = _ref; const transferData = { type: 'inserter', @@ -25118,7 +35629,8 @@ const InserterDraggableBlocks = _ref => { transferData: transferData, __experimentalDragComponent: (0,external_wp_element_namespaceObject.createElement)(BlockDraggableChip, { count: blocks.length, - icon: icon + icon: icon, + isPattern: isPattern }) }, _ref2 => { let { @@ -25177,6 +35689,7 @@ function InserterListItem(_ref) { const blocks = (0,external_wp_element_namespaceObject.useMemo)(() => { return [(0,external_wp_blocks_namespaceObject.createBlock)(item.name, item.initialAttributes, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(item.innerBlocks))]; }, [item.name, item.initialAttributes, item.initialAttributes]); + const isSynced = (0,external_wp_blocks_namespaceObject.isReusableBlock)(item) || (0,external_wp_blocks_namespaceObject.isTemplatePart)(item); return (0,external_wp_element_namespaceObject.createElement)(inserter_draggable_blocks, { isEnabled: isDraggable && !item.disabled, blocks: blocks, @@ -25188,7 +35701,9 @@ function InserterListItem(_ref) { onDragEnd } = _ref2; return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-types-list__list-item", + className: classnames_default()('block-editor-block-types-list__list-item', { + 'is-synced': isSynced + }), draggable: draggable, onDragStart: event => { isDragging.current = true; @@ -25225,13 +35740,6 @@ function InserterListItem(_ref) { onHover(null); } }, - onFocus: () => { - if (isDragging.current) { - return; - } - - onHover(item); - }, onMouseEnter: () => { if (isDragging.current) { return; @@ -25239,8 +35747,7 @@ function InserterListItem(_ref) { onHover(item); }, - onMouseLeave: () => onHover(null), - onBlur: () => onHover(null) + onMouseLeave: () => onHover(null) }, props), (0,external_wp_element_namespaceObject.createElement)("span", { className: "block-editor-block-types-list__item-icon", style: itemIconStyle @@ -25292,7 +35799,7 @@ function InserterListboxGroup(props, ref) { }, props)); } -/* harmony default export */ var group = ((0,external_wp_element_namespaceObject.forwardRef)(InserterListboxGroup)); +/* harmony default export */ var inserter_listbox_group = ((0,external_wp_element_namespaceObject.forwardRef)(InserterListboxGroup)); ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter-listbox/row.js @@ -25353,7 +35860,7 @@ function BlockTypesList(_ref) { label, isDraggable = true } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(group, { + return (0,external_wp_element_namespaceObject.createElement)(inserter_listbox_group, { className: "block-editor-block-types-list", "aria-label": label }, chunk(items, 3).map((row, i) => (0,external_wp_element_namespaceObject.createElement)(inserter_listbox_row, { @@ -25505,6 +36012,7 @@ function InserterListbox(_ref) { + const getBlockNamespace = item => item.name.split('/')[0]; const MAX_SUGGESTED_ITEMS = 6; @@ -25525,13 +36033,13 @@ function BlockTypesTab(_ref) { } = _ref; const [items, categories, collections, onSelectItem] = use_block_types_state(rootClientId, onInsert); const suggestedItems = (0,external_wp_element_namespaceObject.useMemo)(() => { - return (0,external_lodash_namespaceObject.orderBy)(items, ['frecency'], ['desc']).slice(0, MAX_SUGGESTED_ITEMS); + return orderBy(items, 'frecency', 'desc').slice(0, MAX_SUGGESTED_ITEMS); }, [items]); const uncategorizedItems = (0,external_wp_element_namespaceObject.useMemo)(() => { return items.filter(item => !item.category); }, [items]); const itemsPerCategory = (0,external_wp_element_namespaceObject.useMemo)(() => { - return (0,external_lodash_namespaceObject.flow)(itemList => itemList.filter(item => item.category && item.category !== 'reusable'), itemList => (0,external_lodash_namespaceObject.groupBy)(itemList, 'category'))(items); + return (0,external_wp_compose_namespaceObject.pipe)(itemList => itemList.filter(item => item.category && item.category !== 'reusable'), itemList => (0,external_lodash_namespaceObject.groupBy)(itemList, 'category'))(items); }, [items]); const itemsPerCollection = (0,external_wp_element_namespaceObject.useMemo)(() => { // Create a new Object to avoid mutating collection. @@ -25569,7 +36077,7 @@ function BlockTypesTab(_ref) { onSelect: onSelectItem, onHover: onHover, label: (0,external_wp_i18n_namespaceObject._x)('Most used', 'blocks') - })), (0,external_lodash_namespaceObject.map)(currentlyRenderedCategories, category => { + })), currentlyRenderedCategories.map(category => { const categoryItems = itemsPerCategory[category.slug]; if (!categoryItems || !categoryItems.length) { @@ -25594,7 +36102,7 @@ function BlockTypesTab(_ref) { onSelect: onSelectItem, onHover: onHover, label: (0,external_wp_i18n_namespaceObject.__)('Uncategorized') - })), (0,external_lodash_namespaceObject.map)(currentlyRenderedCollections, _ref2 => { + })), currentlyRenderedCollections.map(_ref2 => { let [namespace, collection] = _ref2; const collectionItems = itemsPerCollection[namespace]; @@ -25616,88 +36124,7 @@ function BlockTypesTab(_ref) { } /* harmony default export */ var block_types_tab = (BlockTypesTab); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/pattern-panel.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -function PatternInserterPanel(_ref) { - let { - selectedCategory, - patternCategories, - onClickCategory, - openPatternExplorer - } = _ref; - const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); - - const categoryOptions = () => { - const options = []; - patternCategories.map(patternCategory => { - return options.push({ - value: patternCategory.name, - label: patternCategory.label - }); - }); - return options; - }; - - const onChangeSelect = selected => { - onClickCategory(patternCategories.find(patternCategory => selected === patternCategory.name)); - }; - - 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 - // from a Select element. To prevent closing the useDialog on iOS devices, we - // stop propagating the onBlur event if there is no relatedTarget, which means - // that the user most likely did not click on an element within the editor canvas. - - const onBlur = event => { - if (!(event !== null && event !== void 0 && event.relatedTarget)) { - event.stopPropagation(); - } - }; - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { - justify: "space-between", - align: "start", - gap: "4", - className: className - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, { - isBlock: true - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, { - className: "block-editor-inserter__panel-dropdown", - label: (0,external_wp_i18n_namespaceObject.__)('Filter patterns'), - hideLabelFromVision: true, - value: selectedCategory.name, - onChange: onChangeSelect, - onBlur: onBlur, - options: categoryOptions() - })), !isMobile && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - variant: "secondary", - className: "block-editor-inserter__patterns-explorer-expand", - label: (0,external_wp_i18n_namespaceObject.__)('Explore all patterns'), - onClick: () => openPatternExplorer() - }, (0,external_wp_i18n_namespaceObject._x)('Explore', 'Label for showing all block patterns')))); -} - -/* harmony default export */ var pattern_panel = (PatternInserterPanel); - -;// CONCATENATED MODULE: external ["wp","notices"] -var external_wp_notices_namespaceObject = window["wp"]["notices"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/hooks/use-patterns-state.js -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -25706,7 +36133,6 @@ var external_wp_notices_namespaceObject = window["wp"]["notices"]; - /** * Internal dependencies */ @@ -25739,7 +36165,7 @@ const usePatternsState = (onInsert, rootClientId) => { createSuccessNotice } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); const onClickPattern = (0,external_wp_element_namespaceObject.useCallback)((pattern, blocks) => { - onInsert((0,external_lodash_namespaceObject.map)(blocks, block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)), pattern.name); + onInsert((blocks !== null && blocks !== void 0 ? blocks : []).map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)), pattern.name); createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: block pattern title. */ (0,external_wp_i18n_namespaceObject.__)('Block pattern "%s" inserted.'), pattern.title), { @@ -25761,6 +36187,7 @@ const usePatternsState = (onInsert, rootClientId) => { + /** * Internal dependencies */ @@ -25768,49 +36195,96 @@ const usePatternsState = (onInsert, rootClientId) => { -function BlockPattern(_ref) { +const WithToolTip = _ref => { + let { + showTooltip, + title, + children + } = _ref; + + if (showTooltip) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { + text: title + }, children); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, children); +}; + +function block_patterns_list_BlockPattern(_ref2) { let { isDraggable, pattern, onClick, - composite - } = _ref; + onHover, + composite, + showTooltip + } = _ref2; + const [isDragging, setIsDragging] = (0,external_wp_element_namespaceObject.useState)(false); const { blocks, viewportWidth } = pattern; - const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockPattern); + const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(block_patterns_list_BlockPattern); const descriptionId = `block-editor-block-patterns-list__item-description-${instanceId}`; return (0,external_wp_element_namespaceObject.createElement)(inserter_draggable_blocks, { isEnabled: isDraggable, - blocks: blocks - }, _ref2 => { + blocks: blocks, + isPattern: !!pattern + }, _ref3 => { let { draggable, onDragStart, onDragEnd - } = _ref2; + } = _ref3; return (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-block-patterns-list__list-item", - "aria-label": pattern.title, - "aria-describedby": pattern.description ? descriptionId : undefined, draggable: draggable, - onDragStart: onDragStart, - onDragEnd: onDragEnd + onDragStart: event => { + setIsDragging(true); + + if (onDragStart) { + onHover === null || onHover === void 0 ? void 0 : onHover(null); + onDragStart(event); + } + }, + onDragEnd: event => { + setIsDragging(false); + + if (onDragEnd) { + onDragEnd(event); + } + } + }, (0,external_wp_element_namespaceObject.createElement)(WithToolTip, { + showTooltip: showTooltip, + title: pattern.title }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableCompositeItem, _extends({ role: "option", as: "div" }, composite, { className: "block-editor-block-patterns-list__item", - onClick: () => onClick(pattern, blocks) + onClick: () => { + onClick(pattern, blocks); + onHover === null || onHover === void 0 ? void 0 : onHover(null); + }, + onMouseEnter: () => { + if (isDragging) { + return; + } + + onHover === null || onHover === void 0 ? void 0 : onHover(pattern); + }, + onMouseLeave: () => onHover === null || onHover === void 0 ? void 0 : onHover(null), + "aria-label": pattern.title, + "aria-describedby": pattern.description ? descriptionId : undefined }), (0,external_wp_element_namespaceObject.createElement)(block_preview, { blocks: blocks, viewportWidth: viewportWidth - }), (0,external_wp_element_namespaceObject.createElement)("div", { + }), !showTooltip && (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-block-patterns-list__item-title" }, pattern.title), !!pattern.description && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { id: descriptionId - }, pattern.description))); + }, pattern.description)))); }); } @@ -25820,15 +36294,17 @@ function BlockPatternPlaceholder() { }); } -function BlockPatternList(_ref3) { +function BlockPatternList(_ref4) { let { isDraggable, blockPatterns, shownPatterns, + onHover, onClickPattern, orientation, - label = (0,external_wp_i18n_namespaceObject.__)('Block Patterns') - } = _ref3; + label = (0,external_wp_i18n_namespaceObject.__)('Block Patterns'), + showTitlesAsTooltip + } = _ref4; const composite = (0,external_wp_components_namespaceObject.__unstableUseCompositeState)({ orientation }); @@ -25838,12 +36314,14 @@ function BlockPatternList(_ref3) { "aria-label": label }), blockPatterns.map(pattern => { const isShown = shownPatterns.includes(pattern); - return isShown ? (0,external_wp_element_namespaceObject.createElement)(BlockPattern, { + return isShown ? (0,external_wp_element_namespaceObject.createElement)(block_patterns_list_BlockPattern, { key: pattern.name, pattern: pattern, onClick: onClickPattern, + onHover: onHover, isDraggable: isDraggable, - composite: composite + composite: composite, + showTooltip: showTitlesAsTooltip }) : (0,external_wp_element_namespaceObject.createElement)(BlockPatternPlaceholder, { key: pattern.name }); @@ -25896,6 +36374,7 @@ function PatternsExplorerSearch(_ref3) { return (0,external_wp_element_namespaceObject.createElement)("div", { className: baseClassName }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SearchControl, { + __nextHasNoMarginBottom: true, onChange: setFilterValue, value: filterValue, label: (0,external_wp_i18n_namespaceObject.__)('Search for patterns'), @@ -25947,10 +36426,6 @@ function InserterNoResults() { /* harmony default export */ var no_results = (InserterNoResults); ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/hooks/use-insertion-point.js -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -25959,7 +36434,6 @@ function InserterNoResults() { - /** * Internal dependencies */ @@ -25993,7 +36467,8 @@ function useInsertionPoint(_ref) { clientId, isAppender, onSelect, - shouldFocusBlock = true + shouldFocusBlock = true, + selectBlockOnInsert = true } = _ref; const { getSelectedBlock @@ -26045,15 +36520,16 @@ function useInsertionPoint(_ref) { if (!isAppender && selectedBlock && (0,external_wp_blocks_namespaceObject.isUnmodifiedDefaultBlock)(selectedBlock)) { replaceBlocks(selectedBlock.clientId, blocks, null, shouldFocusBlock || shouldForceFocusBlock ? 0 : null, meta); } else { - insertBlocks(blocks, destinationIndex, destinationRootClientId, true, shouldFocusBlock || shouldForceFocusBlock ? 0 : null, meta); + insertBlocks(blocks, destinationIndex, destinationRootClientId, selectBlockOnInsert, shouldFocusBlock || shouldForceFocusBlock ? 0 : null, meta); } + const blockLength = Array.isArray(blocks) ? blocks.length : 1; const message = (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %d: the name of the block that has been added - (0,external_wp_i18n_namespaceObject._n)('%d block added.', '%d blocks added.', (0,external_lodash_namespaceObject.castArray)(blocks).length), (0,external_lodash_namespaceObject.castArray)(blocks).length); + (0,external_wp_i18n_namespaceObject._n)('%d block added.', '%d blocks added.', blockLength), blockLength); (0,external_wp_a11y_namespaceObject.speak)(message); if (onSelect) { - onSelect(); + onSelect(blocks); } }, [isAppender, getSelectedBlock, replaceBlocks, insertBlocks, destinationRootClientId, destinationIndex, onSelect, shouldFocusBlock]); const onToggleInsertionPoint = (0,external_wp_element_namespaceObject.useCallback)(show => { @@ -26071,6 +36547,87 @@ function useInsertionPoint(_ref) { // EXTERNAL MODULE: ./node_modules/remove-accents/index.js var remove_accents = __webpack_require__(4793); var remove_accents_default = /*#__PURE__*/__webpack_require__.n(remove_accents); +;// CONCATENATED MODULE: ./node_modules/lower-case/dist.es2015/index.js +/** + * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt + */ +var SUPPORTED_LOCALE = { + tr: { + regexp: /\u0130|\u0049|\u0049\u0307/g, + map: { + İ: "\u0069", + I: "\u0131", + İ: "\u0069", + }, + }, + az: { + regexp: /\u0130/g, + map: { + İ: "\u0069", + I: "\u0131", + İ: "\u0069", + }, + }, + lt: { + regexp: /\u0049|\u004A|\u012E|\u00CC|\u00CD|\u0128/g, + map: { + I: "\u0069\u0307", + J: "\u006A\u0307", + Į: "\u012F\u0307", + Ì: "\u0069\u0307\u0300", + Í: "\u0069\u0307\u0301", + Ĩ: "\u0069\u0307\u0303", + }, + }, +}; +/** + * Localized lower case. + */ +function localeLowerCase(str, locale) { + var lang = SUPPORTED_LOCALE[locale.toLowerCase()]; + if (lang) + return lowerCase(str.replace(lang.regexp, function (m) { return lang.map[m]; })); + return lowerCase(str); +} +/** + * Lower case as a function. + */ +function lowerCase(str) { + return str.toLowerCase(); +} + +;// CONCATENATED MODULE: ./node_modules/no-case/dist.es2015/index.js + +// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case"). +var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g]; +// Remove all non-word characters. +var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi; +/** + * Normalize the string into something other libraries can manipulate easier. + */ +function noCase(input, options) { + if (options === void 0) { options = {}; } + var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d; + var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0"); + var start = 0; + var end = result.length; + // Trim the delimiter from around the output string. + while (result.charAt(start) === "\0") + start++; + while (result.charAt(end - 1) === "\0") + end--; + // Transform each token independently. + return result.slice(start, end).split("\0").map(transform).join(delimiter); +} +/** + * Replace `re` in the input string with the replacement value. + */ +function replace(input, re, value) { + if (re instanceof RegExp) + return input.replace(re, value); + return re.reduce(function (input, re) { return input.replace(re, value); }, input); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/search-items.js /** * External dependencies @@ -26089,6 +36646,25 @@ const defaultGetKeywords = item => item.keywords || []; const defaultGetCategory = item => item.category; const defaultGetCollection = () => null; +/** + * Extracts words from an input string. + * + * @param {string} input The input string. + * + * @return {Array} Words, extracted from the input string. + */ + + +function extractWords() { + let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + return noCase(input, { + splitRegexp: [/([\p{Ll}\p{Lo}\p{N}])([\p{Lu}\p{Lt}])/gu, // One lowercase or digit, followed by one uppercase. + /([\p{Lu}\p{Lt}])([\p{Lu}\p{Lt}][\p{Ll}\p{Lo}])/gu // One uppercase followed by one uppercase and one lowercase. + ], + stripRegexp: /(\p{C}|\p{P}|\p{S})+/giu // Anything that's not a punctuation, symbol or control/format character. + + }).split(' ').filter(Boolean); +} /** * Sanitizes the search input string. * @@ -26122,7 +36698,7 @@ function normalizeSearchInput() { const getNormalizedSearchTerms = function () { let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; - return (0,external_lodash_namespaceObject.words)(normalizeSearchInput(input)); + return extractWords(normalizeSearchInput(input)); }; const removeMatchingTerms = (unmatchedTerms, unprocessedTerms) => { @@ -26138,11 +36714,14 @@ const searchBlockItems = (items, categories, collections, searchInput) => { const config = { getCategory: item => { - var _find; + var _categories$find; - return (_find = (0,external_lodash_namespaceObject.find)(categories, { - slug: item.category - })) === null || _find === void 0 ? void 0 : _find.title; + return (_categories$find = categories.find(_ref => { + let { + slug + } = _ref; + return slug === item.category; + })) === null || _categories$find === void 0 ? void 0 : _categories$find.title; }, getCollection: item => { var _collections$item$nam; @@ -26174,17 +36753,17 @@ const searchItems = function () { const rankedItems = items.map(item => { return [item, getItemSearchRank(item, searchInput, config)]; - }).filter(_ref => { - let [, rank] = _ref; + }).filter(_ref2 => { + let [, rank] = _ref2; return rank > 0; }); - rankedItems.sort((_ref2, _ref3) => { - let [, rank1] = _ref2; - let [, rank2] = _ref3; + rankedItems.sort((_ref3, _ref4) => { + let [, rank1] = _ref3; + let [, rank2] = _ref4; return rank2 - rank1; }); - return rankedItems.map(_ref4 => { - let [item] = _ref4; + return rankedItems.map(_ref5 => { + let [item] = _ref5; return item; }); }; @@ -26228,7 +36807,7 @@ function getItemSearchRank(item, searchTerm) { rank += 20; } else { const terms = [name, title, description, ...keywords, category, collection].join(' '); - const normalizedSearchTerms = (0,external_lodash_namespaceObject.words)(normalizedSearchInput); + const normalizedSearchTerms = extractWords(normalizedSearchInput); const unmatchedTerms = removeMatchingTerms(normalizedSearchTerms, terms); if (unmatchedTerms.length === 0) { @@ -26387,7 +36966,6 @@ function PatternsExplorerModal(_ref2) { } = _ref2; return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { title: (0,external_wp_i18n_namespaceObject.__)('Patterns'), - closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close'), onRequestClose: onModalClose, isFullScreen: true }, (0,external_wp_element_namespaceObject.createElement)(PatternsExplorer, restProps)); @@ -26395,6 +36973,68 @@ function PatternsExplorerModal(_ref2) { /* harmony default export */ var explorer = (PatternsExplorerModal); +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/mobile-tab-navigation.js + + +/** + * WordPress dependencies + */ + + + + +function ScreenHeader(_ref) { + let { + title + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, { + spacing: 0 + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalView, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalSpacer, { + marginBottom: 0, + paddingX: 4, + paddingY: 3 + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, { + spacing: 2 + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorBackButton, { + style: // TODO: This style override is also used in ToolsPanelHeader. + // It should be supported out-of-the-box by Button. + { + minWidth: 24, + padding: 0 + }, + icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_right : chevron_left, + isSmall: true, + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Navigate to the previous view') + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalSpacer, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHeading, { + level: 5 + }, title)))))); +} + +function MobileTabNavigation(_ref2) { + let { + categories, + children + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorProvider, { + initialPath: "/", + className: "block-editor-inserter__mobile-tab-navigation" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorScreen, { + path: "/" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalItemGroup, null, categories.map(category => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorButton, { + key: category.name, + path: `/category/${category.name}`, + as: external_wp_components_namespaceObject.__experimentalItem, + isAction: true + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexBlock, null, category.label), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left : chevron_right + })))))), categories.map(category => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNavigatorScreen, { + key: category.name, + path: `/category/${category.name}` + }, (0,external_wp_element_namespaceObject.createElement)(ScreenHeader, { + title: (0,external_wp_i18n_namespaceObject.__)('Back') + }), children(category)))); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/block-patterns-tab.js @@ -26404,6 +37044,9 @@ function PatternsExplorerModal(_ref2) { + + + /** * Internal dependencies */ @@ -26413,68 +37056,8 @@ function PatternsExplorerModal(_ref2) { -function BlockPatternsCategory(_ref) { - let { - rootClientId, - onInsert, - selectedCategory, - populatedCategories - } = _ref; - const [allPatterns,, onClick] = use_patterns_state(onInsert, rootClientId); - const getPatternIndex = (0,external_wp_element_namespaceObject.useCallback)(pattern => { - var _pattern$categories; - - if (!((_pattern$categories = pattern.categories) !== null && _pattern$categories !== void 0 && _pattern$categories.length)) { - return Infinity; - } - - const indexedCategories = populatedCategories.reduce((accumulator, _ref2, index) => { - let { - name - } = _ref2; - accumulator[name] = index; - return accumulator; - }, {}); - return Math.min(...pattern.categories.map(cat => indexedCategories[cat] !== undefined ? indexedCategories[cat] : Infinity)); - }, [populatedCategories]); - const currentCategoryPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => allPatterns.filter(pattern => { - var _pattern$categories2; - - return selectedCategory.name === 'uncategorized' ? getPatternIndex(pattern) === Infinity : (_pattern$categories2 = pattern.categories) === null || _pattern$categories2 === void 0 ? void 0 : _pattern$categories2.includes(selectedCategory.name); - }), [allPatterns, selectedCategory]); // Ordering the patterns is important for the async rendering. - - const orderedPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => { - return currentCategoryPatterns.sort((a, b) => { - return getPatternIndex(a) - getPatternIndex(b); - }); - }, [currentCategoryPatterns, getPatternIndex]); - const currentShownPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(orderedPatterns); - - if (!currentCategoryPatterns.length) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-inserter__panel-content" - }, (0,external_wp_element_namespaceObject.createElement)(block_patterns_list, { - shownPatterns: currentShownPatterns, - blockPatterns: currentCategoryPatterns, - onClickPattern: onClick, - label: selectedCategory.label, - orientation: "vertical", - isDraggable: true - })); -} - -function BlockPatternsTabs(_ref3) { - let { - rootClientId, - onInsert, - onClickCategory, - selectedCategory - } = _ref3; - const [showPatternsExplorer, setShowPatternsExplorer] = (0,external_wp_element_namespaceObject.useState)(false); - const [allPatterns, allCategories] = use_patterns_state(); +function usePatternsCategories(rootClientId) { + const [allPatterns, allCategories] = use_patterns_state(undefined, rootClientId); const hasRegisteredCategory = (0,external_wp_element_namespaceObject.useCallback)(pattern => { if (!pattern.categories || !pattern.categories.length) { return false; @@ -26485,22 +37068,23 @@ function BlockPatternsTabs(_ref3) { const populatedCategories = (0,external_wp_element_namespaceObject.useMemo)(() => { const categories = allCategories.filter(category => allPatterns.some(pattern => { - var _pattern$categories3; + var _pattern$categories; - return (_pattern$categories3 = pattern.categories) === null || _pattern$categories3 === void 0 ? void 0 : _pattern$categories3.includes(category.name); - })).sort((_ref4, _ref5) => { + return (_pattern$categories = pattern.categories) === null || _pattern$categories === void 0 ? void 0 : _pattern$categories.includes(category.name); + })).sort((_ref, _ref2) => { let { name: currentName - } = _ref4; + } = _ref; let { name: nextName - } = _ref5; + } = _ref2; - if (![currentName, nextName].includes('featured')) { + if (![currentName, nextName].some(categoryName => ['featured', 'text'].includes(categoryName))) { return 0; - } + } // Move `featured` category to the top and `text` to the bottom. - return currentName === 'featured' ? -1 : 1; + + return currentName === 'featured' || nextName === 'text' ? -1 : 1; }); if (allPatterns.some(pattern => !hasRegisteredCategory(pattern)) && !categories.find(category => category.name === 'uncategorized')) { @@ -26512,20 +37096,128 @@ function BlockPatternsTabs(_ref3) { return categories; }, [allPatterns, allCategories]); - const patternCategory = selectedCategory ? selectedCategory : populatedCategories[0]; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(pattern_panel, { - selectedCategory: patternCategory, - patternCategories: populatedCategories, - onClickCategory: onClickCategory, - openPatternExplorer: () => setShowPatternsExplorer(true) - }), !showPatternsExplorer && (0,external_wp_element_namespaceObject.createElement)(BlockPatternsCategory, { + return populatedCategories; +} + +function BlockPatternsCategoryDialog(_ref3) { + let { + rootClientId, + onInsert, + onHover, + category, + showTitlesAsTooltip + } = _ref3; + const container = (0,external_wp_element_namespaceObject.useRef)(); + (0,external_wp_element_namespaceObject.useEffect)(() => { + const timeout = setTimeout(() => { + const [firstTabbable] = external_wp_dom_namespaceObject.focus.tabbable.find(container.current); + firstTabbable === null || firstTabbable === void 0 ? void 0 : firstTabbable.focus(); + }); + return () => clearTimeout(timeout); + }, [category]); + return (0,external_wp_element_namespaceObject.createElement)("div", { + ref: container, + className: "block-editor-inserter__patterns-category-dialog" + }, (0,external_wp_element_namespaceObject.createElement)(BlockPatternsCategoryPanel, { rootClientId: rootClientId, onInsert: onInsert, - selectedCategory: patternCategory, - populatedCategories: populatedCategories - }), showPatternsExplorer && (0,external_wp_element_namespaceObject.createElement)(explorer, { - initialCategory: patternCategory, - patternCategories: populatedCategories, + onHover: onHover, + category: category, + showTitlesAsTooltip: showTitlesAsTooltip + })); +} +function BlockPatternsCategoryPanel(_ref4) { + let { + rootClientId, + onInsert, + onHover, + category, + showTitlesAsTooltip + } = _ref4; + const [allPatterns,, onClick] = use_patterns_state(onInsert, rootClientId); + const availableCategories = usePatternsCategories(rootClientId); + const currentCategoryPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => allPatterns.filter(pattern => { + var _pattern$categories$f, _pattern$categories3; + + if (category.name !== 'uncategorized') { + var _pattern$categories2; + + return (_pattern$categories2 = pattern.categories) === null || _pattern$categories2 === void 0 ? void 0 : _pattern$categories2.includes(category.name); + } // The uncategorized category should show all the patterns without any category + // or with no available category. + + + const availablePatternCategories = (_pattern$categories$f = (_pattern$categories3 = pattern.categories) === null || _pattern$categories3 === void 0 ? void 0 : _pattern$categories3.filter(cat => availableCategories.find(availableCategory => availableCategory.name === cat))) !== null && _pattern$categories$f !== void 0 ? _pattern$categories$f : []; + return availablePatternCategories.length === 0; + }), [allPatterns, category]); + const currentShownPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(currentCategoryPatterns); // Hide block pattern preview on unmount. + + (0,external_wp_element_namespaceObject.useEffect)(() => () => onHover(null), []); + + if (!currentCategoryPatterns.length) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-inserter__patterns-category-panel" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-inserter__patterns-category-panel-title" + }, category.label), (0,external_wp_element_namespaceObject.createElement)("p", null, category.description), (0,external_wp_element_namespaceObject.createElement)(block_patterns_list, { + shownPatterns: currentShownPatterns, + blockPatterns: currentCategoryPatterns, + onClickPattern: onClick, + onHover: onHover, + label: category.label, + orientation: "vertical", + category: category.label, + isDraggable: true, + showTitlesAsTooltip: showTitlesAsTooltip + })); +} + +function BlockPatternsTabs(_ref5) { + let { + onSelectCategory, + selectedCategory, + onInsert, + rootClientId + } = _ref5; + const [showPatternsExplorer, setShowPatternsExplorer] = (0,external_wp_element_namespaceObject.useState)(false); + const categories = usePatternsCategories(rootClientId); + const initialCategory = selectedCategory || categories[0]; + const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !isMobile && (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-inserter__block-patterns-tabs-container" + }, (0,external_wp_element_namespaceObject.createElement)("nav", { + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block pattern categories') + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalItemGroup, { + role: "list", + className: "block-editor-inserter__block-patterns-tabs" + }, categories.map(category => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalItem, { + role: "listitem", + key: category.name, + onClick: () => onSelectCategory(category), + className: category === selectedCategory ? 'block-editor-inserter__patterns-category block-editor-inserter__patterns-selected-category' : 'block-editor-inserter__patterns-category', + "aria-label": category.label, + "aria-current": category === selectedCategory ? 'true' : undefined + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexBlock, null, category.label), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: chevron_right + })))), (0,external_wp_element_namespaceObject.createElement)("div", { + role: "listitem" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + className: "block-editor-inserter__patterns-explore-button", + onClick: () => setShowPatternsExplorer(true), + variant: "secondary" + }, (0,external_wp_i18n_namespaceObject.__)('Explore all patterns')))))), isMobile && (0,external_wp_element_namespaceObject.createElement)(MobileTabNavigation, { + categories: categories + }, category => (0,external_wp_element_namespaceObject.createElement)(BlockPatternsCategoryPanel, { + onInsert: onInsert, + rootClientId: rootClientId, + category: category, + showTitlesAsTooltip: false + })), showPatternsExplorer && (0,external_wp_element_namespaceObject.createElement)(explorer, { + initialCategory: initialCategory, + patternCategories: categories, onModalClose: () => setShowPatternsExplorer(false) })); } @@ -26543,6 +37235,7 @@ var external_wp_url_namespaceObject = window["wp"]["url"]; + /** * Internal dependencies */ @@ -26606,8 +37299,9 @@ function ReusableBlocksTab(_ref3) { rootClientId: rootClientId }), (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-inserter__manage-reusable-blocks-container" - }, (0,external_wp_element_namespaceObject.createElement)("a", { + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { className: "block-editor-inserter__manage-reusable-blocks", + variant: "secondary", href: (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', { post_type: 'wp_block' }) @@ -26615,19 +37309,263 @@ function ReusableBlocksTab(_ref3) { } /* harmony default export */ var reusable_blocks_tab = (ReusableBlocksTab); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter-menu-extension/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/media-tab/hooks.js /** * WordPress dependencies */ -const { - Fill: __unstableInserterMenuExtension, - Slot -} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableInserterMenuExtension'); -__unstableInserterMenuExtension.Slot = Slot; -/* harmony default export */ var inserter_menu_extension = (__unstableInserterMenuExtension); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/search-results.js +/** + * Internal dependencies + */ + + +/** + * Interface for inserter media requests. + * + * @typedef {Object} InserterMediaRequest + * @property {number} per_page How many items to fetch per page. + * @property {string} search The search term to use for filtering the results. + */ + +/** + * Interface for inserter media responses. Any media resource should + * map their response to this interface, in order to create the core + * WordPress media blocks (image, video, audio). + * + * @typedef {Object} InserterMediaItem + * @property {string} title The title of the media item. + * @property {string} url The source url of the media item. + * @property {string} [previewUrl] The preview source url of the media item to display in the media list. + * @property {number} [id] The WordPress id of the media item. + * @property {number|string} [sourceId] The id of the media item from external source. + * @property {string} [alt] The alt text of the media item. + * @property {string} [caption] The caption of the media item. + */ + +/** + * Fetches media items based on the provided category. + * Each media category is responsible for providing a `fetch` function. + * + * @param {Object} category The media category to fetch results for. + * @param {InserterMediaRequest} query The query args to use for the request. + * @return {InserterMediaItem[]} The media results. + */ + +function useMediaResults(category) { + let query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + const [mediaList, setMediaList] = (0,external_wp_element_namespaceObject.useState)(); + const [isLoading, setIsLoading] = (0,external_wp_element_namespaceObject.useState)(false); // We need to keep track of the last request made because + // multiple request can be fired without knowing the order + // of resolution, and we need to ensure we are showing + // the results of the last request. + // In the future we could use AbortController to cancel previous + // requests, but we don't for now as it involves adding support + // for this to `core-data` package. + + const lastRequest = (0,external_wp_element_namespaceObject.useRef)(); + (0,external_wp_element_namespaceObject.useEffect)(() => { + (async () => { + var _category$fetch; + + const key = JSON.stringify({ + category: category.name, + ...query + }); + lastRequest.current = key; + setIsLoading(true); + setMediaList([]); // Empty the previous results. + + const _media = await ((_category$fetch = category.fetch) === null || _category$fetch === void 0 ? void 0 : _category$fetch.call(category, query)); + + if (key === lastRequest.current) { + setMediaList(_media); + setIsLoading(false); + } + })(); + }, [category.name, ...Object.values(query)]); + return { + mediaList, + isLoading + }; +} + +function useInserterMediaCategories() { + const { + inserterMediaCategories, + allowedMimeTypes, + enableOpenverseMediaCategory + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const settings = select(store).getSettings(); + return { + inserterMediaCategories: settings.inserterMediaCategories, + allowedMimeTypes: settings.allowedMimeTypes, + enableOpenverseMediaCategory: settings.enableOpenverseMediaCategory + }; + }, []); // The allowed `mime_types` can be altered by `upload_mimes` filter and restrict + // some of them. In this case we shouldn't add the category to the available media + // categories list in the inserter. + + const allowedCategories = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (!inserterMediaCategories || !allowedMimeTypes) { + return; + } + + return inserterMediaCategories.filter(category => { + // Check if Openverse category is enabled. + if (!enableOpenverseMediaCategory && category.name === 'openverse') { + return false; + } // When a category has set `isExternalResource` to `true`, we + // don't need to check for allowed mime types, as they are used + // for restricting uploads for this media type and not for + // inserting media from external sources. + + + if (category.isExternalResource) { + return true; + } + + return Object.values(allowedMimeTypes).some(mimeType => mimeType.startsWith(`${category.mediaType}/`)); + }); + }, [inserterMediaCategories, allowedMimeTypes, enableOpenverseMediaCategory]); + return allowedCategories; +} + +function useMediaCategories(rootClientId) { + const [categories, setCategories] = (0,external_wp_element_namespaceObject.useState)([]); + const { + canInsertImage, + canInsertVideo, + canInsertAudio + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + canInsertBlockType + } = select(store); + return { + canInsertImage: canInsertBlockType('core/image', rootClientId), + canInsertVideo: canInsertBlockType('core/video', rootClientId), + canInsertAudio: canInsertBlockType('core/audio', rootClientId) + }; + }, [rootClientId]); + const inserterMediaCategories = useInserterMediaCategories(); + (0,external_wp_element_namespaceObject.useEffect)(() => { + (async () => { + const _categories = []; // If `inserterMediaCategories` is not defined in + // block editor settings, do not show any media categories. + + if (!inserterMediaCategories) { + return; + } // Loop through categories to check if they have at least one media item. + + + const categoriesHaveMedia = new Map(await Promise.all(inserterMediaCategories.map(async category => { + // Some sources are external and we don't need to make a request. + if (category.isExternalResource) { + return [category.name, true]; + } + + const results = await category.fetch({ + per_page: 1 + }); + return [category.name, !!results.length]; + }))); // We need to filter out categories that don't have any media items or + // whose corresponding block type is not allowed to be inserted, based + // on the category's `mediaType`. + + const canInsertMediaType = { + image: canInsertImage, + video: canInsertVideo, + audio: canInsertAudio + }; + inserterMediaCategories.forEach(category => { + if (canInsertMediaType[category.mediaType] && categoriesHaveMedia.get(category.name)) { + _categories.push(category); + } + }); + + if (!!_categories.length) { + setCategories(_categories); + } + })(); + }, [canInsertImage, canInsertVideo, canInsertAudio, inserterMediaCategories]); + return categories; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/external.js + + +/** + * WordPress dependencies + */ + +const external = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M18.2 17c0 .7-.6 1.2-1.2 1.2H7c-.7 0-1.2-.6-1.2-1.2V7c0-.7.6-1.2 1.2-1.2h3.2V4.2H7C5.5 4.2 4.2 5.5 4.2 7v10c0 1.5 1.2 2.8 2.8 2.8h10c1.5 0 2.8-1.2 2.8-2.8v-3.6h-1.5V17zM14.9 3v1.5h3.7l-6.4 6.4 1.1 1.1 6.4-6.4v3.7h1.5V3h-6.3z" +})); +/* harmony default export */ var library_external = (external); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/media-tab/utils.js + + +/** + * WordPress dependencies + */ + +const mediaTypeTag = { + image: 'img', + video: 'video', + audio: 'audio' +}; +/** @typedef {import('./hooks').InserterMediaItem} InserterMediaItem */ + +/** + * Creates a block and a preview element from a media object. + * + * @param {InserterMediaItem} media The media object to create the block from. + * @param {('image'|'audio'|'video')} mediaType The media type to create the block for. + * @return {[WPBlock, JSX.Element]} An array containing the block and the preview element. + */ + +function getBlockAndPreviewFromMedia(media, mediaType) { + // Add the common attributes between the different media types. + const attributes = { + id: media.id || undefined, + caption: media.caption || undefined + }; + const mediaSrc = media.url; + const alt = media.alt || undefined; + + if (mediaType === 'image') { + attributes.url = mediaSrc; + attributes.alt = alt; + } else if (['video', 'audio'].includes(mediaType)) { + attributes.src = mediaSrc; + } + + const PreviewTag = mediaTypeTag[mediaType]; + const preview = (0,external_wp_element_namespaceObject.createElement)(PreviewTag, { + src: media.previewUrl || mediaSrc, + alt: alt, + controls: mediaType === 'audio' ? true : undefined, + inert: "true", + onError: _ref => { + let { + currentTarget + } = _ref; + + // Fall back to the media source if the preview cannot be loaded. + if (currentTarget.src === media.previewUrl) { + currentTarget.src = mediaSrc; + } + } + }); + return [(0,external_wp_blocks_namespaceObject.createBlock)(`core/${mediaType}`, attributes), preview]; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/media-tab/media-list.js + /** @@ -26649,6 +37587,401 @@ __unstableInserterMenuExtension.Slot = Slot; +const MAXIMUM_TITLE_LENGTH = 25; +const MEDIA_OPTIONS_POPOVER_PROPS = { + position: 'bottom left', + className: 'block-editor-inserter__media-list__item-preview-options__popover' +}; + +function MediaPreviewOptions(_ref) { + let { + category, + media + } = _ref; + + if (!category.getReportUrl) { + return null; + } + + const reportUrl = category.getReportUrl(media); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, { + className: "block-editor-inserter__media-list__item-preview-options", + label: (0,external_wp_i18n_namespaceObject.__)('Options'), + popoverProps: MEDIA_OPTIONS_POPOVER_PROPS, + icon: more_vertical + }, () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: () => window.open(reportUrl, '_blank').focus(), + icon: library_external + }, (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: The media type to report e.g: "image", "video", "audio" */ + (0,external_wp_i18n_namespaceObject.__)('Report %s'), category.mediaType)))); +} + +function MediaPreview(_ref2) { + var _media$title; + + let { + media, + onClick, + composite, + category + } = _ref2; + const [isHovered, setIsHovered] = (0,external_wp_element_namespaceObject.useState)(false); + const [block, preview] = (0,external_wp_element_namespaceObject.useMemo)(() => getBlockAndPreviewFromMedia(media, category.mediaType), [media, category.mediaType]); + const title = ((_media$title = media.title) === null || _media$title === void 0 ? void 0 : _media$title.rendered) || media.title; + let truncatedTitle; + + if (title.length > MAXIMUM_TITLE_LENGTH) { + const omission = '...'; + truncatedTitle = title.slice(0, MAXIMUM_TITLE_LENGTH - omission.length) + omission; + } + + const onMouseEnter = (0,external_wp_element_namespaceObject.useCallback)(() => setIsHovered(true), []); + const onMouseLeave = (0,external_wp_element_namespaceObject.useCallback)(() => setIsHovered(false), []); + return (0,external_wp_element_namespaceObject.createElement)(inserter_draggable_blocks, { + isEnabled: true, + blocks: [block] + }, _ref3 => { + let { + draggable, + onDragStart, + onDragEnd + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: classnames_default()('block-editor-inserter__media-list__list-item', { + 'is-hovered': isHovered + }), + draggable: draggable, + onDragStart: onDragStart, + onDragEnd: onDragEnd + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { + text: truncatedTitle || title + }, (0,external_wp_element_namespaceObject.createElement)("div", { + onMouseEnter: onMouseEnter, + onMouseLeave: onMouseLeave + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableCompositeItem, _extends({ + role: "option", + as: "div" + }, composite, { + className: "block-editor-inserter__media-list__item", + onClick: () => onClick(block), + "aria-label": title + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-inserter__media-list__item-preview" + }, preview)), (0,external_wp_element_namespaceObject.createElement)(MediaPreviewOptions, { + category: category, + media: media + })))); + }); +} + +function MediaList(_ref4) { + let { + mediaList, + category, + onClick, + label = (0,external_wp_i18n_namespaceObject.__)('Media List') + } = _ref4; + const composite = (0,external_wp_components_namespaceObject.__unstableUseCompositeState)(); + const onPreviewClick = (0,external_wp_element_namespaceObject.useCallback)(block => { + onClick((0,external_wp_blocks_namespaceObject.cloneBlock)(block)); + }, [onClick]); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableComposite, _extends({}, composite, { + role: "listbox", + className: "block-editor-inserter__media-list", + "aria-label": label + }), mediaList.map((media, index) => (0,external_wp_element_namespaceObject.createElement)(MediaPreview, { + key: media.id || media.sourceId || index, + media: media, + category: category, + onClick: onPreviewClick, + composite: composite + }))); +} + +/* harmony default export */ var media_list = (MediaList); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/hooks/use-debounced-input.js +/** + * WordPress dependencies + */ + + +function useDebouncedInput() { + let defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + const [input, setInput] = (0,external_wp_element_namespaceObject.useState)(defaultValue); + const [debounced, setter] = (0,external_wp_element_namespaceObject.useState)(defaultValue); + const setDebounced = (0,external_wp_compose_namespaceObject.useDebounce)(setter, 250); + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (debounced !== input) { + setDebounced(input); + } + }, [debounced, input]); + return [input, setInput, debounced]; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/media-tab/media-panel.js + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + + +const INITIAL_MEDIA_ITEMS_PER_PAGE = 10; +function MediaCategoryDialog(_ref) { + let { + rootClientId, + onInsert, + category + } = _ref; + const container = (0,external_wp_element_namespaceObject.useRef)(); + (0,external_wp_element_namespaceObject.useEffect)(() => { + const timeout = setTimeout(() => { + const [firstTabbable] = external_wp_dom_namespaceObject.focus.tabbable.find(container.current); + firstTabbable === null || firstTabbable === void 0 ? void 0 : firstTabbable.focus(); + }); + return () => clearTimeout(timeout); + }, [category]); + return (0,external_wp_element_namespaceObject.createElement)("div", { + ref: container, + className: "block-editor-inserter__media-dialog" + }, (0,external_wp_element_namespaceObject.createElement)(MediaCategoryPanel, { + rootClientId: rootClientId, + onInsert: onInsert, + category: category + })); +} +function MediaCategoryPanel(_ref2) { + let { + rootClientId, + onInsert, + category + } = _ref2; + const [search, setSearch, debouncedSearch] = useDebouncedInput(); + const { + mediaList, + isLoading + } = useMediaResults(category, { + per_page: !!debouncedSearch ? 20 : INITIAL_MEDIA_ITEMS_PER_PAGE, + search: debouncedSearch + }); + const baseCssClass = 'block-editor-inserter__media-panel'; + + const searchLabel = category.labels.search_items || (0,external_wp_i18n_namespaceObject.__)('Search'); + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: baseCssClass + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SearchControl, { + className: `${baseCssClass}-search`, + onChange: setSearch, + value: search, + label: searchLabel, + placeholder: searchLabel + }), isLoading && (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${baseCssClass}-spinner` + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)), !isLoading && !(mediaList !== null && mediaList !== void 0 && mediaList.length) && (0,external_wp_element_namespaceObject.createElement)(no_results, null), !isLoading && !!(mediaList !== null && mediaList !== void 0 && mediaList.length) && (0,external_wp_element_namespaceObject.createElement)(media_list, { + rootClientId: rootClientId, + onClick: onInsert, + mediaList: mediaList, + category: category + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-upload/check.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +function MediaUploadCheck(_ref) { + let { + fallback = null, + children + } = _ref; + const hasUploadPermissions = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSettings + } = select(store); + return !!getSettings().mediaUpload; + }, []); + return hasUploadPermissions ? children : fallback; +} +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md + */ + +/* harmony default export */ var media_upload_check = (MediaUploadCheck); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-upload/index.js +/** + * WordPress dependencies + */ + +/** + * This is a placeholder for the media upload component necessary to make it possible to provide + * an integration with the core blocks that handle media files. By default it renders nothing but + * it provides a way to have it overridden with the `editor.MediaUpload` filter. + * + * @return {WPComponent} The component to be rendered. + */ + +const MediaUpload = () => null; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md + */ + + +/* harmony default export */ var media_upload = ((0,external_wp_components_namespaceObject.withFilters)('editor.MediaUpload')(MediaUpload)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/media-tab/media-tab.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + + + +const ALLOWED_MEDIA_TYPES = ['image', 'video', 'audio']; + +function MediaTab(_ref) { + let { + rootClientId, + selectedCategory, + onSelectCategory, + onInsert + } = _ref; + const mediaCategories = useMediaCategories(rootClientId); + const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); + const baseCssClass = 'block-editor-inserter__media-tabs'; + const onSelectMedia = (0,external_wp_element_namespaceObject.useCallback)(media => { + if (!(media !== null && media !== void 0 && media.url)) { + return; + } + + const [block] = getBlockAndPreviewFromMedia(media, media.type); + onInsert(block); + }, [onInsert]); + const mobileMediaCategories = (0,external_wp_element_namespaceObject.useMemo)(() => mediaCategories.map(mediaCategory => ({ ...mediaCategory, + label: mediaCategory.labels.name + })), [mediaCategories]); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !isMobile && (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${baseCssClass}-container` + }, (0,external_wp_element_namespaceObject.createElement)("nav", { + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Media categories') + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalItemGroup, { + role: "list", + className: baseCssClass + }, mediaCategories.map(mediaCategory => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalItem, { + role: "listitem", + key: mediaCategory.name, + onClick: () => onSelectCategory(mediaCategory), + className: classnames_default()(`${baseCssClass}__media-category`, { + 'is-selected': selectedCategory === mediaCategory + }), + "aria-label": mediaCategory.labels.name, + "aria-current": mediaCategory === selectedCategory ? 'true' : undefined + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexBlock, null, mediaCategory.labels.name), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: chevron_right + })))), (0,external_wp_element_namespaceObject.createElement)("div", { + role: "listitem" + }, (0,external_wp_element_namespaceObject.createElement)(media_upload_check, null, (0,external_wp_element_namespaceObject.createElement)(media_upload, { + multiple: false, + onSelect: onSelectMedia, + allowedTypes: ALLOWED_MEDIA_TYPES, + render: _ref2 => { + let { + open + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + onClick: event => { + // Safari doesn't emit a focus event on button elements when + // clicked and we need to manually focus the button here. + // The reason is that core's Media Library modal explicitly triggers a + // focus event and therefore a `blur` event is triggered on a different + // element, which doesn't contain the `data-unstable-ignore-focus-outside-for-relatedtarget` + // attribute making the Inserter dialog to close. + event.target.focus(); + open(); + }, + className: "block-editor-inserter__media-library-button", + variant: "secondary", + "data-unstable-ignore-focus-outside-for-relatedtarget": ".media-modal" + }, (0,external_wp_i18n_namespaceObject.__)('Open Media Library')); + } + })))))), isMobile && (0,external_wp_element_namespaceObject.createElement)(MobileTabNavigation, { + categories: mobileMediaCategories + }, category => (0,external_wp_element_namespaceObject.createElement)(MediaCategoryPanel, { + onInsert: onInsert, + rootClientId: rootClientId, + category: category + }))); +} + +/* harmony default export */ var media_tab = (MediaTab); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter-menu-extension/index.js +/** + * WordPress dependencies + */ + +const { + Fill: __unstableInserterMenuExtension, + Slot: inserter_menu_extension_Slot +} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableInserterMenuExtension'); +__unstableInserterMenuExtension.Slot = inserter_menu_extension_Slot; +/* harmony default export */ var inserter_menu_extension = (__unstableInserterMenuExtension); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/search-results.js + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + @@ -26681,7 +38014,8 @@ function InserterSearchResults(_ref) { showBlockDirectory = false, isDraggable = true, shouldFocusBlock = true, - prioritizePatterns + prioritizePatterns, + selectBlockOnInsert } = _ref; const debouncedSpeak = (0,external_wp_compose_namespaceObject.useDebounce)(external_wp_a11y_namespaceObject.speak, 500); const [destinationRootClientId, onInsertBlocks] = use_insertion_point({ @@ -26690,7 +38024,8 @@ function InserterSearchResults(_ref) { clientId, isAppender, insertionIndex: __experimentalInsertionIndex, - shouldFocusBlock + shouldFocusBlock, + selectBlockOnInsert }); const [blockTypes, blockTypeCategories, blockTypeCollections, onSelectBlockType] = use_block_types_state(destinationRootClientId, onInsertBlocks); const [patterns,, onSelectBlockPattern] = use_patterns_state(onInsertBlocks, destinationRootClientId); @@ -26713,7 +38048,7 @@ function InserterSearchResults(_ref) { return []; } - const results = searchBlockItems((0,external_lodash_namespaceObject.orderBy)(blockTypes, ['frecency'], ['desc']), blockTypeCategories, blockTypeCollections, filterValue); + const results = searchBlockItems(orderBy(blockTypes, 'frecency', 'desc'), blockTypeCategories, blockTypeCollections, filterValue); return maxBlockTypesToShow !== undefined ? results.slice(0, maxBlockTypesToShow) : results; }, [filterValue, blockTypes, blockTypeCategories, blockTypeCollections, maxBlockTypes]); // Announce search results on change. @@ -26732,7 +38067,7 @@ function InserterSearchResults(_ref) { step: search_results_INITIAL_INSERTER_RESULTS }); const currentShownPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(currentShownBlockTypes.length === filteredBlockTypes.length ? filteredBlockPatterns : search_results_EMPTY_ARRAY); - const hasItems = !(0,external_lodash_namespaceObject.isEmpty)(filteredBlockTypes) || !(0,external_lodash_namespaceObject.isEmpty)(filteredBlockPatterns); + const hasItems = filteredBlockTypes.length > 0 || filteredBlockPatterns.length > 0; const blocksUI = !!filteredBlockTypes.length && (0,external_wp_element_namespaceObject.createElement)(panel, { title: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, null, (0,external_wp_i18n_namespaceObject.__)('Blocks')) }, (0,external_wp_element_namespaceObject.createElement)(block_types_list, { @@ -26750,6 +38085,7 @@ function InserterSearchResults(_ref) { shownPatterns: currentShownPatterns, blockPatterns: filteredBlockPatterns, onClickPattern: onSelectBlockPattern, + onHover: onHover, isDraggable: isDraggable }))); return (0,external_wp_element_namespaceObject.createElement)(inserter_listbox, null, !showBlockDirectory && !hasItems && (0,external_wp_element_namespaceObject.createElement)(no_results, null), prioritizePatterns ? patternsUI : blocksUI, !!filteredBlockTypes.length && !!filteredBlockPatterns.length && (0,external_wp_element_namespaceObject.createElement)("div", { @@ -26786,6 +38122,7 @@ function InserterSearchResults(_ref) { + const blocksTab = { name: 'blocks', @@ -26802,7 +38139,14 @@ const reusableBlocksTab = { name: 'reusable', /* translators: Reusable blocks tab title in the block inserter. */ - title: (0,external_wp_i18n_namespaceObject.__)('Reusable') + title: (0,external_wp_i18n_namespaceObject.__)('Reusable'), + icon: library_symbol +}; +const mediaTab = { + name: 'media', + + /* translators: Media tab title in the block inserter. */ + title: (0,external_wp_i18n_namespaceObject.__)('Media') }; function InserterTabs(_ref) { @@ -26810,6 +38154,7 @@ function InserterTabs(_ref) { children, showPatterns = false, showReusableBlocks = false, + showMedia = false, onSelect, prioritizePatterns } = _ref; @@ -26826,12 +38171,16 @@ function InserterTabs(_ref) { tempTabs.push(patternsTab); } + if (showMedia) { + tempTabs.push(mediaTab); + } + if (showReusableBlocks) { tempTabs.push(reusableBlocksTab); } return tempTabs; - }, [prioritizePatterns, blocksTab, showPatterns, patternsTab, showReusableBlocks, reusableBlocksTab]); + }, [prioritizePatterns, blocksTab, showPatterns, patternsTab, showReusableBlocks, showMedia, reusableBlocksTab]); return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TabPanel, { className: "block-editor-inserter__tabs", tabs: tabs, @@ -26870,6 +38219,8 @@ function InserterTabs(_ref) { + + function InserterMenu(_ref, ref) { let { rootClientId, @@ -26883,9 +38234,11 @@ function InserterMenu(_ref, ref) { shouldFocusBlock = true, prioritizePatterns } = _ref; - const [filterValue, setFilterValue] = (0,external_wp_element_namespaceObject.useState)(__experimentalFilterValue); + const [filterValue, setFilterValue, delayedFilterValue] = useDebouncedInput(__experimentalFilterValue); const [hoveredItem, setHoveredItem] = (0,external_wp_element_namespaceObject.useState)(null); const [selectedPatternCategory, setSelectedPatternCategory] = (0,external_wp_element_namespaceObject.useState)(null); + const [selectedMediaCategory, setSelectedMediaCategory] = (0,external_wp_element_namespaceObject.useState)(null); + const [selectedTab, setSelectedTab] = (0,external_wp_element_namespaceObject.useState)(null); const [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint] = use_insertion_point({ rootClientId, clientId, @@ -26895,19 +38248,27 @@ function InserterMenu(_ref, ref) { }); const { showPatterns, - hasReusableBlocks + inserterItems } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getSettings$__experi; - const { __experimentalGetAllowedPatterns, - getSettings + getInserterItems } = select(store); return { showPatterns: !!__experimentalGetAllowedPatterns(destinationRootClientId).length, - hasReusableBlocks: !!((_getSettings$__experi = getSettings().__experimentalReusableBlocks) !== null && _getSettings$__experi !== void 0 && _getSettings$__experi.length) + inserterItems: getInserterItems(destinationRootClientId) }; }, [destinationRootClientId]); + const hasReusableBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => { + return inserterItems.some(_ref2 => { + let { + category + } = _ref2; + return category === 'reusable'; + }); + }, [inserterItems]); + const mediaCategories = useMediaCategories(destinationRootClientId); + const showMedia = !!mediaCategories.length; const onInsert = (0,external_wp_element_namespaceObject.useCallback)((blocks, meta, shouldForceFocusBlock) => { onInsertBlocks(blocks, meta, shouldForceFocusBlock); onSelect(); @@ -26922,6 +38283,9 @@ function InserterMenu(_ref, ref) { onToggleInsertionPoint(!!item); setHoveredItem(item); }, [onToggleInsertionPoint, setHoveredItem]); + const onHoverPattern = (0,external_wp_element_namespaceObject.useCallback)(item => { + onToggleInsertionPoint(!!item); + }, [onToggleInsertionPoint]); const onClickPatternCategory = (0,external_wp_element_namespaceObject.useCallback)(patternCategory => { setSelectedPatternCategory(patternCategory); }, [setSelectedPatternCategory]); @@ -26936,11 +38300,11 @@ function InserterMenu(_ref, ref) { className: "block-editor-inserter__tips" }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { as: "h2" - }, (0,external_wp_i18n_namespaceObject.__)('A tip for using the block editor')), (0,external_wp_element_namespaceObject.createElement)(tips, null))), [destinationRootClientId, onInsert, onHover, filterValue, showMostUsedBlocks, showInserterHelpPanel]); + }, (0,external_wp_i18n_namespaceObject.__)('A tip for using the block editor')), (0,external_wp_element_namespaceObject.createElement)(tips, null))), [destinationRootClientId, onInsert, onHover, delayedFilterValue, showMostUsedBlocks, showInserterHelpPanel]); const patternsTab = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_wp_element_namespaceObject.createElement)(block_patterns_tab, { rootClientId: destinationRootClientId, onInsert: onInsertPattern, - onClickCategory: onClickPatternCategory, + onSelectCategory: onClickPatternCategory, selectedCategory: selectedPatternCategory }), [destinationRootClientId, onInsertPattern, onClickPatternCategory, selectedPatternCategory]); const reusableBlocksTab = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_wp_element_namespaceObject.createElement)(reusable_blocks_tab, { @@ -26948,22 +38312,32 @@ function InserterMenu(_ref, ref) { onInsert: onInsert, onHover: onHover }), [destinationRootClientId, onInsert, onHover]); + const mediaTab = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_wp_element_namespaceObject.createElement)(media_tab, { + rootClientId: destinationRootClientId, + selectedCategory: selectedMediaCategory, + onSelectCategory: setSelectedMediaCategory, + onInsert: onInsert + }), [destinationRootClientId, onInsert, selectedMediaCategory, setSelectedMediaCategory]); const getCurrentTab = (0,external_wp_element_namespaceObject.useCallback)(tab => { if (tab.name === 'blocks') { return blocksTab; } else if (tab.name === 'patterns') { return patternsTab; + } else if (tab.name === 'reusable') { + return reusableBlocksTab; + } else if (tab.name === 'media') { + return mediaTab; } - - return reusableBlocksTab; - }, [blocksTab, patternsTab, reusableBlocksTab]); + }, [blocksTab, patternsTab, reusableBlocksTab, mediaTab]); const searchRef = (0,external_wp_element_namespaceObject.useRef)(); (0,external_wp_element_namespaceObject.useImperativeHandle)(ref, () => ({ focusSearch: () => { searchRef.current.focus(); } })); - const showAsTabs = !filterValue && (showPatterns || hasReusableBlocks); + const showPatternPanel = selectedTab === 'patterns' && !delayedFilterValue && selectedPatternCategory; + const showAsTabs = !delayedFilterValue && (showPatterns || hasReusableBlocks || showMedia); + const showMediaPanel = selectedTab === 'media' && !delayedFilterValue && selectedMediaCategory; return (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-inserter__menu" }, (0,external_wp_element_namespaceObject.createElement)("div", { @@ -26971,6 +38345,7 @@ function InserterMenu(_ref, ref) { 'show-as-tabs': showAsTabs }) }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SearchControl, { + __nextHasNoMarginBottom: true, className: "block-editor-inserter__search", onChange: value => { if (hoveredItem) setHoveredItem(null); @@ -26980,10 +38355,10 @@ function InserterMenu(_ref, ref) { label: (0,external_wp_i18n_namespaceObject.__)('Search for blocks and patterns'), placeholder: (0,external_wp_i18n_namespaceObject.__)('Search'), ref: searchRef - }), !!filterValue && (0,external_wp_element_namespaceObject.createElement)("div", { + }), !!delayedFilterValue && (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-inserter__no-tab-container" }, (0,external_wp_element_namespaceObject.createElement)(search_results, { - filterValue: filterValue, + filterValue: delayedFilterValue, onSelect: onSelect, onHover: onHover, rootClientId: rootClientId, @@ -26995,11 +38370,23 @@ function InserterMenu(_ref, ref) { })), showAsTabs && (0,external_wp_element_namespaceObject.createElement)(tabs, { showPatterns: showPatterns, showReusableBlocks: hasReusableBlocks, - prioritizePatterns: prioritizePatterns - }, getCurrentTab), !filterValue && !showAsTabs && (0,external_wp_element_namespaceObject.createElement)("div", { + showMedia: showMedia, + prioritizePatterns: prioritizePatterns, + onSelect: setSelectedTab + }, getCurrentTab), !delayedFilterValue && !showAsTabs && (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-inserter__no-tab-container" - }, blocksTab)), showInserterHelpPanel && hoveredItem && (0,external_wp_element_namespaceObject.createElement)(preview_panel, { + }, blocksTab)), showMediaPanel && (0,external_wp_element_namespaceObject.createElement)(MediaCategoryDialog, { + rootClientId: destinationRootClientId, + onInsert: onInsert, + category: selectedMediaCategory + }), showInserterHelpPanel && hoveredItem && (0,external_wp_element_namespaceObject.createElement)(preview_panel, { item: hoveredItem + }), showPatternPanel && (0,external_wp_element_namespaceObject.createElement)(BlockPatternsCategoryDialog, { + rootClientId: destinationRootClientId, + onInsert: onInsertPattern, + onHover: onHoverPattern, + category: selectedPatternCategory, + showTitlesAsTooltip: true })); } @@ -27039,14 +38426,16 @@ function QuickInserter(_ref) { rootClientId, clientId, isAppender, - prioritizePatterns + prioritizePatterns, + selectBlockOnInsert } = _ref; const [filterValue, setFilterValue] = (0,external_wp_element_namespaceObject.useState)(''); const [destinationRootClientId, onInsertBlocks] = use_insertion_point({ onSelect, rootClientId, clientId, - isAppender + isAppender, + selectBlockOnInsert }); const [blockTypes] = use_block_types_state(destinationRootClientId, onInsertBlocks); const [patterns] = use_patterns_state(onInsertBlocks, destinationRootClientId); @@ -27096,6 +38485,7 @@ function QuickInserter(_ref) { 'has-expand': setInserterIsOpened }) }, showSearch && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SearchControl, { + __nextHasNoMarginBottom: true, className: "block-editor-inserter__search", value: filterValue, onChange: value => { @@ -27114,7 +38504,8 @@ function QuickInserter(_ref) { maxBlockPatterns: maxBlockPatterns, maxBlockTypes: SHOWN_BLOCK_TYPES, isDraggable: false, - prioritizePatterns: prioritizePatterns + prioritizePatterns: prioritizePatterns, + selectBlockOnInsert: selectBlockOnInsert })), setInserterIsOpened && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { className: "block-editor-inserter__quick-inserter-expand", onClick: onBrowseAll, @@ -27276,18 +38667,27 @@ class Inserter extends external_wp_element_namespaceObject.Component { // This prop is experimental to give some time for the quick inserter to mature // Feel free to make them stable after a few releases. __experimentalIsQuick: isQuick, - prioritizePatterns + prioritizePatterns, + onSelectOrClose, + selectBlockOnInsert } = this.props; if (isQuick) { return (0,external_wp_element_namespaceObject.createElement)(QuickInserter, { - onSelect: () => { + onSelect: blocks => { + const firstBlock = Array.isArray(blocks) && blocks !== null && blocks !== void 0 && blocks.length ? blocks[0] : blocks; + + if (onSelectOrClose && typeof onSelectOrClose === 'function') { + onSelectOrClose(firstBlock); + } + onClose(); }, rootClientId: rootClientId, clientId: clientId, isAppender: isAppender, - prioritizePatterns: prioritizePatterns + prioritizePatterns: prioritizePatterns, + selectBlockOnInsert: selectBlockOnInsert }); } @@ -27324,7 +38724,9 @@ class Inserter extends external_wp_element_namespaceObject.Component { contentClassName: classnames_default()('block-editor-inserter__popover', { 'is-quick': isQuick }), - position: position, + popoverProps: { + position + }, onToggle: this.onToggle, expandOnMobile: true, headerTitle: (0,external_wp_i18n_namespaceObject.__)('Add a block'), @@ -27341,12 +38743,13 @@ class Inserter extends external_wp_element_namespaceObject.Component { let { clientId, - rootClientId + rootClientId, + shouldDirectInsert = true } = _ref4; const { getBlockRootClientId, hasInserterItems, - __experimentalGetAllowedBlocks, + getAllowedBlocks, __experimentalGetDirectInsertBlock, getSettings } = select(store); @@ -27354,10 +38757,9 @@ class Inserter extends external_wp_element_namespaceObject.Component { getBlockVariations } = select(external_wp_blocks_namespaceObject.store); rootClientId = rootClientId || getBlockRootClientId(clientId) || undefined; + const allowedBlocks = getAllowedBlocks(rootClientId); - const allowedBlocks = __experimentalGetAllowedBlocks(rootClientId); - - const directInsertBlock = __experimentalGetDirectInsertBlock(rootClientId); + const directInsertBlock = shouldDirectInsert && __experimentalGetDirectInsertBlock(rootClientId); const settings = getSettings(); const hasSingleBlockType = (allowedBlocks === null || allowedBlocks === void 0 ? void 0 : allowedBlocks.length) === 1 && ((_getBlockVariations = getBlockVariations(allowedBlocks[0].name, 'inserter')) === null || _getBlockVariations === void 0 ? void 0 : _getBlockVariations.length) === 0; @@ -27389,7 +38791,8 @@ class Inserter extends external_wp_element_namespaceObject.Component { hasSingleBlockType, allowedBlockType, directInsertBlock, - onSelectOrClose + onSelectOrClose, + selectBlockOnInsert } = ownProps; if (!hasSingleBlockType && !directInsertBlock) { @@ -27481,10 +38884,14 @@ class Inserter extends external_wp_element_namespaceObject.Component { blockToInsert = (0,external_wp_blocks_namespaceObject.createBlock)(allowedBlockType.name); } - insertBlock(blockToInsert, getInsertionIndex(), rootClientId); + insertBlock(blockToInsert, getInsertionIndex(), rootClientId, selectBlockOnInsert); if (onSelectOrClose) { - onSelectOrClose(); + var _blockToInsert; + + onSelectOrClose({ + clientId: (_blockToInsert = blockToInsert) === null || _blockToInsert === void 0 ? void 0 : _blockToInsert.clientId + }); } const message = (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of the block that has been added @@ -27505,12 +38912,9 @@ class Inserter extends external_wp_element_namespaceObject.Component { return hasItems || !isAppender && !rootClientId && !clientId; })])(Inserter)); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/default-block-appender/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/appender.js -/** - * External dependencies - */ /** * WordPress dependencies @@ -27520,14109 +38924,89 @@ class Inserter extends external_wp_element_namespaceObject.Component { - /** * Internal dependencies */ -/** - * Zero width non-breaking space, used as padding for the paragraph when it is - * empty. - */ -const ZWNBSP = '\ufeff'; -function DefaultBlockAppender(_ref) { +const Appender = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) => { let { - isLocked, - onAppend, - showPrompt, - placeholder, - rootClientId - } = _ref; - - if (isLocked) { - return null; - } - - const value = (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(placeholder) || (0,external_wp_i18n_namespaceObject.__)('Type / to choose a block'); - - return (0,external_wp_element_namespaceObject.createElement)("div", { - "data-root-client-id": rootClientId || '', - className: classnames_default()('block-editor-default-block-appender', { - 'has-visible-prompt': showPrompt - }) - }, (0,external_wp_element_namespaceObject.createElement)("p", { - tabIndex: "0" // We want this element to be styled as a paragraph by themes. - // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role - , - role: "button", - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Add default block') // A wrapping container for this one already has the wp-block className. - , - className: "block-editor-default-block-appender__content", - onKeyDown: event => { - if (external_wp_keycodes_namespaceObject.ENTER === event.keyCode || external_wp_keycodes_namespaceObject.SPACE === event.keyCode) { - onAppend(); - } - }, - onClick: () => onAppend(), - onFocus: () => { - if (showPrompt) { - onAppend(); - } - } - }, showPrompt ? value : ZWNBSP), (0,external_wp_element_namespaceObject.createElement)(inserter, { - rootClientId: rootClientId, - position: "bottom right", - isAppender: true, - __experimentalIsQuick: true - })); -} -/* harmony default export */ var default_block_appender = ((0,external_wp_compose_namespaceObject.compose)((0,external_wp_data_namespaceObject.withSelect)((select, ownProps) => { - const { - getBlockCount, - getSettings, - getTemplateLock - } = select(store); - const isEmpty = !getBlockCount(ownProps.rootClientId); - const { - bodyPlaceholder - } = getSettings(); - return { - showPrompt: isEmpty, - isLocked: !!getTemplateLock(ownProps.rootClientId), - placeholder: bodyPlaceholder - }; -}), (0,external_wp_data_namespaceObject.withDispatch)((dispatch, ownProps) => { - const { - insertDefaultBlock, - startTyping - } = dispatch(store); - return { - onAppend() { - const { - rootClientId - } = ownProps; - insertDefaultBlock(undefined, rootClientId); - startTyping(); - } - - }; -}))(DefaultBlockAppender)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/button-block-appender/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - -function ButtonBlockAppender(_ref, ref) { - let { - rootClientId, - className, - onFocus, - tabIndex - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(inserter, { - position: "bottom center", - rootClientId: rootClientId, - __experimentalIsQuick: true, - renderToggle: _ref2 => { - let { - onToggle, - disabled, - isOpen, - blockTitle, - hasSingleBlockType - } = _ref2; - let label; - - if (hasSingleBlockType) { - label = (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of the block when there is only one - (0,external_wp_i18n_namespaceObject._x)('Add %s', 'directly add the only allowed block'), blockTitle); - } else { - label = (0,external_wp_i18n_namespaceObject._x)('Add block', 'Generic label for block inserter button'); - } - - const isToggleButton = !hasSingleBlockType; - let inserterButton = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - ref: ref, - onFocus: onFocus, - tabIndex: tabIndex, - className: classnames_default()(className, 'block-editor-button-block-appender'), - onClick: onToggle, - "aria-haspopup": isToggleButton ? 'true' : undefined, - "aria-expanded": isToggleButton ? isOpen : undefined, - disabled: disabled, - label: label - }, !hasSingleBlockType && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - as: "span" - }, label), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - icon: library_plus - })); - - if (isToggleButton || hasSingleBlockType) { - inserterButton = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { - text: label - }, inserterButton); - } - - return inserterButton; - }, - isAppender: true - }); -} -/** - * Use `ButtonBlockAppender` instead. - * - * @deprecated - */ - - -const ButtonBlockerAppender = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { - external_wp_deprecated_default()(`wp.blockEditor.ButtonBlockerAppender`, { - alternative: 'wp.blockEditor.ButtonBlockAppender', - since: '5.9' - }); - return ButtonBlockAppender(props, ref); -}); -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md - */ - -/* harmony default export */ var button_block_appender = ((0,external_wp_element_namespaceObject.forwardRef)(ButtonBlockAppender)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list-appender/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - - -function BlockListAppender(_ref) { - let { - rootClientId, - renderAppender: CustomAppender, - className, - tagName: TagName = 'div' + nestingLevel, + blockCount, + ...props } = _ref; + const [insertedBlock, setInsertedBlock] = (0,external_wp_element_namespaceObject.useState)(null); + const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(Appender); const { hideInserter, - canInsertDefaultBlock, - selectedBlockClientId + clientId } = (0,external_wp_data_namespaceObject.useSelect)(select => { const { - canInsertBlockType, getTemplateLock, - getSelectedBlockClientId, - __unstableGetEditorMode - } = select(store); - return { - hideInserter: !!getTemplateLock(rootClientId) || __unstableGetEditorMode() === 'zoom-out', - canInsertDefaultBlock: canInsertBlockType((0,external_wp_blocks_namespaceObject.getDefaultBlockName)(), rootClientId), - selectedBlockClientId: getSelectedBlockClientId() - }; - }, [rootClientId]); - - if (hideInserter || CustomAppender === false) { - return null; - } - - let appender; - - if (CustomAppender) { - // Prefer custom render prop if provided. - appender = (0,external_wp_element_namespaceObject.createElement)(CustomAppender, null); - } else { - const isParentSelected = selectedBlockClientId === rootClientId || !rootClientId && !selectedBlockClientId; - - if (!isParentSelected) { - return null; - } - - if (canInsertDefaultBlock) { - // Render the default block appender when renderAppender has not been - // provided and the context supports use of the default appender. - appender = (0,external_wp_element_namespaceObject.createElement)(default_block_appender, { - rootClientId: rootClientId - }); - } else { - // Fallback in the case no renderAppender has been provided and the - // default block can't be inserted. - appender = (0,external_wp_element_namespaceObject.createElement)(button_block_appender, { - rootClientId: rootClientId, - className: "block-list-appender__toggle" - }); - } - } - - return (0,external_wp_element_namespaceObject.createElement)(TagName // A `tabIndex` is used on the wrapping `div` element in order to - // force a focus event to occur when an appender `button` element - // is clicked. In some browsers (Firefox, Safari), button clicks do - // not emit a focus event, which could cause this event to propagate - // unexpectedly. The `tabIndex` ensures that the interaction is - // captured as a focus, without also adding an extra tab stop. - // - // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus - , { - tabIndex: -1, - className: classnames_default()('block-list-appender wp-block', className) // Needed in case the whole editor is content editable (for multi - // selection). It fixes an edge case where ArrowDown and ArrowRight - // should collapse the selection to the end of that selection and - // not into the appender. - , - contentEditable: false // The appender exists to let you add the first Paragraph before - // any is inserted. To that end, this appender should visually be - // presented as a block. That means theme CSS should style it as if - // it were an empty paragraph block. That means a `wp-block` class to - // ensure the width is correct, and a [data-block] attribute to ensure - // the correct margin is applied, especially for classic themes which - // have commonly targeted that attribute for margins. - , - "data-block": true - }, appender); -} - -/* harmony default export */ var block_list_appender = (BlockListAppender); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-popover/inbetween.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - -const inbetween_MAX_POPOVER_RECOMPUTE_COUNTER = Number.MAX_SAFE_INTEGER; -const InsertionPointOpenRef = (0,external_wp_element_namespaceObject.createContext)(); - -function BlockPopoverInbetween(_ref) { - let { - previousClientId, - nextClientId, - children, - __unstablePopoverSlot, - __unstableContentRef, - ...props - } = _ref; - // This is a temporary hack to get the inbetween inserter to recompute properly. - const [popoverRecomputeCounter, forcePopoverRecompute] = (0,external_wp_element_namespaceObject.useReducer)( // Module is there to make sure that the counter doesn't overflow. - s => (s + 1) % inbetween_MAX_POPOVER_RECOMPUTE_COUNTER, 0); - const { - orientation, - rootClientId, - isVisible - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getBlockListSettings; - - const { - getBlockListSettings, - getBlockRootClientId, - isBlockVisible + __unstableGetEditorMode, + getSelectedBlockClientId } = select(store); - const _rootClientId = getBlockRootClientId(previousClientId !== null && previousClientId !== void 0 ? previousClientId : nextClientId); + const _clientId = getSelectedBlockClientId(); return { - orientation: ((_getBlockListSettings = getBlockListSettings(_rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation) || 'vertical', - rootClientId: _rootClientId, - isVisible: isBlockVisible(previousClientId) && isBlockVisible(nextClientId) - }; - }, [previousClientId, nextClientId]); - const previousElement = useBlockElement(previousClientId); - const nextElement = useBlockElement(nextClientId); - const isVertical = orientation === 'vertical'; - const style = (0,external_wp_element_namespaceObject.useMemo)(() => { - if ( // popoverRecomputeCounter is by definition always equal or greater than 0. - // This check is only there to satisfy the correctness of the - // exhaustive-deps rule for the `useMemo` hook. - popoverRecomputeCounter < 0 || !previousElement && !nextElement || !isVisible) { - return {}; - } - - const previousRect = previousElement ? previousElement.getBoundingClientRect() : null; - const nextRect = nextElement ? nextElement.getBoundingClientRect() : null; - - if (isVertical) { - return { - width: previousRect ? previousRect.width : nextRect.width, - height: nextRect && previousRect ? nextRect.top - previousRect.bottom : 0 - }; - } - - let width = 0; - - if (previousRect && nextRect) { - width = (0,external_wp_i18n_namespaceObject.isRTL)() ? previousRect.left - nextRect.right : nextRect.left - previousRect.right; - } - - return { - width, - height: previousRect ? previousRect.height : nextRect.height - }; - }, [previousElement, nextElement, isVertical, popoverRecomputeCounter, isVisible]); - const popoverAnchor = (0,external_wp_element_namespaceObject.useMemo)(() => { - if ( // popoverRecomputeCounter is by definition always equal or greater than 0. - // This check is only there to satisfy the correctness of the - // exhaustive-deps rule for the `useMemo` hook. - popoverRecomputeCounter < 0 || !previousElement && !nextElement || !isVisible) { - return undefined; - } - - const { - ownerDocument - } = previousElement || nextElement; - return { - ownerDocument, - - getBoundingClientRect() { - const previousRect = previousElement ? previousElement.getBoundingClientRect() : null; - const nextRect = nextElement ? nextElement.getBoundingClientRect() : null; - let left = 0; - let top = 0; - - if (isVertical) { - // vertical - top = previousRect ? previousRect.bottom : nextRect.top; - - if ((0,external_wp_i18n_namespaceObject.isRTL)()) { - // vertical, rtl - left = previousRect ? previousRect.right : nextRect.right; - } else { - // vertical, ltr - left = previousRect ? previousRect.left : nextRect.left; - } - } else { - top = previousRect ? previousRect.top : nextRect.top; - - if ((0,external_wp_i18n_namespaceObject.isRTL)()) { - // non vertical, rtl - left = previousRect ? previousRect.left : nextRect.right; - } else { - // non vertical, ltr - left = previousRect ? previousRect.right : nextRect.left; - } - } - - return new window.DOMRect(left, top, 0, 0); - } - - }; - }, [previousElement, nextElement, popoverRecomputeCounter, isVertical, isVisible]); - const popoverScrollRef = use_popover_scroll(__unstableContentRef); // This is only needed for a smooth transition when moving blocks. - // When blocks are moved up/down, their position can be set by - // updating the `transform` property manually (i.e. without using CSS - // transitions or animations). The animation, which can also scroll the block - // editor, can sometimes cause the position of the Popover to get out of sync. - // A MutationObserver is therefore used to make sure that changes to the - // selectedElement's attribute (i.e. `transform`) can be tracked and used to - // trigger the Popover to rerender. - - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - if (!previousElement) { - return; - } - - const observer = new window.MutationObserver(forcePopoverRecompute); - observer.observe(previousElement, { - attributes: true - }); - return () => { - observer.disconnect(); - }; - }, [previousElement]); - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - if (!nextElement) { - return; - } - - const observer = new window.MutationObserver(forcePopoverRecompute); - observer.observe(nextElement, { - attributes: true - }); - return () => { - observer.disconnect(); - }; - }, [nextElement]); - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - if (!previousElement) { - return; - } - - previousElement.ownerDocument.defaultView.addEventListener('resize', forcePopoverRecompute); - return () => { - var _previousElement$owne; - - (_previousElement$owne = previousElement.ownerDocument.defaultView) === null || _previousElement$owne === void 0 ? void 0 : _previousElement$owne.removeEventListener('resize', forcePopoverRecompute); - }; - }, [previousElement]); // If there's either a previous or a next element, show the inbetween popover. - // Note that drag and drop uses the inbetween popover to show the drop indicator - // before the first block and after the last block. - - if (!previousElement && !nextElement || !isVisible) { - return null; - } - /* eslint-disable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */ - // While ideally it would be enough to capture the - // bubbling focus event from the Inserter, due to the - // characteristics of click focusing of `button`s in - // Firefox and Safari, it is not reliable. - // - // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus - - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, _extends({ - ref: popoverScrollRef, - animate: false, - anchor: popoverAnchor, - focusOnMount: false // Render in the old slot if needed for backward compatibility, - // otherwise render in place (not in the default popover slot). - , - __unstableSlotName: __unstablePopoverSlot || null // Forces a remount of the popover when its position changes - // This makes sure the popover doesn't animate from its previous position. - , - key: nextClientId + '--' + rootClientId - }, props, { - className: classnames_default()('block-editor-block-popover', 'block-editor-block-popover__inbetween', props.className), - resize: false, - flip: false, - placement: "bottom-start" - }), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-popover__inbetween-container", - style: style - }, children)); - /* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */ -} - -/* harmony default export */ var inbetween = (BlockPopoverInbetween); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/insertion-point.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - -const insertion_point_InsertionPointOpenRef = (0,external_wp_element_namespaceObject.createContext)(); - -function InsertionPointPopover(_ref) { - let { - __unstablePopoverSlot, - __unstableContentRef - } = _ref; - const { - selectBlock, - hideInsertionPoint - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const openRef = (0,external_wp_element_namespaceObject.useContext)(insertion_point_InsertionPointOpenRef); - const ref = (0,external_wp_element_namespaceObject.useRef)(); - const { - orientation, - previousClientId, - nextClientId, - rootClientId, - isInserterShown - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getBlockListSettings; - - const { - getBlockOrder, - getBlockListSettings, - getBlockInsertionPoint, - isBlockBeingDragged, - getPreviousBlockClientId, - getNextBlockClientId - } = select(store); - const insertionPoint = getBlockInsertionPoint(); - const order = getBlockOrder(insertionPoint.rootClientId); - - if (!order.length) { - return {}; - } - - let _previousClientId = order[insertionPoint.index - 1]; - let _nextClientId = order[insertionPoint.index]; - - while (isBlockBeingDragged(_previousClientId)) { - _previousClientId = getPreviousBlockClientId(_previousClientId); - } - - while (isBlockBeingDragged(_nextClientId)) { - _nextClientId = getNextBlockClientId(_nextClientId); - } - - return { - previousClientId: _previousClientId, - nextClientId: _nextClientId, - orientation: ((_getBlockListSettings = getBlockListSettings(insertionPoint.rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation) || 'vertical', - rootClientId: insertionPoint.rootClientId, - isInserterShown: insertionPoint === null || insertionPoint === void 0 ? void 0 : insertionPoint.__unstableWithInserter + clientId: getSelectedBlockClientId(), + hideInserter: !!getTemplateLock(_clientId) || __unstableGetEditorMode() === 'zoom-out' }; }, []); - const isVertical = orientation === 'vertical'; - const disableMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)(); - - function onClick(event) { - if (event.target === ref.current && nextClientId) { - selectBlock(nextClientId, -1); - } - } - - function onFocus(event) { - // Only handle click on the wrapper specifically, and not an event - // bubbled from the inserter itself. - if (event.target !== ref.current) { - openRef.current = true; - } - } - - function maybeHideInserterPoint(event) { - // Only hide the inserter if it's triggered on the wrapper, - // and the inserter is not open. - if (event.target === ref.current && !openRef.current) { - hideInsertionPoint(); - } - } // Define animation variants for the line element. - - - const horizontalLine = { - start: { - width: 0, - top: '50%', - bottom: '50%', - x: 0 - }, - rest: { - width: 4, - top: 0, - bottom: 0, - x: -2 - }, - hover: { - width: 4, - top: 0, - bottom: 0, - x: -2 - } - }; - const verticalLine = { - start: { - height: 0, - left: '50%', - right: '50%', - y: 0 - }, - rest: { - height: 4, - left: 0, - right: 0, - y: -2 - }, - hover: { - height: 4, - left: 0, - right: 0, - y: -2 - } - }; - const lineVariants = { - // Initial position starts from the center and invisible. - start: { ...(!isVertical ? horizontalLine.start : verticalLine.start), - opacity: 0 - }, - // The line expands to fill the container. If the inserter is visible it - // is delayed so it appears orchestrated. - rest: { ...(!isVertical ? horizontalLine.rest : verticalLine.rest), - opacity: 1, - borderRadius: '2px', - transition: { - delay: isInserterShown ? 0.4 : 0 - } - }, - hover: { ...(!isVertical ? horizontalLine.hover : verticalLine.hover), - opacity: 1, - borderRadius: '2px', - transition: { - delay: 0.4 - } - } - }; - const inserterVariants = { - start: { - scale: disableMotion ? 1 : 0 - }, - rest: { - scale: 1, - transition: { - delay: 0.2 - } - } - }; - const className = classnames_default()('block-editor-block-list__insertion-point', 'is-' + orientation); - return (0,external_wp_element_namespaceObject.createElement)(inbetween, { - previousClientId: previousClientId, - nextClientId: nextClientId, - __unstablePopoverSlot: __unstablePopoverSlot, - __unstableContentRef: __unstableContentRef - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { - layout: !disableMotion, - initial: disableMotion ? 'rest' : 'start', - animate: "rest", - whileHover: "hover", - whileTap: "pressed", - exit: "start", - ref: ref, - tabIndex: -1, - onClick: onClick, - onFocus: onFocus, - className: classnames_default()(className, { - 'is-with-inserter': isInserterShown - }), - onHoverEnd: maybeHideInserterPoint - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { - variants: lineVariants, - className: "block-editor-block-list__insertion-point-indicator", - "data-testid": "block-list-insertion-point-indicator" - }), isInserterShown && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { - variants: inserterVariants, - className: classnames_default()('block-editor-block-list__insertion-point-inserter') - }, (0,external_wp_element_namespaceObject.createElement)(inserter, { - position: "bottom center", - clientId: nextClientId, - rootClientId: rootClientId, - __experimentalIsQuick: true, - onToggle: isOpen => { - openRef.current = isOpen; - }, - onSelectOrClose: () => { - openRef.current = false; - } - })))); -} - -function InsertionPoint(props) { - const isVisible = (0,external_wp_data_namespaceObject.useSelect)(select => { - return select(store).isBlockInsertionPointVisible(); - }, []); - return isVisible && (0,external_wp_element_namespaceObject.createElement)(InsertionPointPopover, props); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/use-in-between-inserter.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -function useInBetweenInserter() { - const openRef = (0,external_wp_element_namespaceObject.useContext)(insertion_point_InsertionPointOpenRef); - const isInBetweenInserterDisabled = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings().hasReducedUI || select(store).__unstableGetEditorMode() === 'zoom-out', []); - const { - getBlockListSettings, - getBlockRootClientId, - getBlockIndex, - isBlockInsertionPointVisible, - isMultiSelecting, - getSelectedBlockClientIds, - getTemplateLock, - __unstableIsWithinBlockOverlay - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - showInsertionPoint, - hideInsertionPoint - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - return (0,external_wp_compose_namespaceObject.useRefEffect)(node => { - if (isInBetweenInserterDisabled) { - return; - } - - function onMouseMove(event) { - var _getBlockListSettings; - - if (openRef.current) { - return; - } - - if (isMultiSelecting()) { - return; - } - - if (!event.target.classList.contains('block-editor-block-list__layout')) { - if (isBlockInsertionPointVisible()) { - hideInsertionPoint(); - } - - return; - } - - let rootClientId; - - if (!event.target.classList.contains('is-root-container')) { - const blockElement = !!event.target.getAttribute('data-block') ? event.target : event.target.closest('[data-block]'); - rootClientId = blockElement.getAttribute('data-block'); - } // Don't set the insertion point if the template is locked. - - - if (getTemplateLock(rootClientId)) { - return; - } - - const orientation = ((_getBlockListSettings = getBlockListSettings(rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation) || 'vertical'; - const rect = event.target.getBoundingClientRect(); - const offsetTop = event.clientY - rect.top; - const offsetLeft = event.clientX - rect.left; - const children = Array.from(event.target.children); - let element = children.find(blockEl => { - return blockEl.classList.contains('wp-block') && orientation === 'vertical' && blockEl.offsetTop > offsetTop || blockEl.classList.contains('wp-block') && orientation === 'horizontal' && blockEl.offsetLeft > offsetLeft; - }); - - if (!element) { - return; - } // The block may be in an alignment wrapper, so check the first direct - // child if the element has no ID. - - - if (!element.id) { - element = element.firstElementChild; - - if (!element) { - return; - } - } // Don't show the insertion point if a parent block has an "overlay" - // See https://github.com/WordPress/gutenberg/pull/34012#pullrequestreview-727762337 - - - const clientId = element.id.slice('block-'.length); - - if (!clientId || __unstableIsWithinBlockOverlay(clientId)) { - return; - } // Don't show the inserter when hovering above (conflicts with - // block toolbar) or inside selected block(s). - - - if (getSelectedBlockClientIds().includes(clientId)) { - return; - } - - const elementRect = element.getBoundingClientRect(); - - if (orientation === 'horizontal' && (event.clientY > elementRect.bottom || event.clientY < elementRect.top) || orientation === 'vertical' && (event.clientX > elementRect.right || event.clientX < elementRect.left)) { - if (isBlockInsertionPointVisible()) { - hideInsertionPoint(); - } - - return; - } - - const index = getBlockIndex(clientId); // Don't show the in-between inserter before the first block in - // the list (preserves the original behaviour). - - if (index === 0) { - if (isBlockInsertionPointVisible()) { - hideInsertionPoint(); - } - - return; - } - - showInsertionPoint(rootClientId, index, { - __unstableWithInserter: true - }); - } - - node.addEventListener('mousemove', onMouseMove); - return () => { - node.removeEventListener('mousemove', onMouseMove); - }; - }, [openRef, getBlockListSettings, getBlockRootClientId, getBlockIndex, isBlockInsertionPointVisible, isMultiSelecting, showInsertionPoint, hideInsertionPoint, getSelectedBlockClientIds, isInBetweenInserterDisabled]); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/pre-parse-patterns.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -const requestIdleCallback = (() => { - if (typeof window === 'undefined') { - return callback => { - setTimeout(() => callback(Date.now()), 0); - }; - } - - return window.requestIdleCallback || window.requestAnimationFrame; -})(); - -const cancelIdleCallback = (() => { - if (typeof window === 'undefined') { - return clearTimeout; - } - - return window.cancelIdleCallback || window.cancelAnimationFrame; -})(); - -function usePreParsePatterns() { - const patterns = (0,external_wp_data_namespaceObject.useSelect)(_select => _select(store).getSettings().__experimentalBlockPatterns, []); - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (!(patterns !== null && patterns !== void 0 && patterns.length)) { - return; - } - - let handle; - let index = -1; - - const callback = () => { - index++; - - if (index >= patterns.length) { - return; - } - - (0,external_wp_data_namespaceObject.select)(store).__experimentalGetParsedPattern(patterns[index].name); - - handle = requestIdleCallback(callback); - }; - - handle = requestIdleCallback(callback); - return () => cancelIdleCallback(handle); - }, [patterns]); - return null; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-block-display-information/index.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -/** @typedef {import('@wordpress/blocks').WPIcon} WPIcon */ - -/** - * Contains basic block's information for display reasons. - * - * @typedef {Object} WPBlockDisplayInformation - * - * @property {string} title Human-readable block type label. - * @property {WPIcon} icon Block type icon. - * @property {string} description A detailed block type description. - * @property {string} anchor HTML anchor. - */ - -/** - * Hook used to try to find a matching block variation and return - * the appropriate information for display reasons. In order to - * to try to find a match we need to things: - * 1. Block's client id to extract it's current attributes. - * 2. A block variation should have set `isActive` prop to a proper function. - * - * If for any reason a block variaton match cannot be found, - * the returned information come from the Block Type. - * If no blockType is found with the provided clientId, returns null. - * - * @param {string} clientId Block's client id. - * @return {?WPBlockDisplayInformation} Block's display information, or `null` when the block or its type not found. - */ - -function useBlockDisplayInformation(clientId) { - return (0,external_wp_data_namespaceObject.useSelect)(select => { - if (!clientId) return null; - const { - getBlockName, - getBlockAttributes - } = select(store); - const { - getBlockType, - getActiveBlockVariation - } = select(external_wp_blocks_namespaceObject.store); - const blockName = getBlockName(clientId); - const blockType = getBlockType(blockName); - if (!blockType) return null; - const attributes = getBlockAttributes(clientId); - const match = getActiveBlockVariation(blockName, attributes); - const blockTypeInfo = { - title: blockType.title, - icon: blockType.icon, - description: blockType.description, - anchor: attributes === null || attributes === void 0 ? void 0 : attributes.anchor - }; - if (!match) return blockTypeInfo; - return { - title: match.title || blockType.title, - icon: match.icon || blockType.icon, - description: match.description || blockType.description, - anchor: attributes === null || attributes === void 0 ? void 0 : attributes.anchor - }; - }, [clientId]); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-title/use-block-display-title.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -/** - * Returns the block's configured title as a string, or empty if the title - * cannot be determined. - * - * @example - * - * ```js - * useBlockDisplayTitle( { clientId: 'afd1cb17-2c08-4e7a-91be-007ba7ddc3a1', maximumLength: 17 } ); - * ``` - * - * @param {Object} props - * @param {string} props.clientId Client ID of block. - * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated. - * @param {string|undefined} props.context The context to pass to `getBlockLabel`. - * @return {?string} Block title. - */ - -function useBlockDisplayTitle(_ref) { - let { - clientId, - maximumLength, - context - } = _ref; - const { - attributes, - name, - reusableBlockTitle - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - if (!clientId) { - return {}; - } - - const { - getBlockName, - getBlockAttributes, - __experimentalGetReusableBlockTitle - } = select(store); - const blockName = getBlockName(clientId); - - if (!blockName) { - return {}; - } - - const isReusable = (0,external_wp_blocks_namespaceObject.isReusableBlock)((0,external_wp_blocks_namespaceObject.getBlockType)(blockName)); - return { - attributes: getBlockAttributes(clientId), - name: blockName, - reusableBlockTitle: isReusable && __experimentalGetReusableBlockTitle(getBlockAttributes(clientId).ref) - }; - }, [clientId]); - const blockInformation = useBlockDisplayInformation(clientId); - - if (!name || !blockInformation) { - return null; - } - - const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(name); - const blockLabel = blockType ? (0,external_wp_blocks_namespaceObject.__experimentalGetBlockLabel)(blockType, attributes, context) : null; - const label = reusableBlockTitle || blockLabel; // Label will fallback to the title if no label is defined for the current - // label context. If the label is defined we prioritize it over a - // possible block variation title match. - - const blockTitle = label && label !== blockType.title ? label : blockInformation.title; - - if (maximumLength && maximumLength > 0 && blockTitle.length > maximumLength) { - const omission = '...'; - return blockTitle.slice(0, maximumLength - omission.length) + omission; - } - - return blockTitle; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-title/index.js -/** - * Internal dependencies - */ - -/** - * Renders the block's configured title as a string, or empty if the title - * cannot be determined. - * - * @example - * - * ```jsx - * - * ``` - * - * @param {Object} props - * @param {string} props.clientId Client ID of block. - * @param {number|undefined} props.maximumLength The maximum length that the block title string may be before truncated. - * @param {string|undefined} props.context The context to pass to `getBlockLabel`. - * - * @return {JSX.Element} Block title. - */ - -function BlockTitle(_ref) { - let { - clientId, - maximumLength, - context - } = _ref; - return useBlockDisplayTitle({ - clientId, - maximumLength, - context - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/use-scroll-when-dragging.js -/** - * WordPress dependencies - */ - - -const SCROLL_INACTIVE_DISTANCE_PX = 50; -const SCROLL_INTERVAL_MS = 25; -const PIXELS_PER_SECOND_PER_PERCENTAGE = 1000; -const VELOCITY_MULTIPLIER = PIXELS_PER_SECOND_PER_PERCENTAGE * (SCROLL_INTERVAL_MS / 1000); -/** - * React hook that scrolls the scroll container when a block is being dragged. - * - * @return {Function[]} `startScrolling`, `scrollOnDragOver`, `stopScrolling` - * functions to be called in `onDragStart`, `onDragOver` - * and `onDragEnd` events respectively. - */ - -function useScrollWhenDragging() { - const dragStartY = (0,external_wp_element_namespaceObject.useRef)(null); - const velocityY = (0,external_wp_element_namespaceObject.useRef)(null); - const scrollParentY = (0,external_wp_element_namespaceObject.useRef)(null); - const scrollEditorInterval = (0,external_wp_element_namespaceObject.useRef)(null); // Clear interval when unmounting. - - (0,external_wp_element_namespaceObject.useEffect)(() => () => { - if (scrollEditorInterval.current) { - clearInterval(scrollEditorInterval.current); - scrollEditorInterval.current = null; - } - }, []); - const startScrolling = (0,external_wp_element_namespaceObject.useCallback)(event => { - dragStartY.current = event.clientY; // Find nearest parent(s) to scroll. - - scrollParentY.current = (0,external_wp_dom_namespaceObject.getScrollContainer)(event.target); - scrollEditorInterval.current = setInterval(() => { - if (scrollParentY.current && velocityY.current) { - const newTop = scrollParentY.current.scrollTop + velocityY.current; // Setting `behavior: 'smooth'` as a scroll property seems to hurt performance. - // Better to use a small scroll interval. - - scrollParentY.current.scroll({ - top: newTop - }); - } - }, SCROLL_INTERVAL_MS); - }, []); - const scrollOnDragOver = (0,external_wp_element_namespaceObject.useCallback)(event => { - if (!scrollParentY.current) { - return; - } - - const scrollParentHeight = scrollParentY.current.offsetHeight; - const offsetDragStartPosition = dragStartY.current - scrollParentY.current.offsetTop; - const offsetDragPosition = event.clientY - scrollParentY.current.offsetTop; - - if (event.clientY > offsetDragStartPosition) { - // User is dragging downwards. - const moveableDistance = Math.max(scrollParentHeight - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); - const dragDistance = Math.max(offsetDragPosition - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); - const distancePercentage = dragDistance / moveableDistance; - velocityY.current = VELOCITY_MULTIPLIER * distancePercentage; - } else if (event.clientY < offsetDragStartPosition) { - // User is dragging upwards. - const moveableDistance = Math.max(offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); - const dragDistance = Math.max(offsetDragStartPosition - offsetDragPosition - SCROLL_INACTIVE_DISTANCE_PX, 0); - const distancePercentage = dragDistance / moveableDistance; - velocityY.current = -VELOCITY_MULTIPLIER * distancePercentage; - } else { - velocityY.current = 0; - } - }, []); - - const stopScrolling = () => { - dragStartY.current = null; - scrollParentY.current = null; - - if (scrollEditorInterval.current) { - clearInterval(scrollEditorInterval.current); - scrollEditorInterval.current = null; - } - }; - - return [startScrolling, scrollOnDragOver, stopScrolling]; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/index.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - -const BlockDraggable = _ref => { - let { - children, - clientIds, - cloneClassname, - onDragStart, - onDragEnd - } = _ref; - const { - srcRootClientId, - isDraggable, - icon - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getBlockType; - - const { - canMoveBlocks, - getBlockRootClientId, - getBlockName - } = select(store); - const rootClientId = getBlockRootClientId(clientIds[0]); - const blockName = getBlockName(clientIds[0]); - return { - srcRootClientId: rootClientId, - isDraggable: canMoveBlocks(clientIds, rootClientId), - icon: (_getBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockName)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.icon - }; - }, [clientIds]); - const isDragging = (0,external_wp_element_namespaceObject.useRef)(false); - const [startScrolling, scrollOnDragOver, stopScrolling] = useScrollWhenDragging(); - const { - startDraggingBlocks, - stopDraggingBlocks - } = (0,external_wp_data_namespaceObject.useDispatch)(store); // Stop dragging blocks if the block draggable is unmounted. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - return () => { - if (isDragging.current) { - stopDraggingBlocks(); - } - }; - }, []); - - if (!isDraggable) { - return children({ - isDraggable: false - }); - } - - const transferData = { - type: 'block', - srcClientIds: clientIds, - srcRootClientId - }; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Draggable, { - cloneClassname: cloneClassname, - __experimentalTransferDataType: "wp-blocks", - transferData: transferData, - onDragStart: event => { - startDraggingBlocks(clientIds); - isDragging.current = true; - startScrolling(event); - - if (onDragStart) { - onDragStart(); - } - }, - onDragOver: scrollOnDragOver, - onDragEnd: () => { - stopDraggingBlocks(); - isDragging.current = false; - stopScrolling(); - - if (onDragEnd) { - onDragEnd(); - } - }, - __experimentalDragComponent: (0,external_wp_element_namespaceObject.createElement)(BlockDraggableChip, { - count: clientIds.length, - icon: icon - }) - }, _ref2 => { - let { - onDraggableStart, - onDraggableEnd - } = _ref2; - return children({ - draggable: true, - onDragStart: onDraggableStart, - onDragEnd: onDraggableEnd - }); - }); -}; - -/* harmony default export */ var block_draggable = (BlockDraggable); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right.js - - -/** - * WordPress dependencies - */ - -const chevronRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z" -})); -/* harmony default export */ var chevron_right = (chevronRight); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left.js - - -/** - * WordPress dependencies - */ - -const chevronLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z" -})); -/* harmony default export */ var chevron_left = (chevronLeft); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js - - -/** - * WordPress dependencies - */ - -const chevronUp = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z" -})); -/* harmony default export */ var chevron_up = (chevronUp); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js - - -/** - * WordPress dependencies - */ - -const chevronDown = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" -})); -/* harmony default export */ var chevron_down = (chevronDown); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/mover-description.js -/** - * WordPress dependencies - */ - - -const getMovementDirection = (moveDirection, orientation) => { - if (moveDirection === 'up') { - if (orientation === 'horizontal') { - return (0,external_wp_i18n_namespaceObject.isRTL)() ? 'right' : 'left'; - } - - return 'up'; - } else if (moveDirection === 'down') { - if (orientation === 'horizontal') { - return (0,external_wp_i18n_namespaceObject.isRTL)() ? 'left' : 'right'; - } - - return 'down'; - } - - return null; -}; -/** - * Return a label for the block movement controls depending on block position. - * - * @param {number} selectedCount Number of blocks selected. - * @param {string} type Block type - in the case of a single block, should - * define its 'type'. I.e. 'Text', 'Heading', 'Image' etc. - * @param {number} firstIndex The index (position - 1) of the first block selected. - * @param {boolean} isFirst This is the first block. - * @param {boolean} isLast This is the last block. - * @param {number} dir Direction of movement (> 0 is considered to be going - * down, < 0 is up). - * @param {string} orientation The orientation of the block movers, vertical or - * horizontal. - * - * @return {string} Label for the block movement controls. - */ - - -function getBlockMoverDescription(selectedCount, type, firstIndex, isFirst, isLast, dir, orientation) { - const position = firstIndex + 1; - - if (selectedCount > 1) { - return getMultiBlockMoverDescription(selectedCount, firstIndex, isFirst, isLast, dir, orientation); - } - - if (isFirst && isLast) { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Type of block (i.e. Text, Image etc) - (0,external_wp_i18n_namespaceObject.__)('Block %s is the only block, and cannot be moved'), type); - } - - if (dir > 0 && !isLast) { - // Moving down. - const movementDirection = getMovementDirection('down', orientation); - - if (movementDirection === 'down') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position - (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d down to position %3$d'), type, position, position + 1); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position - (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d left to position %3$d'), type, position, position + 1); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position - (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d right to position %3$d'), type, position, position + 1); - } - } - - if (dir > 0 && isLast) { - // Moving down, and is the last item. - const movementDirection = getMovementDirection('down', orientation); - - if (movementDirection === 'down') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) - (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the end of the content and can’t be moved down'), type); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) - (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the end of the content and can’t be moved left'), type); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) - (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the end of the content and can’t be moved right'), type); - } - } - - if (dir < 0 && !isFirst) { - // Moving up. - const movementDirection = getMovementDirection('up', orientation); - - if (movementDirection === 'up') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position - (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d up to position %3$d'), type, position, position - 1); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position - (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d left to position %3$d'), type, position, position - 1); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position - (0,external_wp_i18n_namespaceObject.__)('Move %1$s block from position %2$d right to position %3$d'), type, position, position - 1); - } - } - - if (dir < 0 && isFirst) { - // Moving up, and is the first item. - const movementDirection = getMovementDirection('up', orientation); - - if (movementDirection === 'up') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) - (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the beginning of the content and can’t be moved up'), type); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) - (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the beginning of the content and can’t be moved left'), type); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Type of block (i.e. Text, Image etc) - (0,external_wp_i18n_namespaceObject.__)('Block %1$s is at the beginning of the content and can’t be moved right'), type); - } - } -} -/** - * Return a label for the block movement controls depending on block position. - * - * @param {number} selectedCount Number of blocks selected. - * @param {number} firstIndex The index (position - 1) of the first block selected. - * @param {boolean} isFirst This is the first block. - * @param {boolean} isLast This is the last block. - * @param {number} dir Direction of movement (> 0 is considered to be going - * down, < 0 is up). - * @param {string} orientation The orientation of the block movers, vertical or - * horizontal. - * - * @return {string} Label for the block movement controls. - */ - -function getMultiBlockMoverDescription(selectedCount, firstIndex, isFirst, isLast, dir, orientation) { - const position = firstIndex + 1; - - if (isFirst && isLast) { - // All blocks are selected - return (0,external_wp_i18n_namespaceObject.__)('All blocks are selected, and cannot be moved'); - } - - if (dir > 0 && !isLast) { - // moving down - const movementDirection = getMovementDirection('down', orientation); - - if (movementDirection === 'down') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks - (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d down by one place'), selectedCount, position); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks - (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d left by one place'), selectedCount, position); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks - (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d right by one place'), selectedCount, position); - } - } - - if (dir > 0 && isLast) { - // moving down, and the selected blocks are the last item - const movementDirection = getMovementDirection('down', orientation); - - if (movementDirection === 'down') { - return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved down as they are already at the bottom'); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved left as they are already are at the leftmost position'); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved right as they are already are at the rightmost position'); - } - } - - if (dir < 0 && !isFirst) { - // moving up - const movementDirection = getMovementDirection('up', orientation); - - if (movementDirection === 'up') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks - (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d up by one place'), selectedCount, position); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks - (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d left by one place'), selectedCount, position); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: 1: Number of selected blocks, 2: Position of selected blocks - (0,external_wp_i18n_namespaceObject.__)('Move %1$d blocks from position %2$d right by one place'), selectedCount, position); - } - } - - if (dir < 0 && isFirst) { - // moving up, and the selected blocks are the first item - const movementDirection = getMovementDirection('up', orientation); - - if (movementDirection === 'up') { - return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved up as they are already at the top'); - } - - if (movementDirection === 'left') { - return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved left as they are already are at the leftmost position'); - } - - if (movementDirection === 'right') { - return (0,external_wp_i18n_namespaceObject.__)('Blocks cannot be moved right as they are already are at the rightmost position'); - } - } -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/button.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - - -/** - * Internal dependencies - */ - - - - - -const getArrowIcon = (direction, orientation) => { - if (direction === 'up') { - if (orientation === 'horizontal') { - return (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_right : chevron_left; - } - - return chevron_up; - } else if (direction === 'down') { - if (orientation === 'horizontal') { - return (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left : chevron_right; - } - - return chevron_down; - } - - return null; -}; - -const getMovementDirectionLabel = (moveDirection, orientation) => { - if (moveDirection === 'up') { - if (orientation === 'horizontal') { - return (0,external_wp_i18n_namespaceObject.isRTL)() ? (0,external_wp_i18n_namespaceObject.__)('Move right') : (0,external_wp_i18n_namespaceObject.__)('Move left'); - } - - return (0,external_wp_i18n_namespaceObject.__)('Move up'); - } else if (moveDirection === 'down') { - if (orientation === 'horizontal') { - return (0,external_wp_i18n_namespaceObject.isRTL)() ? (0,external_wp_i18n_namespaceObject.__)('Move left') : (0,external_wp_i18n_namespaceObject.__)('Move right'); - } - - return (0,external_wp_i18n_namespaceObject.__)('Move down'); - } - - return null; -}; - -const BlockMoverButton = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) => { - let { - clientIds, - direction, - orientation: moverOrientation, - ...props - } = _ref; - const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockMoverButton); - const normalizedClientIds = Array.isArray(clientIds) ? clientIds : [clientIds]; - const blocksCount = normalizedClientIds.length; - const { - blockType, - isDisabled, - rootClientId, - isFirst, - isLast, - firstIndex, - orientation = 'vertical' - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockIndex, - getBlockRootClientId, - getBlockOrder, - getBlock, - getBlockListSettings - } = select(store); - const firstClientId = normalizedClientIds[0]; - const blockRootClientId = getBlockRootClientId(firstClientId); - const firstBlockIndex = getBlockIndex(firstClientId); - const lastBlockIndex = getBlockIndex(normalizedClientIds[normalizedClientIds.length - 1]); - const blockOrder = getBlockOrder(blockRootClientId); - const block = getBlock(firstClientId); - const isFirstBlock = firstBlockIndex === 0; - const isLastBlock = lastBlockIndex === blockOrder.length - 1; - const { - orientation: blockListOrientation - } = getBlockListSettings(blockRootClientId) || {}; - return { - blockType: block ? (0,external_wp_blocks_namespaceObject.getBlockType)(block.name) : null, - isDisabled: direction === 'up' ? isFirstBlock : isLastBlock, - rootClientId: blockRootClientId, - firstIndex: firstBlockIndex, - isFirst: isFirstBlock, - isLast: isLastBlock, - orientation: moverOrientation || blockListOrientation - }; - }, [clientIds, direction]); - const { - moveBlocksDown, - moveBlocksUp - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const moverFunction = direction === 'up' ? moveBlocksUp : moveBlocksDown; - - const onClick = event => { - moverFunction(clientIds, rootClientId); - - if (props.onClick) { - props.onClick(event); - } - }; - - const descriptionId = `block-editor-block-mover-button__description-${instanceId}`; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({ - ref: ref, - className: classnames_default()('block-editor-block-mover-button', `is-${direction}-button`), - icon: getArrowIcon(direction, orientation), - label: getMovementDirectionLabel(direction, orientation), - "aria-describedby": descriptionId - }, props, { - onClick: isDisabled ? null : onClick, - disabled: isDisabled, - __experimentalIsFocusable: true - })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - id: descriptionId - }, getBlockMoverDescription(blocksCount, blockType && blockType.title, firstIndex, isFirst, isLast, direction === 'up' ? -1 : 1, orientation))); -}); -const BlockMoverUpButton = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { - return (0,external_wp_element_namespaceObject.createElement)(BlockMoverButton, _extends({ - direction: "up", - ref: ref - }, props)); -}); -const BlockMoverDownButton = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { - return (0,external_wp_element_namespaceObject.createElement)(BlockMoverButton, _extends({ - direction: "down", - ref: ref - }, props)); -}); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/index.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - - -function BlockMover(_ref) { - let { - clientIds, - hideDragHandle - } = _ref; - const { - canMove, - rootClientId, - isFirst, - isLast, - orientation - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getBlockListSettings; - - const { - getBlockIndex, - getBlockListSettings, - canMoveBlocks, - getBlockOrder, - getBlockRootClientId - } = select(store); - const normalizedClientIds = Array.isArray(clientIds) ? clientIds : [clientIds]; - const firstClientId = normalizedClientIds[0]; - - const _rootClientId = getBlockRootClientId(firstClientId); - - const firstIndex = getBlockIndex(firstClientId); - const lastIndex = getBlockIndex(normalizedClientIds[normalizedClientIds.length - 1]); - const blockOrder = getBlockOrder(_rootClientId); - return { - canMove: canMoveBlocks(clientIds, _rootClientId), - rootClientId: _rootClientId, - isFirst: firstIndex === 0, - isLast: lastIndex === blockOrder.length - 1, - orientation: (_getBlockListSettings = getBlockListSettings(_rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation - }; - }, [clientIds]); - - if (!canMove || isFirst && isLast && !rootClientId) { - return null; - } - - const dragHandleLabel = (0,external_wp_i18n_namespaceObject.__)('Drag'); - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { - className: classnames_default()('block-editor-block-mover', { - 'is-horizontal': orientation === 'horizontal' - }) - }, !hideDragHandle && (0,external_wp_element_namespaceObject.createElement)(block_draggable, { - clientIds: clientIds - }, draggableProps => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({ - icon: drag_handle, - className: "block-editor-block-mover__drag-handle", - "aria-hidden": "true", - label: dragHandleLabel // Should not be able to tab to drag handle as this - // button can only be used with a pointer device. - , - tabIndex: "-1" - }, draggableProps))), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-mover__move-button-container" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, itemProps => (0,external_wp_element_namespaceObject.createElement)(BlockMoverUpButton, _extends({ - clientIds: clientIds - }, itemProps))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, itemProps => (0,external_wp_element_namespaceObject.createElement)(BlockMoverDownButton, _extends({ - clientIds: clientIds - }, itemProps))))); -} -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-mover/README.md - */ - - -/* harmony default export */ var block_mover = (BlockMover); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/block-selection-button.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - - - - - -/** - * Internal dependencies - */ - - - - - - - - -/** - * Block selection button component, displaying the label of the block. If the block - * descends from a root block, a button is displayed enabling the user to select - * the root block. - * - * @param {string} props Component props. - * @param {string} props.clientId Client ID of block. - * - * @return {WPComponent} The component to be rendered. - */ - -function BlockSelectionButton(_ref) { - let { - clientId, - rootClientId - } = _ref; - const blockInformation = useBlockDisplayInformation(clientId); - const selected = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getBlockListSettings; - - const { - getBlock, - getBlockIndex, - hasBlockMovingClientId, - getBlockListSettings, - __unstableGetEditorMode - } = select(store); - const index = getBlockIndex(clientId); - const { - name, - attributes - } = getBlock(clientId); - const blockMovingMode = hasBlockMovingClientId(); - return { - index, - name, - attributes, - blockMovingMode, - orientation: (_getBlockListSettings = getBlockListSettings(rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation, - editorMode: __unstableGetEditorMode() - }; - }, [clientId, rootClientId]); - const { - index, - name, - attributes, - blockMovingMode, - orientation, - editorMode - } = selected; - const { - setNavigationMode, - removeBlock - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const ref = (0,external_wp_element_namespaceObject.useRef)(); - const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(name); - const label = (0,external_wp_blocks_namespaceObject.__experimentalGetAccessibleBlockLabel)(blockType, attributes, index + 1, orientation); // Focus the breadcrumb in navigation mode. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - ref.current.focus(); - (0,external_wp_a11y_namespaceObject.speak)(label); - }, [label]); - const blockElement = useBlockElement(clientId); - const { - hasBlockMovingClientId, - getBlockIndex, - getBlockRootClientId, - getClientIdsOfDescendants, - getSelectedBlockClientId, - getMultiSelectedBlocksEndClientId, - getPreviousBlockClientId, - getNextBlockClientId - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - selectBlock, - clearSelectedBlock, - setBlockMovingClientId, - moveBlockToPosition - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - - function onKeyDown(event) { - const { - keyCode - } = event; - const isUp = keyCode === external_wp_keycodes_namespaceObject.UP; - const isDown = keyCode === external_wp_keycodes_namespaceObject.DOWN; - const isLeft = keyCode === external_wp_keycodes_namespaceObject.LEFT; - const isRight = keyCode === external_wp_keycodes_namespaceObject.RIGHT; - const isTab = keyCode === external_wp_keycodes_namespaceObject.TAB; - const isEscape = keyCode === external_wp_keycodes_namespaceObject.ESCAPE; - const isEnter = keyCode === external_wp_keycodes_namespaceObject.ENTER; - const isSpace = keyCode === external_wp_keycodes_namespaceObject.SPACE; - const isShift = event.shiftKey; - - if (keyCode === external_wp_keycodes_namespaceObject.BACKSPACE || keyCode === external_wp_keycodes_namespaceObject.DELETE) { - removeBlock(clientId); - event.preventDefault(); - return; - } - - const selectedBlockClientId = getSelectedBlockClientId(); - const selectionEndClientId = getMultiSelectedBlocksEndClientId(); - const selectionBeforeEndClientId = getPreviousBlockClientId(selectionEndClientId || selectedBlockClientId); - const selectionAfterEndClientId = getNextBlockClientId(selectionEndClientId || selectedBlockClientId); - const navigateUp = isTab && isShift || isUp; - const navigateDown = isTab && !isShift || isDown; // Move out of current nesting level (no effect if at root level). - - const navigateOut = isLeft; // Move into next nesting level (no effect if the current block has no innerBlocks). - - const navigateIn = isRight; - let focusedBlockUid; - - if (navigateUp) { - focusedBlockUid = selectionBeforeEndClientId; - } else if (navigateDown) { - focusedBlockUid = selectionAfterEndClientId; - } else if (navigateOut) { - var _getBlockRootClientId; - - focusedBlockUid = (_getBlockRootClientId = getBlockRootClientId(selectedBlockClientId)) !== null && _getBlockRootClientId !== void 0 ? _getBlockRootClientId : selectedBlockClientId; - } else if (navigateIn) { - var _getClientIdsOfDescen; - - focusedBlockUid = (_getClientIdsOfDescen = getClientIdsOfDescendants([selectedBlockClientId])[0]) !== null && _getClientIdsOfDescen !== void 0 ? _getClientIdsOfDescen : selectedBlockClientId; - } - - const startingBlockClientId = hasBlockMovingClientId(); - - if (isEscape && startingBlockClientId && !event.defaultPrevented) { - setBlockMovingClientId(null); - event.preventDefault(); - } - - if ((isEnter || isSpace) && startingBlockClientId) { - const sourceRoot = getBlockRootClientId(startingBlockClientId); - const destRoot = getBlockRootClientId(selectedBlockClientId); - const sourceBlockIndex = getBlockIndex(startingBlockClientId); - let destinationBlockIndex = getBlockIndex(selectedBlockClientId); - - if (sourceBlockIndex < destinationBlockIndex && sourceRoot === destRoot) { - destinationBlockIndex -= 1; - } - - moveBlockToPosition(startingBlockClientId, sourceRoot, destRoot, destinationBlockIndex); - selectBlock(startingBlockClientId); - setBlockMovingClientId(null); - } - - if (navigateDown || navigateUp || navigateOut || navigateIn) { - if (focusedBlockUid) { - event.preventDefault(); - selectBlock(focusedBlockUid); - } else if (isTab && selectedBlockClientId) { - let nextTabbable; - - if (navigateDown) { - nextTabbable = blockElement; - - do { - nextTabbable = external_wp_dom_namespaceObject.focus.tabbable.findNext(nextTabbable); - } while (nextTabbable && blockElement.contains(nextTabbable)); - - if (!nextTabbable) { - nextTabbable = blockElement.ownerDocument.defaultView.frameElement; - nextTabbable = external_wp_dom_namespaceObject.focus.tabbable.findNext(nextTabbable); - } - } else { - nextTabbable = external_wp_dom_namespaceObject.focus.tabbable.findPrevious(blockElement); - } - - if (nextTabbable) { - event.preventDefault(); - nextTabbable.focus(); - clearSelectedBlock(); - } - } - } - } - - const classNames = classnames_default()('block-editor-block-list__block-selection-button', { - 'is-block-moving-mode': !!blockMovingMode - }); - - const dragHandleLabel = (0,external_wp_i18n_namespaceObject.__)('Drag'); - - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: classNames - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { - justify: "center", - className: "block-editor-block-list__block-selection-button__content" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon, - showColors: true - })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, editorMode === 'zoom-out' && (0,external_wp_element_namespaceObject.createElement)(block_mover, { - clientIds: [clientId], - hideDragHandle: true - }), editorMode === 'navigation' && (0,external_wp_element_namespaceObject.createElement)(block_draggable, { - clientIds: [clientId] - }, draggableProps => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({ - icon: drag_handle, - className: "block-selection-button_drag-handle", - "aria-hidden": "true", - label: dragHandleLabel // Should not be able to tab to drag handle as this - // button can only be used with a pointer device. - , - tabIndex: "-1" - }, draggableProps)))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - ref: ref, - onClick: editorMode === 'navigation' ? () => setNavigationMode(false) : undefined, - onKeyDown: onKeyDown, - label: label, - showTooltip: false, - className: "block-selection-button_select-button" - }, (0,external_wp_element_namespaceObject.createElement)(BlockTitle, { - clientId: clientId, - maximumLength: 35 - }))))); -} - -/* harmony default export */ var block_selection_button = (BlockSelectionButton); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/navigable-toolbar/index.js - - - -/** - * WordPress dependencies - */ - - - - - - -function hasOnlyToolbarItem(elements) { - const dataProp = 'toolbarItem'; - return !elements.some(element => !(dataProp in element.dataset)); -} - -function getAllToolbarItemsIn(container) { - return Array.from(container.querySelectorAll('[data-toolbar-item]')); -} - -function hasFocusWithin(container) { - return container.contains(container.ownerDocument.activeElement); -} - -function focusFirstTabbableIn(container) { - const [firstTabbable] = external_wp_dom_namespaceObject.focus.tabbable.find(container); - - if (firstTabbable) { - firstTabbable.focus({ - // When focusing newly mounted toolbars, - // the position of the popover is often not right on the first render - // This prevents the layout shifts when focusing the dialogs. - preventScroll: true - }); - } -} - -function useIsAccessibleToolbar(ref) { - /* - * By default, we'll assume the starting accessible state of the Toolbar - * is true, as it seems to be the most common case. - * - * Transitioning from an (initial) false to true state causes the - * component to mount twice, which is causing undesired - * side-effects. These side-effects appear to only affect certain - * E2E tests. - * - * This was initial discovered in this pull-request: - * https://github.com/WordPress/gutenberg/pull/23425 - */ - const initialAccessibleToolbarState = true; // By default, it's gonna render NavigableMenu. If all the tabbable elements - // inside the toolbar are ToolbarItem components (or derived components like - // ToolbarButton), then we can wrap them with the accessible Toolbar - // component. - - const [isAccessibleToolbar, setIsAccessibleToolbar] = (0,external_wp_element_namespaceObject.useState)(initialAccessibleToolbarState); - const determineIsAccessibleToolbar = (0,external_wp_element_namespaceObject.useCallback)(() => { - const tabbables = external_wp_dom_namespaceObject.focus.tabbable.find(ref.current); - const onlyToolbarItem = hasOnlyToolbarItem(tabbables); - - if (!onlyToolbarItem) { - external_wp_deprecated_default()('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' - }); - } - - setIsAccessibleToolbar(onlyToolbarItem); - }, []); - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - // Toolbar buttons may be rendered asynchronously, so we use - // MutationObserver to check if the toolbar subtree has been modified. - const observer = new window.MutationObserver(determineIsAccessibleToolbar); - observer.observe(ref.current, { - childList: true, - subtree: true - }); - return () => observer.disconnect(); - }, [isAccessibleToolbar]); - return isAccessibleToolbar; -} - -function useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, defaultIndex, onIndexChange) { - // Make sure we don't use modified versions of this prop. - const [initialFocusOnMount] = (0,external_wp_element_namespaceObject.useState)(focusOnMount); - const [initialIndex] = (0,external_wp_element_namespaceObject.useState)(defaultIndex); - const focusToolbar = (0,external_wp_element_namespaceObject.useCallback)(() => { - focusFirstTabbableIn(ref.current); - }, []); // Focus on toolbar when pressing alt+F10 when the toolbar is visible. - - (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/block-editor/focus-toolbar', focusToolbar); - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (initialFocusOnMount) { - focusToolbar(); - } - }, [isAccessibleToolbar, initialFocusOnMount, focusToolbar]); - (0,external_wp_element_namespaceObject.useEffect)(() => { - // If initialIndex is passed, we focus on that toolbar item when the - // toolbar gets mounted and initial focus is not forced. - // We have to wait for the next browser paint because block controls aren't - // rendered right away when the toolbar gets mounted. - let raf = 0; - - if (initialIndex && !initialFocusOnMount) { - raf = window.requestAnimationFrame(() => { - const items = getAllToolbarItemsIn(ref.current); - const index = initialIndex || 0; - - if (items[index] && hasFocusWithin(ref.current)) { - items[index].focus({ - // When focusing newly mounted toolbars, - // the position of the popover is often not right on the first render - // This prevents the layout shifts when focusing the dialogs. - preventScroll: true - }); - } - }); - } - - return () => { - window.cancelAnimationFrame(raf); - if (!onIndexChange || !ref.current) return; // When the toolbar element is unmounted and onIndexChange is passed, we - // pass the focused toolbar item index so it can be hydrated later. - - const items = getAllToolbarItemsIn(ref.current); - const index = items.findIndex(item => item.tabIndex === 0); - onIndexChange(index); - }; - }, [initialIndex, initialFocusOnMount]); -} - -function NavigableToolbar(_ref) { - let { - children, - focusOnMount, - __experimentalInitialIndex: initialIndex, - __experimentalOnIndexChange: onIndexChange, - ...props - } = _ref; - const ref = (0,external_wp_element_namespaceObject.useRef)(); - const isAccessibleToolbar = useIsAccessibleToolbar(ref); - useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, initialIndex, onIndexChange); - - if (isAccessibleToolbar) { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Toolbar, _extends({ - label: props['aria-label'], - ref: ref - }, props), children); - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NavigableMenu, _extends({ - orientation: "horizontal", - role: "toolbar", - ref: ref - }, props), children); -} - -/* harmony default export */ var navigable_toolbar = (NavigableToolbar); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/utils.js -/** - * WordPress dependencies - */ - -const { - clearTimeout: utils_clearTimeout, - setTimeout: utils_setTimeout -} = window; - -const utils_noop = () => {}; - -const DEBOUNCE_TIMEOUT = 200; -/** - * Hook that creates a showMover state, as well as debounced show/hide callbacks. - * - * @param {Object} props Component props. - * @param {Object} props.ref Element reference. - * @param {boolean} props.isFocused Whether the component has current focus. - * @param {number} [props.debounceTimeout=250] Debounce timeout in milliseconds. - * @param {Function} [props.onChange=noop] Callback function. - */ - -function useDebouncedShowMovers(_ref) { - let { - ref, - isFocused, - debounceTimeout = DEBOUNCE_TIMEOUT, - onChange = utils_noop - } = _ref; - const [showMovers, setShowMovers] = (0,external_wp_element_namespaceObject.useState)(false); - const timeoutRef = (0,external_wp_element_namespaceObject.useRef)(); - - const handleOnChange = nextIsFocused => { - if (ref !== null && ref !== void 0 && ref.current) { - setShowMovers(nextIsFocused); - } - - onChange(nextIsFocused); - }; - - const getIsHovered = () => { - return (ref === null || ref === void 0 ? void 0 : ref.current) && ref.current.matches(':hover'); - }; - - const shouldHideMovers = () => { - const isHovered = getIsHovered(); - return !isFocused && !isHovered; - }; - - const clearTimeoutRef = () => { - const timeout = timeoutRef.current; - - if (timeout && utils_clearTimeout) { - utils_clearTimeout(timeout); - } - }; - - const debouncedShowMovers = event => { - if (event) { - event.stopPropagation(); - } - - clearTimeoutRef(); - - if (!showMovers) { - handleOnChange(true); - } - }; - - const debouncedHideMovers = event => { - if (event) { - event.stopPropagation(); - } - - clearTimeoutRef(); - timeoutRef.current = utils_setTimeout(() => { - if (shouldHideMovers()) { - handleOnChange(false); - } - }, debounceTimeout); - }; - - (0,external_wp_element_namespaceObject.useEffect)(() => () => { - /** - * We need to call the change handler with `isFocused` - * set to false on unmount because we also clear the - * timeout that would handle that. - */ - handleOnChange(false); - clearTimeoutRef(); - }, []); - return { - showMovers, - debouncedShowMovers, - debouncedHideMovers - }; -} -/** - * Hook that provides a showMovers state and gesture events for DOM elements - * that interact with the showMovers state. - * - * @param {Object} props Component props. - * @param {Object} props.ref Element reference. - * @param {number} [props.debounceTimeout=250] Debounce timeout in milliseconds. - * @param {Function} [props.onChange=noop] Callback function. - */ - -function useShowMoversGestures(_ref2) { - let { - ref, - debounceTimeout = DEBOUNCE_TIMEOUT, - onChange = utils_noop - } = _ref2; - const [isFocused, setIsFocused] = (0,external_wp_element_namespaceObject.useState)(false); - const { - showMovers, - debouncedShowMovers, - debouncedHideMovers - } = useDebouncedShowMovers({ - ref, - debounceTimeout, - isFocused, - onChange - }); - const registerRef = (0,external_wp_element_namespaceObject.useRef)(false); - - const isFocusedWithin = () => { - return (ref === null || ref === void 0 ? void 0 : ref.current) && ref.current.contains(ref.current.ownerDocument.activeElement); - }; - - (0,external_wp_element_namespaceObject.useEffect)(() => { - const node = ref.current; - - const handleOnFocus = () => { - if (isFocusedWithin()) { - setIsFocused(true); - debouncedShowMovers(); - } - }; - - const handleOnBlur = () => { - if (!isFocusedWithin()) { - setIsFocused(false); - debouncedHideMovers(); - } - }; - /** - * Events are added via DOM events (vs. React synthetic events), - * as the child React components swallow mouse events. - */ - - - if (node && !registerRef.current) { - node.addEventListener('focus', handleOnFocus, true); - node.addEventListener('blur', handleOnBlur, true); - registerRef.current = true; - } - - return () => { - if (node) { - node.removeEventListener('focus', handleOnFocus); - node.removeEventListener('blur', handleOnBlur); - } - }; - }, [ref, registerRef, setIsFocused, debouncedShowMovers, debouncedHideMovers]); - return { - showMovers, - gestures: { - onMouseMove: debouncedShowMovers, - onMouseLeave: debouncedHideMovers - } - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-parent-selector/index.js - - - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - - -/** - * Block parent selector component, displaying the hierarchy of the - * current block selection as a single icon to "go up" a level. - * - * @return {WPComponent} Parent block selector. - */ - -function BlockParentSelector() { - const { - selectBlock, - toggleBlockHighlight - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const { - firstParentClientId, - shouldHide, - hasReducedUI - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockName, - getBlockParents, - getSelectedBlockClientId, - getSettings - } = select(store); - const { - hasBlockSupport - } = select(external_wp_blocks_namespaceObject.store); - const selectedBlockClientId = getSelectedBlockClientId(); - const parents = getBlockParents(selectedBlockClientId); - const _firstParentClientId = parents[parents.length - 1]; - const parentBlockName = getBlockName(_firstParentClientId); - - const _parentBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(parentBlockName); - - const settings = getSettings(); - return { - firstParentClientId: _firstParentClientId, - shouldHide: !hasBlockSupport(_parentBlockType, '__experimentalParentSelector', true), - hasReducedUI: settings.hasReducedUI - }; - }, []); - const blockInformation = useBlockDisplayInformation(firstParentClientId); // Allows highlighting the parent block outline when focusing or hovering - // the parent block selector within the child. - - const nodeRef = (0,external_wp_element_namespaceObject.useRef)(); - const { - gestures: showMoversGestures - } = useShowMoversGestures({ - ref: nodeRef, - - onChange(isFocused) { - if (isFocused && hasReducedUI) { - return; - } - - toggleBlockHighlight(firstParentClientId, isFocused); - } - - }); - - if (shouldHide || firstParentClientId === undefined) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)("div", _extends({ - className: "block-editor-block-parent-selector", - key: firstParentClientId, - ref: nodeRef - }, showMoversGestures), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - className: "block-editor-block-parent-selector__button", - onClick: () => selectBlock(firstParentClientId), - label: (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: Name of the block's parent. */ - (0,external_wp_i18n_namespaceObject.__)('Select %s'), blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.title), - showTooltip: true, - icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon - }) - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/copy.js - - -/** - * WordPress dependencies - */ - -const copy = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var library_copy = (copy); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/preview-block-popover.js - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -function PreviewBlockPopover(_ref) { - let { - blocks - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__popover__preview__parent" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__popover__preview__container" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { - className: "block-editor-block-switcher__preview__popover", - position: "bottom right", - focusOnMount: false - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__preview" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__preview-title" - }, (0,external_wp_i18n_namespaceObject.__)('Preview')), (0,external_wp_element_namespaceObject.createElement)(block_preview, { - viewportWidth: 500, - blocks: blocks - }))))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/block-transformations-menu.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - -/** - * Helper hook to group transformations to display them in a specific order in the UI. - * For now we group only priority content driven transformations(ex. paragraph -> heading). - * - * Later on we could also group 'layout' transformations(ex. paragraph -> group) and - * display them in different sections. - * - * @param {Object[]} possibleBlockTransformations The available block transformations. - * @return {Record} The grouped block transformations. - */ - -function useGroupedTransforms(possibleBlockTransformations) { - const priorityContentTranformationBlocks = { - 'core/paragraph': 1, - 'core/heading': 2, - 'core/list': 3, - 'core/quote': 4 - }; - const transformations = (0,external_wp_element_namespaceObject.useMemo)(() => { - const priorityTextTranformsNames = Object.keys(priorityContentTranformationBlocks); - return possibleBlockTransformations.reduce((accumulator, item) => { - const { - name - } = item; - - if (priorityTextTranformsNames.includes(name)) { - accumulator.priorityTextTransformations.push(item); - } else { - accumulator.restTransformations.push(item); - } - - return accumulator; - }, { - priorityTextTransformations: [], - restTransformations: [] - }); - }, [possibleBlockTransformations]); // Order the priority text transformations. - - transformations.priorityTextTransformations.sort((_ref, _ref2) => { - let { - name: currentName - } = _ref; - let { - name: nextName - } = _ref2; - return priorityContentTranformationBlocks[currentName] < priorityContentTranformationBlocks[nextName] ? -1 : 1; - }); - return transformations; -} - -const BlockTransformationsMenu = _ref3 => { - let { - className, - possibleBlockTransformations, - onSelect, - blocks - } = _ref3; - const [hoveredTransformItemName, setHoveredTransformItemName] = (0,external_wp_element_namespaceObject.useState)(); - const { - priorityTextTransformations, - restTransformations - } = useGroupedTransforms(possibleBlockTransformations); // We have to check if both content transformations(priority and rest) are set - // in order to create a separate MenuGroup for them. - - const hasBothContentTransformations = priorityTextTransformations.length && restTransformations.length; - const restTransformItems = !!restTransformations.length && (0,external_wp_element_namespaceObject.createElement)(RestTransformationItems, { - restTransformations: restTransformations, - onSelect: onSelect, - setHoveredTransformItemName: setHoveredTransformItemName - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - label: (0,external_wp_i18n_namespaceObject.__)('Transform to'), - className: className - }, hoveredTransformItemName && (0,external_wp_element_namespaceObject.createElement)(PreviewBlockPopover, { - blocks: (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocks, hoveredTransformItemName) - }), priorityTextTransformations.map(item => (0,external_wp_element_namespaceObject.createElement)(BlockTranformationItem, { - key: item.name, - item: item, - onSelect: onSelect, - setHoveredTransformItemName: setHoveredTransformItemName - })), !hasBothContentTransformations && restTransformItems), !!hasBothContentTransformations && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - className: className - }, restTransformItems)); -}; - -function RestTransformationItems(_ref4) { - let { - restTransformations, - onSelect, - setHoveredTransformItemName - } = _ref4; - return restTransformations.map(item => (0,external_wp_element_namespaceObject.createElement)(BlockTranformationItem, { - key: item.name, - item: item, - onSelect: onSelect, - setHoveredTransformItemName: setHoveredTransformItemName - })); -} - -function BlockTranformationItem(_ref5) { - let { - item, - onSelect, - setHoveredTransformItemName - } = _ref5; - const { - name, - icon, - title, - isDisabled - } = item; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - className: (0,external_wp_blocks_namespaceObject.getBlockMenuDefaultClassName)(name), - onClick: event => { - event.preventDefault(); - onSelect(name); - }, - disabled: isDisabled, - onMouseLeave: () => setHoveredTransformItemName(null), - onMouseEnter: () => setHoveredTransformItemName(name) - }, (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: icon, - showColors: true - }), title); -} - -/* harmony default export */ var block_transformations_menu = (BlockTransformationsMenu); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js - - -/** - * WordPress dependencies - */ - -const check = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z" -})); -/* harmony default export */ var library_check = (check); - -;// CONCATENATED MODULE: external ["wp","tokenList"] -var external_wp_tokenList_namespaceObject = window["wp"]["tokenList"]; -var external_wp_tokenList_default = /*#__PURE__*/__webpack_require__.n(external_wp_tokenList_namespaceObject); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/utils.js -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Returns the active style from the given className. - * - * @param {Array} styles Block style variations. - * @param {string} className Class name - * - * @return {Object?} The active style. - */ - -function getActiveStyle(styles, className) { - for (const style of new (external_wp_tokenList_default())(className).values()) { - if (style.indexOf('is-style-') === -1) { - continue; - } - - const potentialStyleName = style.substring(9); - const activeStyle = (0,external_lodash_namespaceObject.find)(styles, { - name: potentialStyleName - }); - - if (activeStyle) { - return activeStyle; - } - } - - return (0,external_lodash_namespaceObject.find)(styles, 'isDefault'); -} -/** - * Replaces the active style in the block's className. - * - * @param {string} className Class name. - * @param {Object?} activeStyle The replaced style. - * @param {Object} newStyle The replacing style. - * - * @return {string} The updated className. - */ - -function replaceActiveStyle(className, activeStyle, newStyle) { - const list = new (external_wp_tokenList_default())(className); - - if (activeStyle) { - list.remove('is-style-' + activeStyle.name); - } - - list.add('is-style-' + newStyle.name); - return list.value; -} -/** - * Returns a collection of styles that can be represented on the frontend. - * The function checks a style collection for a default style. If none is found, it adds one to - * act as a fallback for when there is no active style applied to a block. The default item also serves - * as a switch on the frontend to deactivate non-default styles. - * - * @param {Array} styles Block style variations. - * - * @return {Array} The style collection. - */ - -function getRenderedStyles(styles) { - if (!styles || styles.length === 0) { - return []; - } - - return getDefaultStyle(styles) ? styles : [{ - name: 'default', - label: (0,external_wp_i18n_namespaceObject._x)('Default', 'block style'), - isDefault: true - }, ...styles]; -} -/** - * Returns a style object from a collection of styles where that style object is the default block style. - * - * @param {Array} styles Block style variations. - * - * @return {Object?} The default style object, if found. - */ - -function getDefaultStyle(styles) { - return (0,external_lodash_namespaceObject.find)(styles, 'isDefault'); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/use-styles-for-block.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -/** - * - * @param {WPBlock} block Block object. - * @param {WPBlockType} type Block type settings. - * @return {WPBlock} A generic block ready for styles preview. - */ - -function useGenericPreviewBlock(block, type) { - return (0,external_wp_element_namespaceObject.useMemo)(() => { - const example = type === null || type === void 0 ? void 0 : type.example; - const blockName = type === null || type === void 0 ? void 0 : type.name; - - if (example && blockName) { - return (0,external_wp_blocks_namespaceObject.getBlockFromExample)(blockName, { - attributes: example.attributes, - innerBlocks: example.innerBlocks - }); - } - - if (block) { - return (0,external_wp_blocks_namespaceObject.cloneBlock)(block); - } - }, [type !== null && type !== void 0 && type.example ? block === null || block === void 0 ? void 0 : block.name : block, type]); -} -/** - * @typedef useStylesForBlocksArguments - * @property {string} clientId Block client ID. - * @property {() => void} onSwitch Block style switch callback function. - */ - -/** - * - * @param {useStylesForBlocksArguments} useStylesForBlocks arguments. - * @return {Object} Results of the select methods. - */ - - -function useStylesForBlocks(_ref) { - let { - clientId, - onSwitch - } = _ref; - - const selector = select => { - const { - getBlock - } = select(store); - const block = getBlock(clientId); - - if (!block) { - return {}; - } - - const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(block.name); - const { - getBlockStyles - } = select(external_wp_blocks_namespaceObject.store); - return { - block, - blockType, - styles: getBlockStyles(block.name), - className: block.attributes.className || '' - }; - }; - - const { - styles, - block, - blockType, - className - } = (0,external_wp_data_namespaceObject.useSelect)(selector, [clientId]); - const { - updateBlockAttributes - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const stylesToRender = getRenderedStyles(styles); - const activeStyle = getActiveStyle(stylesToRender, className); - const genericPreviewBlock = useGenericPreviewBlock(block, blockType); - - const onSelect = style => { - const styleClassName = replaceActiveStyle(className, activeStyle, style); - updateBlockAttributes(clientId, { - className: styleClassName - }); - onSwitch(); - }; - - return { - onSelect, - stylesToRender, - activeStyle, - genericPreviewBlock, - className - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/menu-items.js - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -const menu_items_noop = () => {}; - -function BlockStylesMenuItems(_ref) { - let { - clientId, - onSwitch = menu_items_noop - } = _ref; - const { - onSelect, - stylesToRender, - activeStyle - } = useStylesForBlocks({ - clientId, - onSwitch - }); - - if (!stylesToRender || stylesToRender.length === 0) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, stylesToRender.map(style => { - const menuItemText = style.label || style.name; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - key: style.name, - icon: activeStyle.name === style.name ? library_check : null, - onClick: () => onSelect(style) - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalText, { - as: "span", - limit: 18, - ellipsizeMode: "tail", - truncate: true - }, menuItemText)); - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/block-styles-menu.js - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -function BlockStylesMenu(_ref) { - let { - hoveredBlock, - onSwitch - } = _ref; - const { - clientId - } = hoveredBlock; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - label: (0,external_wp_i18n_namespaceObject.__)('Styles'), - className: "block-editor-block-switcher__styles__menugroup" - }, (0,external_wp_element_namespaceObject.createElement)(BlockStylesMenuItems, { - clientId: clientId, - onSwitch: onSwitch - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/utils.js -/** - * WordPress dependencies - */ - -/** - * Try to find a matching block by a block's name in a provided - * block. We recurse through InnerBlocks and return the reference - * of the matched block (it could be an InnerBlock). - * If no match is found return nothing. - * - * @param {WPBlock} block The block to try to find a match. - * @param {string} selectedBlockName The block's name to use for matching condition. - * @param {Set} consumedBlocks A set holding the previously matched/consumed blocks. - * - * @return {WPBlock?} The matched block if found or nothing(`undefined`). - */ - -const getMatchingBlockByName = function (block, selectedBlockName) { - let consumedBlocks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new Set(); - const { - clientId, - name, - innerBlocks = [] - } = block; // Check if block has been consumed already. - - if (consumedBlocks.has(clientId)) return; - if (name === selectedBlockName) return block; // Try to find a matching block from InnerBlocks recursively. - - for (const innerBlock of innerBlocks) { - const match = getMatchingBlockByName(innerBlock, selectedBlockName, consumedBlocks); - if (match) return match; - } -}; -/** - * Find and return the block attributes to retain through - * the transformation, based on Block Type's `role:content` - * attributes. If no `role:content` attributes exist, - * return selected block's attributes. - * - * @param {string} name Block type's namespaced name. - * @param {Object} attributes Selected block's attributes. - * @return {Object} The block's attributes to retain. - */ - -const getRetainedBlockAttributes = (name, attributes) => { - const contentAttributes = (0,external_wp_blocks_namespaceObject.__experimentalGetBlockAttributesNamesByRole)(name, 'content'); - if (!(contentAttributes !== null && contentAttributes !== void 0 && contentAttributes.length)) return attributes; - return contentAttributes.reduce((_accumulator, attribute) => { - if (attributes[attribute]) _accumulator[attribute] = attributes[attribute]; - return _accumulator; - }, {}); -}; - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/use-transformed-patterns.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -/** - * Mutate the matched block's attributes by getting - * which block type's attributes to retain and prioritize - * them in the merging of the attributes. - * - * @param {WPBlock} match The matched block. - * @param {WPBlock} selectedBlock The selected block. - * @return {void} - */ - -const transformMatchingBlock = (match, selectedBlock) => { - // Get the block attributes to retain through the transformation. - const retainedBlockAttributes = getRetainedBlockAttributes(selectedBlock.name, selectedBlock.attributes); - match.attributes = { ...match.attributes, - ...retainedBlockAttributes - }; -}; -/** - * By providing the selected blocks and pattern's blocks - * find the matching blocks, transform them and return them. - * If not all selected blocks are matched, return nothing. - * - * @param {WPBlock[]} selectedBlocks The selected blocks. - * @param {WPBlock[]} patternBlocks The pattern's blocks. - * @return {WPBlock[]|void} The transformed pattern's blocks or undefined if not all selected blocks have been matched. - */ - -const getPatternTransformedBlocks = (selectedBlocks, patternBlocks) => { - // Clone Pattern's blocks to produce new clientIds and be able to mutate the matches. - const _patternBlocks = patternBlocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); - /** - * Keep track of the consumed pattern blocks. - * This is needed because we loop the selected blocks - * and for example we may have selected two paragraphs and - * the pattern's blocks could have more `paragraphs`. - */ - - - const consumedBlocks = new Set(); - - for (const selectedBlock of selectedBlocks) { - let isMatch = false; - - for (const patternBlock of _patternBlocks) { - const match = getMatchingBlockByName(patternBlock, selectedBlock.name, consumedBlocks); - if (!match) continue; - isMatch = true; - consumedBlocks.add(match.clientId); // We update (mutate) the matching pattern block. - - transformMatchingBlock(match, selectedBlock); // No need to loop through other pattern's blocks. - - break; - } // Bail eary if a selected block has not been matched. - - - if (!isMatch) return; - } - - return _patternBlocks; -}; -/** - * @typedef {WPBlockPattern & {transformedBlocks: WPBlock[]}} TransformedBlockPattern - */ - -/** - * Custom hook that accepts patterns from state and the selected - * blocks and tries to match these with the pattern's blocks. - * If all selected blocks are matched with a Pattern's block, - * we transform them by retaining block's attributes with `role:content`. - * The transformed pattern's blocks are set to a new pattern - * property `transformedBlocks`. - * - * @param {WPBlockPattern[]} patterns Patterns from state. - * @param {WPBlock[]} selectedBlocks The currently selected blocks. - * @return {TransformedBlockPattern[]} Returns the eligible matched patterns with all the selected blocks. - */ - -const useTransformedPatterns = (patterns, selectedBlocks) => { - return (0,external_wp_element_namespaceObject.useMemo)(() => patterns.reduce((accumulator, _pattern) => { - const transformedBlocks = getPatternTransformedBlocks(selectedBlocks, _pattern.blocks); - - if (transformedBlocks) { - accumulator.push({ ..._pattern, - transformedBlocks - }); - } - - return accumulator; - }, []), [patterns, selectedBlocks]); -}; - -/* harmony default export */ var use_transformed_patterns = (useTransformedPatterns); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/pattern-transformations-menu.js - - - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - -function PatternTransformationsMenu(_ref) { - let { - blocks, - patterns: statePatterns, - onSelect - } = _ref; - const [showTransforms, setShowTransforms] = (0,external_wp_element_namespaceObject.useState)(false); - const patterns = use_transformed_patterns(statePatterns, blocks); - if (!patterns.length) return null; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - className: "block-editor-block-switcher__pattern__transforms__menugroup" - }, showTransforms && (0,external_wp_element_namespaceObject.createElement)(PreviewPatternsPopover, { - patterns: patterns, - onSelect: onSelect - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: event => { - event.preventDefault(); - setShowTransforms(!showTransforms); - }, - icon: chevron_right - }, (0,external_wp_i18n_namespaceObject.__)('Patterns'))); -} - -function PreviewPatternsPopover(_ref2) { - let { - patterns, - onSelect - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__popover__preview__parent" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__popover__preview__container" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { - className: "block-editor-block-switcher__preview__popover", - position: "bottom right" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__preview" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__preview-title" - }, (0,external_wp_i18n_namespaceObject.__)('Preview')), (0,external_wp_element_namespaceObject.createElement)(BlockPatternsList, { - patterns: patterns, - onSelect: onSelect - }))))); -} - -function BlockPatternsList(_ref3) { - let { - patterns, - onSelect - } = _ref3; - const composite = (0,external_wp_components_namespaceObject.__unstableUseCompositeState)(); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableComposite, _extends({}, composite, { - role: "listbox", - className: "block-editor-block-switcher__preview-patterns-container", - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Patterns list') - }), patterns.map(pattern => (0,external_wp_element_namespaceObject.createElement)(pattern_transformations_menu_BlockPattern, { - key: pattern.name, - pattern: pattern, - onSelect: onSelect, - composite: composite - }))); -} - -function pattern_transformations_menu_BlockPattern(_ref4) { - let { - pattern, - onSelect, - composite - } = _ref4; - // TODO check pattern/preview width... - const baseClassName = 'block-editor-block-switcher__preview-patterns-container'; - const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(pattern_transformations_menu_BlockPattern, `${baseClassName}-list__item-description`); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: `${baseClassName}-list__list-item`, - "aria-label": pattern.title, - "aria-describedby": pattern.description ? descriptionId : undefined - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableCompositeItem, _extends({ - role: "option", - as: "div" - }, composite, { - className: `${baseClassName}-list__item`, - onClick: () => onSelect(pattern.transformedBlocks) - }), (0,external_wp_element_namespaceObject.createElement)(block_preview, { - blocks: pattern.transformedBlocks, - viewportWidth: pattern.viewportWidth || 500 - }), (0,external_wp_element_namespaceObject.createElement)("div", { - className: `${baseClassName}-list__item-title` - }, pattern.title)), !!pattern.description && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - id: descriptionId - }, pattern.description)); -} - -/* harmony default export */ var pattern_transformations_menu = (PatternTransformationsMenu); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - - - - - -const BlockSwitcherDropdownMenu = _ref => { - let { - clientIds, - blocks - } = _ref; - const { - replaceBlocks - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const blockInformation = useBlockDisplayInformation(blocks[0].clientId); - const { - possibleBlockTransformations, - canRemove, - hasBlockStyles, - icon, - patterns - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockRootClientId, - getBlockTransformItems, - __experimentalGetPatternTransformItems - } = select(store); - const { - getBlockStyles, - getBlockType - } = select(external_wp_blocks_namespaceObject.store); - const { - canRemoveBlocks - } = select(store); - const rootClientId = getBlockRootClientId((0,external_lodash_namespaceObject.castArray)(clientIds)[0]); - const [{ - name: firstBlockName - }] = blocks; - - const _isSingleBlockSelected = blocks.length === 1; - - const styles = _isSingleBlockSelected && getBlockStyles(firstBlockName); - - let _icon; - - if (_isSingleBlockSelected) { - _icon = blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon; // Take into account active block variations. - } else { - var _getBlockType; - - const isSelectionOfSameType = new Set(blocks.map(_ref2 => { - let { - name - } = _ref2; - return name; - })).size === 1; // When selection consists of blocks of multiple types, display an - // appropriate icon to communicate the non-uniformity. - - _icon = isSelectionOfSameType ? (_getBlockType = getBlockType(firstBlockName)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.icon : library_copy; - } - - return { - possibleBlockTransformations: getBlockTransformItems(blocks, rootClientId), - canRemove: canRemoveBlocks(clientIds, rootClientId), - hasBlockStyles: !!(styles !== null && styles !== void 0 && styles.length), - icon: _icon, - patterns: __experimentalGetPatternTransformItems(blocks, rootClientId) - }; - }, [clientIds, blocks, blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon]); const blockTitle = useBlockDisplayTitle({ - clientId: Array.isArray(clientIds) ? clientIds[0] : clientIds, - maximumLength: 35 - }); - const isReusable = blocks.length === 1 && (0,external_wp_blocks_namespaceObject.isReusableBlock)(blocks[0]); - const isTemplate = blocks.length === 1 && (0,external_wp_blocks_namespaceObject.isTemplatePart)(blocks[0]); // Simple block tranformation based on the `Block Transforms` API. - - const onBlockTransform = name => replaceBlocks(clientIds, (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocks, name)); // Pattern transformation through the `Patterns` API. - - - const onPatternTransform = transformedBlocks => replaceBlocks(clientIds, transformedBlocks); - /** - * The `isTemplate` check is a stopgap solution here. - * Ideally, the Transforms API should handle this - * by allowing to exclude blocks from wildcard transformations. - */ - - - const hasPossibleBlockTransformations = !!possibleBlockTransformations.length && canRemove && !isTemplate; - const hasPatternTransformation = !!(patterns !== null && patterns !== void 0 && patterns.length) && canRemove; - - if (!hasBlockStyles && !hasPossibleBlockTransformations) { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - disabled: true, - className: "block-editor-block-switcher__no-switcher-icon", - title: blockTitle, - icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: icon, - showColors: true - }), (isReusable || isTemplate) && (0,external_wp_element_namespaceObject.createElement)("span", { - className: "block-editor-block-switcher__toggle-text" - }, blockTitle)) - })); - } - - const blockSwitcherLabel = blockTitle; - const blockSwitcherDescription = 1 === blocks.length ? (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: block title. */ - (0,external_wp_i18n_namespaceObject.__)('%s: Change block type or style'), blockTitle) : (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %d: number of blocks. */ - (0,external_wp_i18n_namespaceObject._n)('Change type of %d block', 'Change type of %d blocks', blocks.length), blocks.length); - const showDropDown = hasBlockStyles || hasPossibleBlockTransformations || hasPatternTransformation; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, toggleProps => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, { - className: "block-editor-block-switcher", - label: blockSwitcherLabel, - popoverProps: { - position: 'bottom right', - isAlternate: true, - className: 'block-editor-block-switcher__popover' - }, - icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: icon, - className: "block-editor-block-switcher__toggle", - showColors: true - }), (isReusable || isTemplate) && (0,external_wp_element_namespaceObject.createElement)("span", { - className: "block-editor-block-switcher__toggle-text" - }, blockTitle)), - toggleProps: { - describedBy: blockSwitcherDescription, - ...toggleProps - }, - menuProps: { - orientation: 'both' - } - }, _ref3 => { - let { - onClose - } = _ref3; - return showDropDown && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-switcher__container" - }, hasPatternTransformation && (0,external_wp_element_namespaceObject.createElement)(pattern_transformations_menu, { - blocks: blocks, - patterns: patterns, - onSelect: transformedBlocks => { - onPatternTransform(transformedBlocks); - onClose(); - } - }), hasPossibleBlockTransformations && (0,external_wp_element_namespaceObject.createElement)(block_transformations_menu, { - className: "block-editor-block-switcher__transforms__menugroup", - possibleBlockTransformations: possibleBlockTransformations, - blocks: blocks, - onSelect: name => { - onBlockTransform(name); - onClose(); - } - }), hasBlockStyles && (0,external_wp_element_namespaceObject.createElement)(BlockStylesMenu, { - hoveredBlock: blocks[0], - onSwitch: onClose - })); - }))); -}; -const BlockSwitcher = _ref4 => { - let { - clientIds - } = _ref4; - const blocks = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlocksByClientId(clientIds), [clientIds]); - - if (!blocks.length || blocks.some(block => !block)) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(BlockSwitcherDropdownMenu, { - clientIds: clientIds, - blocks: blocks - }); -}; -/* harmony default export */ var block_switcher = (BlockSwitcher); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/block-toolbar-last-item.js -/** - * WordPress dependencies - */ - -const { - Fill: __unstableBlockToolbarLastItem, - Slot: block_toolbar_last_item_Slot -} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableBlockToolbarLastItem'); -__unstableBlockToolbarLastItem.Slot = block_toolbar_last_item_Slot; -/* harmony default export */ var block_toolbar_last_item = (__unstableBlockToolbarLastItem); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js - - -/** - * WordPress dependencies - */ - -const moreVertical = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" -})); -/* harmony default export */ var more_vertical = (moreVertical); - -;// CONCATENATED MODULE: external ["wp","blob"] -var external_wp_blob_namespaceObject = window["wp"]["blob"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/pasting.js -/** - * WordPress dependencies - */ - - -function getPasteEventData(_ref) { - let { - clipboardData - } = _ref; - let plainText = ''; - let html = ''; // IE11 only supports `Text` as an argument for `getData` and will - // otherwise throw an invalid argument error, so we try the standard - // arguments first, then fallback to `Text` if they fail. - - try { - plainText = clipboardData.getData('text/plain'); - html = clipboardData.getData('text/html'); - } catch (error1) { - try { - html = clipboardData.getData('Text'); - } catch (error2) { - // Some browsers like UC Browser paste plain text by default and - // don't support clipboardData at all, so allow default - // behaviour. - return; - } - } - - const files = (0,external_wp_dom_namespaceObject.getFilesFromDataTransfer)(clipboardData).filter(_ref2 => { - let { - type - } = _ref2; - return /^image\/(?:jpe?g|png|gif|webp)$/.test(type); - }); - - if (files.length && !shouldDismissPastedFiles(files, html, plainText)) { - html = files.map(file => ``).join(''); - plainText = ''; - } - - return { - html, - plainText - }; -} -/** - * Given a collection of DataTransfer files and HTML and plain text strings, - * determine whether the files are to be dismissed in favor of the HTML. - * - * Certain office-type programs, like Microsoft Word or Apple Numbers, - * will, upon copy, generate a screenshot of the content being copied and - * attach it to the clipboard alongside the actual rich text that the user - * sought to copy. In those cases, we should let Gutenberg handle the rich text - * content and not the screenshot, since this allows Gutenberg to insert - * meaningful blocks, like paragraphs, lists or even tables. - * - * @param {File[]} files File objects obtained from a paste event - * @param {string} html HTML content obtained from a paste event - * @return {boolean} True if the files should be dismissed - */ - -function shouldDismissPastedFiles(files, html -/*, plainText */ -) { - // The question is only relevant when there is actual HTML content and when - // there is exactly one image file. - if (html && (files === null || files === void 0 ? void 0 : files.length) === 1 && files[0].type.indexOf('image/') === 0) { - var _html$match; - - // A single tag found in the HTML source suggests that the - // content being pasted revolves around an image. Sometimes there are - // other elements found, like
    , but we assume that the user's - // intention is to paste the actual image file. - const IMAGE_TAG = /<\s*img\b/gi; - if (((_html$match = html.match(IMAGE_TAG)) === null || _html$match === void 0 ? void 0 : _html$match.length) !== 1) return true; // Even when there is exactly one tag in the HTML payload, we - // choose to weed out local images, i.e. those whose source starts with - // "file://". These payloads occur in specific configurations, such as - // when copying an entire document from Microsoft Word, that contains - // text and exactly one image, and pasting that content using Google - // Chrome. - - const IMG_WITH_LOCAL_SRC = /<\s*img\b[^>]*\bsrc="file:\/\//i; - if (html.match(IMG_WITH_LOCAL_SRC)) return true; - } - - return false; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/copy-handler/index.js - - -/** - * WordPress dependencies - */ - - - - - - - -/** - * Internal dependencies - */ - - - -function useNotifyCopy() { - const { - getBlockName - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - getBlockType - } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store); - const { - createSuccessNotice - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); - return (0,external_wp_element_namespaceObject.useCallback)((eventType, selectedBlockClientIds) => { - let notice = ''; - - if (selectedBlockClientIds.length === 1) { - var _getBlockType; - - const clientId = selectedBlockClientIds[0]; - const title = (_getBlockType = getBlockType(getBlockName(clientId))) === null || _getBlockType === void 0 ? void 0 : _getBlockType.title; - notice = eventType === 'copy' ? (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: Name of the block being copied, e.g. "Paragraph". - (0,external_wp_i18n_namespaceObject.__)('Copied "%s" to clipboard.'), title) : (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: Name of the block being cut, e.g. "Paragraph". - (0,external_wp_i18n_namespaceObject.__)('Moved "%s" to clipboard.'), title); - } else { - notice = eventType === 'copy' ? (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %d: Number of blocks being copied. - (0,external_wp_i18n_namespaceObject._n)('Copied %d block to clipboard.', 'Copied %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length) : (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %d: Number of blocks being cut. - (0,external_wp_i18n_namespaceObject._n)('Moved %d block to clipboard.', 'Moved %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length); - } - - createSuccessNotice(notice, { - type: 'snackbar' - }); - }, []); -} -function useClipboardHandler() { - const { - getBlocksByClientId, - getSelectedBlockClientIds, - hasMultiSelection, - getSettings, - __unstableIsFullySelected, - __unstableIsSelectionCollapsed, - __unstableIsSelectionMergeable, - __unstableGetSelectedBlocksWithPartialSelection - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - flashBlock, - removeBlocks, - replaceBlocks, - __unstableDeleteSelection, - __unstableExpandSelection - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const notifyCopy = useNotifyCopy(); - return (0,external_wp_compose_namespaceObject.useRefEffect)(node => { - function handler(event) { - const selectedBlockClientIds = getSelectedBlockClientIds(); - - if (selectedBlockClientIds.length === 0) { - return; - } // Always handle multiple selected blocks. - - - if (!hasMultiSelection()) { - const { - target - } = event; - const { - ownerDocument - } = target; // If copying, only consider actual text selection as selection. - // Otherwise, any focus on an input field is considered. - - const hasSelection = event.type === 'copy' || event.type === 'cut' ? (0,external_wp_dom_namespaceObject.documentHasUncollapsedSelection)(ownerDocument) : (0,external_wp_dom_namespaceObject.documentHasSelection)(ownerDocument); // Let native copy behaviour take over in input fields. - - if (hasSelection) { - return; - } - } - - if (!node.contains(event.target.ownerDocument.activeElement)) { - return; - } - - const eventDefaultPrevented = event.defaultPrevented; - event.preventDefault(); - - const isSelectionMergeable = __unstableIsSelectionMergeable(); - - const shouldHandleWholeBlocks = __unstableIsSelectionCollapsed() || __unstableIsFullySelected(); - - const expandSelectionIsNeeded = !shouldHandleWholeBlocks && !isSelectionMergeable; - - if (event.type === 'copy' || event.type === 'cut') { - if (selectedBlockClientIds.length === 1) { - flashBlock(selectedBlockClientIds[0]); - } // If we have a partial selection that is not mergeable, just - // expand the selection to the whole blocks. - - - if (expandSelectionIsNeeded) { - __unstableExpandSelection(); - } else { - notifyCopy(event.type, selectedBlockClientIds); - let blocks; // Check if we have partial selection. - - if (shouldHandleWholeBlocks) { - blocks = getBlocksByClientId(selectedBlockClientIds); - } else { - const [head, tail] = __unstableGetSelectedBlocksWithPartialSelection(); - - const inBetweenBlocks = getBlocksByClientId(selectedBlockClientIds.slice(1, selectedBlockClientIds.length - 1)); - blocks = [head, ...inBetweenBlocks, tail]; - } - - const wrapperBlockName = event.clipboardData.getData('__unstableWrapperBlockName'); - - if (wrapperBlockName) { - blocks = (0,external_wp_blocks_namespaceObject.createBlock)(wrapperBlockName, JSON.parse(event.clipboardData.getData('__unstableWrapperBlockAttributes')), blocks); - } - - const serialized = (0,external_wp_blocks_namespaceObject.serialize)(blocks); - event.clipboardData.setData('text/plain', toPlainText(serialized)); - event.clipboardData.setData('text/html', serialized); - } - } - - if (event.type === 'cut') { - // We need to also check if at the start we needed to - // expand the selection, as in this point we might have - // programmatically fully selected the blocks above. - if (shouldHandleWholeBlocks && !expandSelectionIsNeeded) { - removeBlocks(selectedBlockClientIds); - } else { - __unstableDeleteSelection(); - } - } else if (event.type === 'paste') { - if (eventDefaultPrevented) { - // This was likely already handled in rich-text/use-paste-handler.js. - return; - } - - const { - __experimentalCanUserUseUnfilteredHTML: canUserUseUnfilteredHTML - } = getSettings(); - const { - plainText, - html - } = getPasteEventData(event); - const blocks = (0,external_wp_blocks_namespaceObject.pasteHandler)({ - HTML: html, - plainText, - mode: 'BLOCKS', - canUserUseUnfilteredHTML - }); - replaceBlocks(selectedBlockClientIds, blocks, blocks.length - 1, -1); - } - } - - node.ownerDocument.addEventListener('copy', handler); - node.ownerDocument.addEventListener('cut', handler); - node.ownerDocument.addEventListener('paste', handler); - return () => { - node.ownerDocument.removeEventListener('copy', handler); - node.ownerDocument.removeEventListener('cut', handler); - node.ownerDocument.removeEventListener('paste', handler); - }; - }, []); -} - -function CopyHandler(_ref) { - let { - children - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("div", { - ref: useClipboardHandler() - }, children); -} -/** - * Given a string of HTML representing serialized blocks, returns the plain - * text extracted after stripping the HTML of any tags and fixing line breaks. - * - * @param {string} html Serialized blocks. - * @return {string} The plain-text content with any html removed. - */ - - -function toPlainText(html) { - // Manually handle BR tags as line breaks prior to `stripHTML` call - html = html.replace(/
    /g, '\n'); - const plainText = (0,external_wp_dom_namespaceObject.__unstableStripHTML)(html).trim(); // Merge any consecutive line breaks - - return plainText.replace(/\n\n+/g, '\n\n'); -} -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/copy-handler/README.md - */ - - -/* harmony default export */ var copy_handler = (CopyHandler); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-actions/index.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -function BlockActions(_ref) { - let { - clientIds, - children, - __experimentalUpdateSelection: updateSelection - } = _ref; - const { - canInsertBlockType, - getBlockRootClientId, - getBlocksByClientId, - canMoveBlocks, - canRemoveBlocks - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - getDefaultBlockName, - getGroupingBlockName - } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store); - const blocks = getBlocksByClientId(clientIds); - const rootClientId = getBlockRootClientId(clientIds[0]); - const canDuplicate = blocks.every(block => { - return !!block && (0,external_wp_blocks_namespaceObject.hasBlockSupport)(block.name, 'multiple', true) && canInsertBlockType(block.name, rootClientId); - }); - const canInsertDefaultBlock = canInsertBlockType(getDefaultBlockName(), rootClientId); - const canMove = canMoveBlocks(clientIds, rootClientId); - const canRemove = canRemoveBlocks(clientIds, rootClientId); - const { - removeBlocks, - replaceBlocks, - duplicateBlocks, - insertAfterBlock, - insertBeforeBlock, - flashBlock, - setBlockMovingClientId, - setNavigationMode, - selectBlock - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const notifyCopy = useNotifyCopy(); - return children({ - canDuplicate, - canInsertDefaultBlock, - canMove, - canRemove, - rootClientId, - blocks, - - onDuplicate() { - return duplicateBlocks(clientIds, updateSelection); - }, - - onRemove() { - return removeBlocks(clientIds, updateSelection); - }, - - onInsertBefore() { - const clientId = Array.isArray(clientIds) ? clientIds[0] : clientId; - insertBeforeBlock(clientId); - }, - - onInsertAfter() { - const clientId = Array.isArray(clientIds) ? clientIds[clientIds.length - 1] : clientId; - insertAfterBlock(clientId); - }, - - onMoveTo() { - setNavigationMode(true); - selectBlock(clientIds[0]); - setBlockMovingClientId(clientIds[0]); - }, - - onGroup() { - if (!blocks.length) { - return; - } - - const groupingBlockName = getGroupingBlockName(); // Activate the `transform` on `core/group` which does the conversion. - - const newBlocks = (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocks, groupingBlockName); - - if (!newBlocks) { - return; - } - - replaceBlocks(clientIds, newBlocks); - }, - - onUngroup() { - if (!blocks.length) { - return; - } - - const innerBlocks = blocks[0].innerBlocks; - - if (!innerBlocks.length) { - return; - } - - replaceBlocks(clientIds, innerBlocks); - }, - - onCopy() { - const selectedBlockClientIds = blocks.map(_ref2 => { - let { - clientId - } = _ref2; - return clientId; - }); - - if (blocks.length === 1) { - flashBlock(selectedBlockClientIds[0]); - } - - notifyCopy('copy', selectedBlockClientIds); - } - - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-mode-toggle.js - - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - -const block_mode_toggle_noop = () => {}; - -function BlockModeToggle(_ref) { - let { - blockType, - mode, - onToggleMode, - small = false, - isCodeEditingEnabled = true - } = _ref; - - if (!blockType || !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'html', true) || !isCodeEditingEnabled) { - return null; - } - - const label = mode === 'visual' ? (0,external_wp_i18n_namespaceObject.__)('Edit as HTML') : (0,external_wp_i18n_namespaceObject.__)('Edit visually'); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: onToggleMode - }, !small && label); -} -/* harmony default export */ var block_mode_toggle = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_data_namespaceObject.withSelect)((select, _ref2) => { - let { - clientId - } = _ref2; - const { - getBlock, - getBlockMode, - getSettings - } = select(store); - const block = getBlock(clientId); - const isCodeEditingEnabled = getSettings().codeEditingEnabled; - return { - mode: getBlockMode(clientId), - blockType: block ? (0,external_wp_blocks_namespaceObject.getBlockType)(block.name) : null, - isCodeEditingEnabled - }; -}), (0,external_wp_data_namespaceObject.withDispatch)((dispatch, _ref3) => { - let { - onToggle = block_mode_toggle_noop, - clientId - } = _ref3; - return { - onToggleMode() { - dispatch(store).toggleBlockMode(clientId); - onToggle(); - } - - }; -})])(BlockModeToggle)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-convert-button.js - - -/** - * WordPress dependencies - */ - - -function BlockConvertButton(_ref) { - let { - shouldRender, - onClick, - small - } = _ref; - - if (!shouldRender) { - return null; - } - - const label = (0,external_wp_i18n_namespaceObject.__)('Convert to Blocks'); - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: onClick - }, !small && label); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-html-convert-button.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -/* harmony default export */ var block_html_convert_button = ((0,external_wp_compose_namespaceObject.compose)((0,external_wp_data_namespaceObject.withSelect)((select, _ref) => { - let { - clientId - } = _ref; - const block = select(store).getBlock(clientId); - return { - block, - shouldRender: block && block.name === 'core/html' - }; -}), (0,external_wp_data_namespaceObject.withDispatch)((dispatch, _ref2) => { - let { - block - } = _ref2; - return { - onClick: () => dispatch(store).replaceBlocks(block.clientId, (0,external_wp_blocks_namespaceObject.rawHandler)({ - HTML: (0,external_wp_blocks_namespaceObject.getBlockContent)(block) - })) - }; -}))(BlockConvertButton)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-settings-menu-first-item.js -/** - * WordPress dependencies - */ - -const { - Fill: __unstableBlockSettingsMenuFirstItem, - Slot: block_settings_menu_first_item_Slot -} = (0,external_wp_components_namespaceObject.createSlotFill)('__unstableBlockSettingsMenuFirstItem'); -__unstableBlockSettingsMenuFirstItem.Slot = block_settings_menu_first_item_Slot; -/* harmony default export */ var block_settings_menu_first_item = (__unstableBlockSettingsMenuFirstItem); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/convert-to-group-buttons/use-convert-to-group-button-props.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -/** - * Contains the properties `ConvertToGroupButton` component needs. - * - * @typedef {Object} ConvertToGroupButtonProps - * @property {string[]} clientIds An array of the selected client ids. - * @property {boolean} isGroupable Indicates if the selected blocks can be grouped. - * @property {boolean} isUngroupable Indicates if the selected blocks can be ungrouped. - * @property {WPBlock[]} blocksSelection An array of the selected blocks. - * @property {string} groupingBlockName The name of block used for handling grouping interactions. - */ - -/** - * Returns the properties `ConvertToGroupButton` component needs to work properly. - * It is used in `BlockSettingsMenuControls` to know if `ConvertToGroupButton` - * should be rendered, to avoid ending up with an empty MenuGroup. - * - * @return {ConvertToGroupButtonProps} Returns the properties needed by `ConvertToGroupButton`. - */ - -function useConvertToGroupButtonProps() { - const { - clientIds, - isGroupable, - isUngroupable, - blocksSelection, - groupingBlockName - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _blocksSelection$; - - const { - getBlockRootClientId, - getBlocksByClientId, - canInsertBlockType, - getSelectedBlockClientIds - } = select(store); - const { - getGroupingBlockName - } = select(external_wp_blocks_namespaceObject.store); - - const _clientIds = getSelectedBlockClientIds(); - - const _groupingBlockName = getGroupingBlockName(); - - const rootClientId = !!(_clientIds !== null && _clientIds !== void 0 && _clientIds.length) ? getBlockRootClientId(_clientIds[0]) : undefined; - const groupingBlockAvailable = canInsertBlockType(_groupingBlockName, rootClientId); - - const _blocksSelection = getBlocksByClientId(_clientIds); - - const isSingleGroupingBlock = _blocksSelection.length === 1 && ((_blocksSelection$ = _blocksSelection[0]) === null || _blocksSelection$ === void 0 ? void 0 : _blocksSelection$.name) === _groupingBlockName; // Do we have - // 1. Grouping block available to be inserted? - // 2. One or more blocks selected - - const _isGroupable = groupingBlockAvailable && _blocksSelection.length; // Do we have a single Group Block selected and does that group have inner blocks? - - - const _isUngroupable = isSingleGroupingBlock && !!_blocksSelection[0].innerBlocks.length; - - return { - clientIds: _clientIds, - isGroupable: _isGroupable, - isUngroupable: _isUngroupable, - blocksSelection: _blocksSelection, - groupingBlockName: _groupingBlockName - }; - }, []); - return { - clientIds, - isGroupable, - isUngroupable, - blocksSelection, - groupingBlockName - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/convert-to-group-buttons/index.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - -function ConvertToGroupButton(_ref) { - let { - clientIds, - isGroupable, - isUngroupable, - blocksSelection, - groupingBlockName, - onClose = () => {} - } = _ref; - const { - replaceBlocks - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - - const onConvertToGroup = () => { - // Activate the `transform` on the Grouping Block which does the conversion. - const newBlocks = (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocksSelection, groupingBlockName); - - if (newBlocks) { - replaceBlocks(clientIds, newBlocks); - } - }; - - const onConvertFromGroup = () => { - const innerBlocks = blocksSelection[0].innerBlocks; - - if (!innerBlocks.length) { - return; - } - - replaceBlocks(clientIds, innerBlocks); - }; - - if (!isGroupable && !isUngroupable) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, isGroupable && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: () => { - onConvertToGroup(); - onClose(); - } - }, (0,external_wp_i18n_namespaceObject._x)('Group', 'verb')), isUngroupable && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: () => { - onConvertFromGroup(); - onClose(); - } - }, (0,external_wp_i18n_namespaceObject._x)('Ungroup', 'Ungrouping blocks from within a Group block back into individual blocks within the Editor '))); -} - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/use-block-lock.js -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -/** - * Return details about the block lock status. - * - * @param {string} clientId The block client Id. - * - * @return {Object} Block lock status - */ - -function useBlockLock(clientId) { - return (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - canEditBlock, - canMoveBlock, - canRemoveBlock, - canLockBlockType, - getBlockName, - getBlockRootClientId, - getTemplateLock - } = select(store); - const rootClientId = getBlockRootClientId(clientId); - const canEdit = canEditBlock(clientId); - const canMove = canMoveBlock(clientId, rootClientId); - const canRemove = canRemoveBlock(clientId, rootClientId); - return { - canEdit, - canMove, - canRemove, - canLock: canLockBlockType(getBlockName(clientId)), - isContentLocked: getTemplateLock(clientId) === 'contentOnly', - isLocked: !canEdit || !canMove || !canRemove - }; - }, [clientId]); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/unlock.js - - -/** - * WordPress dependencies - */ - -const unlock = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8h1.5c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1z" -})); -/* harmony default export */ var library_unlock = (unlock); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/lock.js - - -/** - * WordPress dependencies - */ - -const lock = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zm-2.8 0H9.8V7c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3z" -})); -/* harmony default export */ var library_lock = (lock); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/modal.js - - -/** - * WordPress dependencies - */ - - - - - - - -/** - * Internal dependencies - */ - - - - - -function getTemplateLockValue(lock) { - // Prevents all operations. - if (lock.remove && lock.move) { - return 'all'; - } // Prevents inserting or removing blocks, but allows moving existing blocks. - - - if (lock.remove && !lock.move) { - return 'insert'; - } - - return false; -} - -function BlockLockModal(_ref) { - let { clientId, - onClose - } = _ref; - const [lock, setLock] = (0,external_wp_element_namespaceObject.useState)({ - move: false, - remove: false + context: 'list-view' }); - const { - canEdit, - canMove, - canRemove - } = useBlockLock(clientId); - const { - isReusable, - templateLock, - hasTemplateLock - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getBlockAttributes, _blockType$attributes; - - const { - getBlockName, - getBlockAttributes - } = select(store); - const blockName = getBlockName(clientId); - const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(blockName); - return { - isReusable: (0,external_wp_blocks_namespaceObject.isReusableBlock)(blockType), - templateLock: (_getBlockAttributes = getBlockAttributes(clientId)) === null || _getBlockAttributes === void 0 ? void 0 : _getBlockAttributes.templateLock, - hasTemplateLock: !!(blockType !== null && blockType !== void 0 && (_blockType$attributes = blockType.attributes) !== null && _blockType$attributes !== void 0 && _blockType$attributes.templateLock) - }; - }, [clientId]); - const [applyTemplateLock, setApplyTemplateLock] = (0,external_wp_element_namespaceObject.useState)(!!templateLock); - const { - updateBlockAttributes - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const blockInformation = useBlockDisplayInformation(clientId); - const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockLockModal, 'block-editor-block-lock-modal__options-title'); - (0,external_wp_element_namespaceObject.useEffect)(() => { - setLock({ - move: !canMove, - remove: !canRemove, - ...(isReusable ? { - edit: !canEdit - } : {}) - }); - }, [canEdit, canMove, canRemove, isReusable]); - const isAllChecked = Object.values(lock).every(Boolean); - const isMixed = Object.values(lock).some(Boolean) && !isAllChecked; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { - title: (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: Name of the block. */ - (0,external_wp_i18n_namespaceObject.__)('Lock %s'), blockInformation.title), - overlayClassName: "block-editor-block-lock-modal", - closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close'), - onRequestClose: onClose - }, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('Choose specific attributes to restrict or lock all available options.')), (0,external_wp_element_namespaceObject.createElement)("form", { - onSubmit: event => { - event.preventDefault(); - updateBlockAttributes([clientId], { - lock, - templateLock: applyTemplateLock ? getTemplateLockValue(lock) : undefined - }); - onClose(); - } - }, (0,external_wp_element_namespaceObject.createElement)("div", { - role: "group", - "aria-labelledby": instanceId, - className: "block-editor-block-lock-modal__options" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { - className: "block-editor-block-lock-modal__options-title", - label: (0,external_wp_element_namespaceObject.createElement)("span", { - id: instanceId - }, (0,external_wp_i18n_namespaceObject.__)('Lock all')), - checked: isAllChecked, - indeterminate: isMixed, - onChange: newValue => setLock({ - move: newValue, - remove: newValue, - ...(isReusable ? { - edit: newValue - } : {}) - }) - }), (0,external_wp_element_namespaceObject.createElement)("ul", { - className: "block-editor-block-lock-modal__checklist" - }, isReusable && (0,external_wp_element_namespaceObject.createElement)("li", { - className: "block-editor-block-lock-modal__checklist-item" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { - label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('Restrict editing'), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { - icon: lock.edit ? library_lock : library_unlock - })), - checked: !!lock.edit, - onChange: edit => setLock(prevLock => ({ ...prevLock, - edit - })) - })), (0,external_wp_element_namespaceObject.createElement)("li", { - className: "block-editor-block-lock-modal__checklist-item" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { - label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('Disable movement'), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { - icon: lock.move ? library_lock : library_unlock - })), - checked: lock.move, - onChange: move => setLock(prevLock => ({ ...prevLock, - move - })) - })), (0,external_wp_element_namespaceObject.createElement)("li", { - className: "block-editor-block-lock-modal__checklist-item" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CheckboxControl, { - label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('Prevent removal'), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Icon, { - icon: lock.remove ? library_lock : library_unlock - })), - checked: lock.remove, - onChange: remove => setLock(prevLock => ({ ...prevLock, - remove - })) - }))), hasTemplateLock && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { - className: "block-editor-block-lock-modal__template-lock", - label: (0,external_wp_i18n_namespaceObject.__)('Apply to all blocks inside'), - checked: applyTemplateLock, - disabled: lock.move && !lock.remove, - onChange: () => setApplyTemplateLock(!applyTemplateLock) - })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, { - className: "block-editor-block-lock-modal__actions", - justify: "flex-end", - expanded: false - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - variant: "tertiary", - onClick: onClose - }, (0,external_wp_i18n_namespaceObject.__)('Cancel'))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - variant: "primary", - type: "submit" - }, (0,external_wp_i18n_namespaceObject.__)('Apply')))))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/menu-item.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - -function BlockLockMenuItem(_ref) { - let { - clientId - } = _ref; - const { - canLock, - isLocked - } = useBlockLock(clientId); - const [isModalOpen, toggleModal] = (0,external_wp_element_namespaceObject.useReducer)(isActive => !isActive, false); - - if (!canLock) { - return null; - } - - const label = isLocked ? (0,external_wp_i18n_namespaceObject.__)('Unlock') : (0,external_wp_i18n_namespaceObject.__)('Lock'); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - icon: isLocked ? library_unlock : library_lock, - onClick: toggleModal - }, label), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(BlockLockModal, { - clientId: clientId, - onClose: toggleModal - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu-controls/index.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -const { - Fill, - Slot: block_settings_menu_controls_Slot -} = (0,external_wp_components_namespaceObject.createSlotFill)('BlockSettingsMenuControls'); - -const BlockSettingsMenuControlsSlot = _ref => { - let { - fillProps, - clientIds = null, - __unstableDisplayLocation - } = _ref; - const { - selectedBlocks, - selectedClientIds, - canRemove - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlocksByClientId, - getSelectedBlockClientIds, - canRemoveBlocks - } = select(store); - const ids = clientIds !== null ? clientIds : getSelectedBlockClientIds(); - return { - selectedBlocks: (0,external_lodash_namespaceObject.map)(getBlocksByClientId(ids).filter(Boolean), block => block.name), - selectedClientIds: ids, - canRemove: canRemoveBlocks(ids) - }; - }, [clientIds]); - const { - canLock - } = useBlockLock(selectedClientIds[0]); - const showLockButton = selectedClientIds.length === 1 && canLock; // Check if current selection of blocks is Groupable or Ungroupable - // and pass this props down to ConvertToGroupButton. - - const convertToGroupButtonProps = useConvertToGroupButtonProps(); - const { - isGroupable, - isUngroupable - } = convertToGroupButtonProps; - const showConvertToGroupButton = (isGroupable || isUngroupable) && canRemove; - return (0,external_wp_element_namespaceObject.createElement)(block_settings_menu_controls_Slot, { - fillProps: { ...fillProps, - __unstableDisplayLocation, - selectedBlocks, - selectedClientIds - } - }, fills => { - if (!(fills !== null && fills !== void 0 && fills.length) > 0 && !showConvertToGroupButton && !showLockButton) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, showLockButton && (0,external_wp_element_namespaceObject.createElement)(BlockLockMenuItem, { - clientId: selectedClientIds[0] - }), fills, showConvertToGroupButton && (0,external_wp_element_namespaceObject.createElement)(ConvertToGroupButton, _extends({}, convertToGroupButtonProps, { - onClose: fillProps === null || fillProps === void 0 ? void 0 : fillProps.onClose - }))); - }); -}; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-settings-menu-controls/README.md - * - * @param {Object} props Fill props. - * @return {WPElement} Element. - */ - - -function BlockSettingsMenuControls(_ref2) { - let { ...props - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalStyleProvider, { - document: document - }, (0,external_wp_element_namespaceObject.createElement)(Fill, props)); -} - -BlockSettingsMenuControls.Slot = BlockSettingsMenuControlsSlot; -/* harmony default export */ var block_settings_menu_controls = (BlockSettingsMenuControls); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-settings-dropdown.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - - - - -/** - * Internal dependencies - */ - - - - - - - - - - - -const block_settings_dropdown_noop = () => {}; - -const block_settings_dropdown_POPOVER_PROPS = { - className: 'block-editor-block-settings-menu__popover', - position: 'bottom right', - isAlternate: true -}; - -function CopyMenuItem(_ref) { - let { - blocks, - onCopy - } = _ref; - const ref = (0,external_wp_compose_namespaceObject.useCopyToClipboard)(() => (0,external_wp_blocks_namespaceObject.serialize)(blocks), onCopy); - const copyMenuItemLabel = blocks.length > 1 ? (0,external_wp_i18n_namespaceObject.__)('Copy blocks') : (0,external_wp_i18n_namespaceObject.__)('Copy block'); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - ref: ref - }, copyMenuItemLabel); -} - -function BlockSettingsDropdown(_ref2) { - let { - clientIds, - __experimentalSelectBlock, - children, - __unstableDisplayLocation, - ...props - } = _ref2; - const blockClientIds = (0,external_lodash_namespaceObject.castArray)(clientIds); - const count = blockClientIds.length; - const firstBlockClientId = blockClientIds[0]; - const { - firstParentClientId, - hasReducedUI, - onlyBlock, - parentBlockType, - previousBlockClientId, - nextBlockClientId, - selectedBlockClientIds - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockCount, - getBlockName, - getBlockParents, - getPreviousBlockClientId, - getNextBlockClientId, - getSelectedBlockClientIds, - getSettings - } = select(store); - const parents = getBlockParents(firstBlockClientId); - const _firstParentClientId = parents[parents.length - 1]; - const parentBlockName = getBlockName(_firstParentClientId); - return { - firstParentClientId: _firstParentClientId, - hasReducedUI: getSettings().hasReducedUI, - onlyBlock: 1 === getBlockCount(), - parentBlockType: (0,external_wp_blocks_namespaceObject.getBlockType)(parentBlockName), - previousBlockClientId: getPreviousBlockClientId(firstBlockClientId), - nextBlockClientId: getNextBlockClientId(firstBlockClientId), - selectedBlockClientIds: getSelectedBlockClientIds() - }; - }, [firstBlockClientId]); - const shortcuts = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getShortcutRepresentation - } = select(external_wp_keyboardShortcuts_namespaceObject.store); - return { - duplicate: getShortcutRepresentation('core/block-editor/duplicate'), - remove: getShortcutRepresentation('core/block-editor/remove'), - insertAfter: getShortcutRepresentation('core/block-editor/insert-after'), - insertBefore: getShortcutRepresentation('core/block-editor/insert-before') - }; - }, []); - const { - selectBlock, - toggleBlockHighlight - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const updateSelectionAfterDuplicate = (0,external_wp_element_namespaceObject.useCallback)(__experimentalSelectBlock ? async clientIdsPromise => { - const ids = await clientIdsPromise; - - if (ids && ids[0]) { - __experimentalSelectBlock(ids[0]); - } - } : block_settings_dropdown_noop, [__experimentalSelectBlock]); - const blockTitle = useBlockDisplayTitle({ - clientId: firstBlockClientId, - maximumLength: 25 - }); - const updateSelectionAfterRemove = (0,external_wp_element_namespaceObject.useCallback)(__experimentalSelectBlock ? () => { - const blockToSelect = previousBlockClientId || nextBlockClientId; - - if (blockToSelect && // From the block options dropdown, it's possible to remove a block that is not selected, - // in this case, it's not necessary to update the selection since the selected block wasn't removed. - selectedBlockClientIds.includes(firstBlockClientId) && // Don't update selection when next/prev block also is in the selection ( and gets removed ), - // In case someone selects all blocks and removes them at once. - !selectedBlockClientIds.includes(blockToSelect)) { - __experimentalSelectBlock(blockToSelect); - } - } : block_settings_dropdown_noop, [__experimentalSelectBlock, previousBlockClientId, nextBlockClientId, selectedBlockClientIds]); - const label = (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: block name */ - (0,external_wp_i18n_namespaceObject.__)('Remove %s'), blockTitle); - const removeBlockLabel = count === 1 ? label : (0,external_wp_i18n_namespaceObject.__)('Remove blocks'); // Allows highlighting the parent block outline when focusing or hovering - // the parent block selector within the child. - - const selectParentButtonRef = (0,external_wp_element_namespaceObject.useRef)(); - const { - gestures: showParentOutlineGestures - } = useShowMoversGestures({ - ref: selectParentButtonRef, - - onChange(isFocused) { - if (isFocused && hasReducedUI) { - return; - } - - toggleBlockHighlight(firstParentClientId, isFocused); - } - - }); - return (0,external_wp_element_namespaceObject.createElement)(BlockActions, { - clientIds: clientIds, - __experimentalUpdateSelection: !__experimentalSelectBlock - }, _ref3 => { - let { - canDuplicate, - canInsertDefaultBlock, - canMove, - canRemove, - onDuplicate, - onInsertAfter, - onInsertBefore, - onRemove, - onCopy, - onMoveTo, - blocks - } = _ref3; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, _extends({ - icon: more_vertical, - label: (0,external_wp_i18n_namespaceObject.__)('Options'), - className: "block-editor-block-settings-menu", - popoverProps: block_settings_dropdown_POPOVER_PROPS, - noIcons: true - }, props), _ref4 => { - let { - onClose - } = _ref4; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(block_settings_menu_first_item.Slot, { - fillProps: { - onClose - } - }), firstParentClientId !== undefined && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, _extends({}, showParentOutlineGestures, { - ref: selectParentButtonRef, - icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: parentBlockType.icon - }), - onClick: () => selectBlock(firstParentClientId) - }), (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: Name of the block's parent. */ - (0,external_wp_i18n_namespaceObject.__)('Select parent block (%s)'), parentBlockType.title)), count === 1 && (0,external_wp_element_namespaceObject.createElement)(block_html_convert_button, { - clientId: firstBlockClientId - }), (0,external_wp_element_namespaceObject.createElement)(CopyMenuItem, { - blocks: blocks, - onCopy: onCopy - }), canDuplicate && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: (0,external_lodash_namespaceObject.flow)(onClose, onDuplicate, updateSelectionAfterDuplicate), - shortcut: shortcuts.duplicate - }, (0,external_wp_i18n_namespaceObject.__)('Duplicate')), canInsertDefaultBlock && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: (0,external_lodash_namespaceObject.flow)(onClose, onInsertBefore), - shortcut: shortcuts.insertBefore - }, (0,external_wp_i18n_namespaceObject.__)('Insert before')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: (0,external_lodash_namespaceObject.flow)(onClose, onInsertAfter), - shortcut: shortcuts.insertAfter - }, (0,external_wp_i18n_namespaceObject.__)('Insert after'))), canMove && !onlyBlock && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: (0,external_lodash_namespaceObject.flow)(onClose, onMoveTo) - }, (0,external_wp_i18n_namespaceObject.__)('Move to')), count === 1 && (0,external_wp_element_namespaceObject.createElement)(block_mode_toggle, { - clientId: firstBlockClientId, - onToggle: onClose - })), (0,external_wp_element_namespaceObject.createElement)(block_settings_menu_controls.Slot, { - fillProps: { - onClose - }, - clientIds: clientIds, - __unstableDisplayLocation: __unstableDisplayLocation - }), typeof children === 'function' ? children({ - onClose - }) : external_wp_element_namespaceObject.Children.map(child => (0,external_wp_element_namespaceObject.cloneElement)(child, { - onClose - })), canRemove && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: (0,external_lodash_namespaceObject.flow)(onClose, onRemove, updateSelectionAfterRemove), - shortcut: shortcuts.remove - }, removeBlockLabel))); - }); - }); -} -/* harmony default export */ var block_settings_dropdown = (BlockSettingsDropdown); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/index.js - - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -function BlockSettingsMenu(_ref) { - let { - clientIds, - ...props - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, toggleProps => (0,external_wp_element_namespaceObject.createElement)(block_settings_dropdown, _extends({ - clientIds: clientIds, - toggleProps: toggleProps - }, props)))); -} -/* harmony default export */ var block_settings_menu = (BlockSettingsMenu); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-lock/toolbar.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - -function BlockLockToolbar(_ref) { - let { - clientId - } = _ref; - const blockInformation = useBlockDisplayInformation(clientId); - const { - canEdit, - canMove, - canRemove, - canLock - } = useBlockLock(clientId); - const [isModalOpen, toggleModal] = (0,external_wp_element_namespaceObject.useReducer)(isActive => !isActive, false); - - if (!canLock) { - return null; - } - - if (canEdit && canMove && canRemove) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { - className: "block-editor-block-lock-toolbar" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: library_lock, - label: (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: block name */ - (0,external_wp_i18n_namespaceObject.__)('Unlock %s'), blockInformation.title), - onClick: toggleModal - })), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(BlockLockModal, { - clientId: clientId, - onClose: toggleModal - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/group.js - - -/** - * WordPress dependencies - */ - -const group_group = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z" -})); -/* harmony default export */ var library_group = (group_group); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/row.js - - -/** - * WordPress dependencies - */ - -const row = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M9.2 6.5H4V8h5.2c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H4v1.5h5.2c1.1 0 2-.9 2-2v-7c0-1.1-.8-2-2-2zM14.8 8H20V6.5h-5.2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2H20V16h-5.2c-.3 0-.5-.2-.5-.5v-7c-.1-.3.2-.5.5-.5z" -})); -/* harmony default export */ var library_row = (row); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stack.js - - -/** - * WordPress dependencies - */ - -const stack = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M16 4v5.2c0 .3-.2.5-.5.5h-7c-.3.1-.5-.2-.5-.5V4H6.5v5.2c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V4H16zm-.5 8.8h-7c-1.1 0-2 .9-2 2V20H8v-5.2c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5V20h1.5v-5.2c0-1.2-.9-2-2-2z" -})); -/* harmony default export */ var library_stack = (stack); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/convert-to-group-buttons/toolbar.js - - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - -const layouts = { - group: { - type: 'constrained' - }, - row: { - type: 'flex', - flexWrap: 'nowrap' - }, - stack: { - type: 'flex', - orientation: 'vertical' - } -}; - -function BlockGroupToolbar() { - const { - blocksSelection, - clientIds, - groupingBlockName, - isGroupable - } = useConvertToGroupButtonProps(); - const { - replaceBlocks - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const { - canRemove, - variations - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - canRemoveBlocks - } = select(store); - const { - getBlockVariations - } = select(external_wp_blocks_namespaceObject.store); - return { - canRemove: canRemoveBlocks(clientIds), - variations: getBlockVariations(groupingBlockName, 'transform') - }; - }, [clientIds, groupingBlockName]); - - const onConvertToGroup = layout => { - const newBlocks = (0,external_wp_blocks_namespaceObject.switchToBlockType)(blocksSelection, groupingBlockName); - - if (typeof layout !== 'string') { - layout = 'group'; - } - - if (newBlocks && newBlocks.length > 0) { - // Because the block is not in the store yet we can't use - // updateBlockAttributes so need to manually update attributes. - newBlocks[0].attributes.layout = layouts[layout]; - replaceBlocks(clientIds, newBlocks); - } - }; - - const onConvertToRow = () => onConvertToGroup('row'); - - const onConvertToStack = () => onConvertToGroup('stack'); // Don't render the button if the current selection cannot be grouped. - // A good example is selecting multiple button blocks within a Buttons block: - // The group block is not a valid child of Buttons, so we should not show the button. - // Any blocks that are locked against removal also cannot be grouped. - - - if (!isGroupable || !canRemove) { - return null; - } - - const canInsertRow = !!variations.find(_ref => { - let { - name - } = _ref; - return name === 'group-row'; - }); - const canInsertStack = !!variations.find(_ref2 => { - let { - name - } = _ref2; - return name === 'group-stack'; - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: library_group, - label: (0,external_wp_i18n_namespaceObject._x)('Group', 'verb'), - onClick: onConvertToGroup - }), canInsertRow && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: library_row, - label: (0,external_wp_i18n_namespaceObject._x)('Row', 'single horizontal line'), - onClick: onConvertToRow - }), canInsertStack && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: library_stack, - label: (0,external_wp_i18n_namespaceObject._x)('Stack', 'verb'), - onClick: onConvertToStack - })); -} - -/* harmony default export */ var toolbar = (BlockGroupToolbar); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-edit-visually-button/index.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - -function BlockEditVisuallyButton(_ref) { - let { - clientIds - } = _ref; - // Edit visually only works for single block selection. - const clientId = clientIds.length === 1 ? clientIds[0] : undefined; - const canEditVisually = (0,external_wp_data_namespaceObject.useSelect)(select => !!clientId && select(store).getBlockMode(clientId) === 'html', [clientId]); - const { - toggleBlockMode - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - - if (!canEditVisually) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - onClick: () => { - toggleBlockMode(clientId); - } - }, (0,external_wp_i18n_namespaceObject.__)('Edit visually'))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/block-name-context.js -/** - * WordPress dependencies - */ - - -const __unstableBlockNameContext = (0,external_wp_element_namespaceObject.createContext)(''); - -/* harmony default export */ var block_name_context = (__unstableBlockNameContext); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/index.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - - - - - - - - - - - -const BlockToolbar = _ref => { - let { - hideDragHandle - } = _ref; - const { - blockClientIds, - blockClientId, - blockType, - hasFixedToolbar, - hasReducedUI, - isValid, - isVisual, - isContentLocked - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockName, - getBlockMode, - getSelectedBlockClientIds, - isBlockValid, - getBlockRootClientId, - getSettings, - __unstableGetContentLockingParent - } = select(store); - const selectedBlockClientIds = getSelectedBlockClientIds(); - const selectedBlockClientId = selectedBlockClientIds[0]; - const blockRootClientId = getBlockRootClientId(selectedBlockClientId); - const settings = getSettings(); - return { - blockClientIds: selectedBlockClientIds, - blockClientId: selectedBlockClientId, - blockType: selectedBlockClientId && (0,external_wp_blocks_namespaceObject.getBlockType)(getBlockName(selectedBlockClientId)), - hasFixedToolbar: settings.hasFixedToolbar, - hasReducedUI: settings.hasReducedUI, - rootClientId: blockRootClientId, - isValid: selectedBlockClientIds.every(id => isBlockValid(id)), - isVisual: selectedBlockClientIds.every(id => getBlockMode(id) === 'visual'), - isContentLocked: !!__unstableGetContentLockingParent(selectedBlockClientId) - }; - }, []); // Handles highlighting the current block outline on hover or focus of the - // block type toolbar area. - - const { - toggleBlockHighlight - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const nodeRef = (0,external_wp_element_namespaceObject.useRef)(); - const { - showMovers, - gestures: showMoversGestures - } = useShowMoversGestures({ - ref: nodeRef, - - onChange(isFocused) { - if (isFocused && hasReducedUI) { - return; - } - - toggleBlockHighlight(blockClientId, isFocused); - } - - }); // Account for the cases where the block toolbar is rendered within the - // header area and not contextually to the block. - - const displayHeaderToolbar = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<') || hasFixedToolbar; - - if (blockType) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, '__experimentalToolbar', true)) { - return null; - } - } - - const shouldShowMovers = displayHeaderToolbar || showMovers; - - if (blockClientIds.length === 0) { - return null; - } - - const shouldShowVisualToolbar = isValid && isVisual; - const isMultiToolbar = blockClientIds.length > 1; - const classes = classnames_default()('block-editor-block-toolbar', shouldShowMovers && 'is-showing-movers'); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: classes - }, !isMultiToolbar && !displayHeaderToolbar && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(BlockParentSelector, null), (0,external_wp_element_namespaceObject.createElement)("div", _extends({ - ref: nodeRef - }, showMoversGestures), (shouldShowVisualToolbar || isMultiToolbar) && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { - className: "block-editor-block-toolbar__block-controls" - }, (0,external_wp_element_namespaceObject.createElement)(block_switcher, { - clientIds: blockClientIds - }), !isMultiToolbar && (0,external_wp_element_namespaceObject.createElement)(BlockLockToolbar, { - clientId: blockClientIds[0] - }), (0,external_wp_element_namespaceObject.createElement)(block_mover, { - clientIds: blockClientIds, - hideDragHandle: hideDragHandle || hasReducedUI - }))), shouldShowVisualToolbar && isMultiToolbar && (0,external_wp_element_namespaceObject.createElement)(toolbar, null), shouldShowVisualToolbar && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { - group: "parent", - className: "block-editor-block-toolbar__slot" - }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { - group: "block", - className: "block-editor-block-toolbar__slot" - }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { - className: "block-editor-block-toolbar__slot" - }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { - group: "inline", - className: "block-editor-block-toolbar__slot" - }), (0,external_wp_element_namespaceObject.createElement)(block_controls.Slot, { - group: "other", - className: "block-editor-block-toolbar__slot" - }), (0,external_wp_element_namespaceObject.createElement)(block_name_context.Provider, { - value: blockType === null || blockType === void 0 ? void 0 : blockType.name - }, (0,external_wp_element_namespaceObject.createElement)(block_toolbar_last_item.Slot, null))), (0,external_wp_element_namespaceObject.createElement)(BlockEditVisuallyButton, { - clientIds: blockClientIds - }), !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(block_settings_menu, { - clientIds: blockClientIds - })); -}; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-toolbar/README.md - */ - - -/* harmony default export */ var block_toolbar = (BlockToolbar); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/block-contextual-toolbar.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - -function BlockContextualToolbar(_ref) { - let { - focusOnMount, - isFixed, - ...props - } = _ref; - const { - blockType, - hasParents, - showParentSelector - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockName, - getBlockParents, - getSelectedBlockClientIds, - __unstableGetContentLockingParent - } = select(store); - const { - getBlockType - } = select(external_wp_blocks_namespaceObject.store); - const selectedBlockClientIds = getSelectedBlockClientIds(); - const selectedBlockClientId = selectedBlockClientIds[0]; - const parents = getBlockParents(selectedBlockClientId); - const firstParentClientId = parents[parents.length - 1]; - const parentBlockName = getBlockName(firstParentClientId); - const parentBlockType = getBlockType(parentBlockName); - return { - blockType: selectedBlockClientId && getBlockType(getBlockName(selectedBlockClientId)), - hasParents: parents.length, - showParentSelector: parentBlockType && (0,external_wp_blocks_namespaceObject.hasBlockSupport)(parentBlockType, '__experimentalParentSelector', true) && selectedBlockClientIds.length <= 1 && !__unstableGetContentLockingParent(selectedBlockClientId) - }; - }, []); - - if (blockType) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, '__experimentalToolbar', true)) { - return null; - } - } // Shifts the toolbar to make room for the parent block selector. - - - const classes = classnames_default()('block-editor-block-contextual-toolbar', { - 'has-parent': hasParents && showParentSelector, - 'is-fixed': isFixed - }); - return (0,external_wp_element_namespaceObject.createElement)(navigable_toolbar, _extends({ - focusOnMount: focusOnMount, - className: classes - /* translators: accessibility text for the block toolbar */ - , - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block tools') - }, props), (0,external_wp_element_namespaceObject.createElement)(block_toolbar, { - hideDragHandle: isFixed - })); -} - -/* harmony default export */ var block_contextual_toolbar = (BlockContextualToolbar); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/use-block-toolbar-popover-props.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - // By default the toolbar sets the `shift` prop. If the user scrolls the page -// down the toolbar will stay on screen by adopting a sticky position at the -// top of the viewport. - -const use_block_toolbar_popover_props_DEFAULT_PROPS = { - flip: false, - shift: true -}; // When there isn't enough height between the top of the block and the editor -// canvas, the `shift` prop is set to `false`, as it will cause the block to be -// obscured. The `flip` behavior is enabled, which positions the toolbar below -// the block. This only happens if the block is smaller than the viewport, as -// otherwise the toolbar will be off-screen. - -const RESTRICTED_HEIGHT_PROPS = { - flip: true, - shift: false -}; -/** - * Get the popover props for the block toolbar, determined by the space at the top of the canvas and the toolbar height. - * - * @param {Element} contentElement The DOM element that represents the editor content or canvas. - * @param {Element} selectedBlockElement The outer DOM element of the first selected block. - * @param {number} toolbarHeight The height of the toolbar in pixels. - * - * @return {Object} The popover props used to determine the position of the toolbar. - */ - -function getProps(contentElement, selectedBlockElement, toolbarHeight) { - if (!contentElement || !selectedBlockElement) { - return use_block_toolbar_popover_props_DEFAULT_PROPS; - } - - const blockRect = selectedBlockElement.getBoundingClientRect(); - const contentRect = contentElement.getBoundingClientRect(); // The document element's clientHeight represents the viewport height. - - const viewportHeight = contentElement.ownerDocument.documentElement.clientHeight; - const hasSpaceForToolbarAbove = blockRect.top - contentRect.top > toolbarHeight; - const isBlockTallerThanViewport = blockRect.height > viewportHeight - toolbarHeight; - - if (hasSpaceForToolbarAbove || isBlockTallerThanViewport) { - return use_block_toolbar_popover_props_DEFAULT_PROPS; - } - - return RESTRICTED_HEIGHT_PROPS; -} -/** - * Determines the desired popover positioning behavior, returning a set of appropriate props. - * - * @param {Object} elements - * @param {Element} elements.contentElement The DOM element that represents the editor content or canvas. - * @param {string} elements.clientId The clientId of the first selected block. - * - * @return {Object} The popover props used to determine the position of the toolbar. - */ - - -function useBlockToolbarPopoverProps(_ref) { - let { - contentElement, - clientId - } = _ref; - const selectedBlockElement = useBlockElement(clientId); - const [toolbarHeight, setToolbarHeight] = (0,external_wp_element_namespaceObject.useState)(0); - const [props, setProps] = (0,external_wp_element_namespaceObject.useState)(() => getProps(contentElement, selectedBlockElement, toolbarHeight)); - const blockIndex = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlockIndex(clientId), [clientId]); - const popoverRef = (0,external_wp_compose_namespaceObject.useRefEffect)(popoverNode => { - setToolbarHeight(popoverNode.offsetHeight); - }, []); - const updateProps = (0,external_wp_element_namespaceObject.useCallback)(() => setProps(getProps(contentElement, selectedBlockElement, toolbarHeight)), [contentElement, selectedBlockElement, toolbarHeight]); // Update props when the block is moved. This also ensures the props are - // correct on initial mount, and when the selected block or content element - // changes (since the callback ref will update). - - (0,external_wp_element_namespaceObject.useLayoutEffect)(updateProps, [blockIndex, updateProps]); // Update props when the viewport is resized or the block is resized. - - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - var _contentElement$owner, _contentView$addEvent, _selectedBlockElement; - - if (!contentElement || !selectedBlockElement) { - return; - } // Update the toolbar props on viewport resize. - - - const contentView = contentElement === null || contentElement === void 0 ? void 0 : (_contentElement$owner = contentElement.ownerDocument) === null || _contentElement$owner === void 0 ? void 0 : _contentElement$owner.defaultView; - contentView === null || contentView === void 0 ? void 0 : (_contentView$addEvent = contentView.addEventHandler) === null || _contentView$addEvent === void 0 ? void 0 : _contentView$addEvent.call(contentView, 'resize', updateProps); // Update the toolbar props on block resize. - - let resizeObserver; - const blockView = selectedBlockElement === null || selectedBlockElement === void 0 ? void 0 : (_selectedBlockElement = selectedBlockElement.ownerDocument) === null || _selectedBlockElement === void 0 ? void 0 : _selectedBlockElement.defaultView; - - if (blockView.ResizeObserver) { - resizeObserver = new blockView.ResizeObserver(updateProps); - resizeObserver.observe(selectedBlockElement); - } - - return () => { - var _contentView$removeEv; - - contentView === null || contentView === void 0 ? void 0 : (_contentView$removeEv = contentView.removeEventHandler) === null || _contentView$removeEv === void 0 ? void 0 : _contentView$removeEv.call(contentView, 'resize', updateProps); - - if (resizeObserver) { - resizeObserver.disconnect(); - } - }; - }, [updateProps, contentElement, selectedBlockElement]); - return { ...props, - ref: popoverRef - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/selected-block-popover.js - - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - - - - - -function selected_block_popover_selector(select) { - const { - __unstableGetEditorMode, - isMultiSelecting, - hasMultiSelection, - isTyping, - getSettings, - getLastMultiSelectedBlockClientId - } = select(store); - return { - editorMode: __unstableGetEditorMode(), - isMultiSelecting: isMultiSelecting(), - isTyping: isTyping(), - hasFixedToolbar: getSettings().hasFixedToolbar, - lastClientId: hasMultiSelection() ? getLastMultiSelectedBlockClientId() : null - }; -} - -function SelectedBlockPopover(_ref) { - let { - clientId, - rootClientId, - isEmptyDefaultBlock, - capturingClientId, - __unstablePopoverSlot, - __unstableContentRef - } = _ref; - const { - editorMode, - isMultiSelecting, - isTyping, - hasFixedToolbar, - lastClientId - } = (0,external_wp_data_namespaceObject.useSelect)(selected_block_popover_selector, []); - const isInsertionPointVisible = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - isBlockInsertionPointVisible, - getBlockInsertionPoint, - getBlockOrder - } = select(store); - - if (!isBlockInsertionPointVisible()) { - return false; - } - - const insertionPoint = getBlockInsertionPoint(); - const order = getBlockOrder(insertionPoint.rootClientId); - return order[insertionPoint.index] === clientId; - }, [clientId]); - const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); - const isToolbarForced = (0,external_wp_element_namespaceObject.useRef)(false); - const { - stopTyping - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const showEmptyBlockSideInserter = !isTyping && editorMode === 'edit' && isEmptyDefaultBlock; - const shouldShowBreadcrumb = editorMode === 'navigation' || editorMode === 'zoom-out'; - const shouldShowContextualToolbar = editorMode === 'edit' && !hasFixedToolbar && isLargeViewport && !isMultiSelecting && !showEmptyBlockSideInserter && !isTyping; - const canFocusHiddenToolbar = editorMode === 'edit' && !shouldShowContextualToolbar && !hasFixedToolbar && !isEmptyDefaultBlock; - (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/block-editor/focus-toolbar', () => { - isToolbarForced.current = true; - stopTyping(true); - }, { - isDisabled: !canFocusHiddenToolbar + const insertedBlockTitle = useBlockDisplayTitle({ + clientId: insertedBlock === null || insertedBlock === void 0 ? void 0 : insertedBlock.clientId, + context: 'list-view' }); (0,external_wp_element_namespaceObject.useEffect)(() => { - isToolbarForced.current = false; - }); // Stores the active toolbar item index so the block toolbar can return focus - // to it when re-mounting. + if (!(insertedBlockTitle !== null && insertedBlockTitle !== void 0 && insertedBlockTitle.length)) { + return; + } - const initialToolbarItemIndexRef = (0,external_wp_element_namespaceObject.useRef)(); - const popoverProps = useBlockToolbarPopoverProps({ - contentElement: __unstableContentRef === null || __unstableContentRef === void 0 ? void 0 : __unstableContentRef.current, - clientId - }); + (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc) + (0,external_wp_i18n_namespaceObject.__)('%s block inserted'), insertedBlockTitle), 'assertive'); + }, [insertedBlockTitle]); - if (!shouldShowBreadcrumb && !shouldShowContextualToolbar && !showEmptyBlockSideInserter) { + if (hideInserter) { return null; } - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, showEmptyBlockSideInserter && (0,external_wp_element_namespaceObject.createElement)(block_popover, _extends({ - clientId: capturingClientId || clientId, - __unstableCoverTarget: true, - bottomClientId: lastClientId, - className: classnames_default()('block-editor-block-list__block-side-inserter-popover', { - 'is-insertion-point-visible': isInsertionPointVisible - }), - __unstablePopoverSlot: __unstablePopoverSlot, - __unstableContentRef: __unstableContentRef, - resize: false, - shift: false - }, popoverProps), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-list__empty-block-inserter" - }, (0,external_wp_element_namespaceObject.createElement)(inserter, { + const descriptionId = `off-canvas-editor-appender__${instanceId}`; + const description = (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */ + (0,external_wp_i18n_namespaceObject.__)('Append to %1$s block at position %2$d, Level %3$d'), blockTitle, blockCount + 1, nestingLevel); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "offcanvas-editor-appender" + }, (0,external_wp_element_namespaceObject.createElement)(inserter, _extends({ + ref: ref, + rootClientId: clientId, position: "bottom right", - rootClientId: rootClientId, - clientId: clientId, + isAppender: true, + selectBlockOnInsert: false, + shouldDirectInsert: false, __experimentalIsQuick: true - }))), (shouldShowBreadcrumb || shouldShowContextualToolbar) && (0,external_wp_element_namespaceObject.createElement)(block_popover, _extends({ - clientId: capturingClientId || clientId, - bottomClientId: lastClientId, - className: classnames_default()('block-editor-block-list__block-popover', { - 'is-insertion-point-visible': isInsertionPointVisible - }), - __unstablePopoverSlot: __unstablePopoverSlot, - __unstableContentRef: __unstableContentRef, - resize: false - }, popoverProps), shouldShowContextualToolbar && (0,external_wp_element_namespaceObject.createElement)(block_contextual_toolbar // If the toolbar is being shown because of being forced - // it should focus the toolbar right after the mount. - , { - focusOnMount: isToolbarForced.current, - __experimentalInitialIndex: initialToolbarItemIndexRef.current, - __experimentalOnIndexChange: index => { - initialToolbarItemIndexRef.current = index; - } // Resets the index whenever the active block changes so - // this is not persisted. See https://github.com/WordPress/gutenberg/pull/25760#issuecomment-717906169 - , - key: clientId - }), shouldShowBreadcrumb && (0,external_wp_element_namespaceObject.createElement)(block_selection_button, { - clientId: clientId, - rootClientId: rootClientId - }))); -} - -function wrapperSelector(select) { - const { - getSelectedBlockClientId, - getFirstMultiSelectedBlockClientId, - getBlockRootClientId, - getBlock, - getBlockParents, - __experimentalGetBlockListSettingsForBlocks - } = select(store); - const clientId = getSelectedBlockClientId() || getFirstMultiSelectedBlockClientId(); - - if (!clientId) { - return; - } - - const { - name, - attributes = {} - } = getBlock(clientId) || {}; - const blockParentsClientIds = getBlockParents(clientId); // Get Block List Settings for all ancestors of the current Block clientId. - - const parentBlockListSettings = __experimentalGetBlockListSettingsForBlocks(blockParentsClientIds); // Get the clientId of the topmost parent with the capture toolbars setting. - - - const capturingClientId = (0,external_lodash_namespaceObject.find)(blockParentsClientIds, parentClientId => { - var _parentBlockListSetti; - - return (_parentBlockListSetti = parentBlockListSettings[parentClientId]) === null || _parentBlockListSetti === void 0 ? void 0 : _parentBlockListSetti.__experimentalCaptureToolbars; - }); - return { - clientId, - rootClientId: getBlockRootClientId(clientId), - name, - isEmptyDefaultBlock: name && (0,external_wp_blocks_namespaceObject.isUnmodifiedDefaultBlock)({ - name, - attributes - }), - capturingClientId - }; -} - -function WrappedBlockPopover(_ref2) { - let { - __unstablePopoverSlot, - __unstableContentRef - } = _ref2; - const selected = (0,external_wp_data_namespaceObject.useSelect)(wrapperSelector, []); - - if (!selected) { - return null; - } - - const { - clientId, - rootClientId, - name, - isEmptyDefaultBlock, - capturingClientId - } = selected; - - if (!name) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(SelectedBlockPopover, { - clientId: clientId, - rootClientId: rootClientId, - isEmptyDefaultBlock: isEmptyDefaultBlock, - capturingClientId: capturingClientId, - __unstablePopoverSlot: __unstablePopoverSlot, - __unstableContentRef: __unstableContentRef - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-tools/back-compat.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -function BlockToolsBackCompat(_ref) { - let { - children - } = _ref; - const openRef = (0,external_wp_element_namespaceObject.useContext)(insertion_point_InsertionPointOpenRef); - const isDisabled = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.Disabled.Context); // If context is set, `BlockTools` is a parent component. - - if (openRef || isDisabled) { - return children; - } - - external_wp_deprecated_default()('wp.components.Popover.Slot name="block-toolbar"', { - alternative: 'wp.blockEditor.BlockTools', - since: '5.8' - }); - return (0,external_wp_element_namespaceObject.createElement)(InsertionPoint, { - __unstablePopoverSlot: "block-toolbar" - }, (0,external_wp_element_namespaceObject.createElement)(WrappedBlockPopover, { - __unstablePopoverSlot: "block-toolbar" - }), children); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/with-client-id.js - - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -const withClientId = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => { - const { - clientId - } = useBlockEditContext(); - return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { - clientId: clientId - })); -}, 'withClientId'); -/* harmony default export */ var with_client_id = (withClientId); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/button-block-appender.js - - -/** - * External dependencies - */ - -/** - * Internal dependencies - */ - - - -const button_block_appender_ButtonBlockAppender = _ref => { - let { - clientId, - showSeparator, - isFloating, - onAddBlock, - isToggle - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(button_block_appender, { - className: classnames_default()({ - 'block-list-appender__toggle': isToggle - }), - rootClientId: clientId, - showSeparator: showSeparator, - isFloating: isFloating, - onAddBlock: onAddBlock - }); -}; -/* harmony default export */ var inner_blocks_button_block_appender = (with_client_id(button_block_appender_ButtonBlockAppender)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/default-block-appender.js - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - - -const default_block_appender_DefaultBlockAppender = _ref => { - let { - clientId - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(default_block_appender, { - rootClientId: clientId - }); -}; -/* harmony default export */ var inner_blocks_default_block_appender = ((0,external_wp_compose_namespaceObject.compose)([with_client_id, (0,external_wp_data_namespaceObject.withSelect)((select, _ref2) => { - let { - clientId - } = _ref2; - const { - getBlockOrder - } = select(store); - const blockClientIds = getBlockOrder(clientId); - return { - lastBlockClientId: blockClientIds[blockClientIds.length - 1] - }; -})])(default_block_appender_DefaultBlockAppender)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/use-nested-settings-update.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -/** @typedef {import('../../selectors').WPDirectInsertBlock } WPDirectInsertBlock */ - -const pendingSettingsUpdates = new WeakMap(); -/** - * This hook is a side effect which updates the block-editor store when changes - * happen to inner block settings. The given props are transformed into a - * settings object, and if that is different from the current settings object in - * the block-editor store, then the store is updated with the new settings which - * came from props. - * - * @param {string} clientId The client ID of the block to update. - * @param {string[]} allowedBlocks An array of block names which are permitted - * in inner blocks. - * @param {?WPDirectInsertBlock} __experimentalDefaultBlock The default block to insert: [ blockName, { blockAttributes } ]. - * @param {?Function|boolean} __experimentalDirectInsert If a default block should be inserted directly by the - * appender. - * @param {string} [templateLock] The template lock specified for the inner - * blocks component. (e.g. "all") - * @param {boolean} captureToolbars Whether or children toolbars should be shown - * in the inner blocks component rather than on - * the child block. - * @param {string} orientation The direction in which the block - * should face. - * @param {Object} layout The layout object for the block container. - */ - -function useNestedSettingsUpdate(clientId, allowedBlocks, __experimentalDefaultBlock, __experimentalDirectInsert, templateLock, captureToolbars, orientation, layout) { - const { - updateBlockListSettings - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const registry = (0,external_wp_data_namespaceObject.useRegistry)(); - const { - blockListSettings, - parentLock - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const rootClientId = select(store).getBlockRootClientId(clientId); - return { - blockListSettings: select(store).getBlockListSettings(clientId), - parentLock: select(store).getTemplateLock(rootClientId) - }; - }, [clientId]); // Memoize as inner blocks implementors often pass a new array on every - // render. - - const _allowedBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => allowedBlocks, allowedBlocks); - - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - const newSettings = { - allowedBlocks: _allowedBlocks, - templateLock: templateLock === undefined || parentLock === 'contentOnly' ? parentLock : templateLock - }; // These values are not defined for RN, so only include them if they - // are defined. - - if (captureToolbars !== undefined) { - newSettings.__experimentalCaptureToolbars = captureToolbars; - } // Orientation depends on layout, - // ideally the separate orientation prop should be deprecated. - - - if (orientation !== undefined) { - newSettings.orientation = orientation; - } else { - const layoutType = getLayoutType(layout === null || layout === void 0 ? void 0 : layout.type); - newSettings.orientation = layoutType.getOrientation(layout); - } - - if (__experimentalDefaultBlock !== undefined) { - newSettings.__experimentalDefaultBlock = __experimentalDefaultBlock; - } - - if (__experimentalDirectInsert !== undefined) { - newSettings.__experimentalDirectInsert = __experimentalDirectInsert; - } - - if (!external_wp_isShallowEqual_default()(blockListSettings, newSettings)) { - // Batch updates to block list settings to avoid triggering cascading renders - // for each container block included in a tree and optimize initial render. - // To avoid triggering updateBlockListSettings for each container block - // causing X re-renderings for X container blocks, - // we batch all the updatedBlockListSettings in a single "data" batch - // which results in a single re-render. - if (!pendingSettingsUpdates.get(registry)) { - pendingSettingsUpdates.set(registry, []); - } - - pendingSettingsUpdates.get(registry).push([clientId, newSettings]); - window.queueMicrotask(() => { - var _pendingSettingsUpdat; - - if ((_pendingSettingsUpdat = pendingSettingsUpdates.get(registry)) !== null && _pendingSettingsUpdat !== void 0 && _pendingSettingsUpdat.length) { - registry.batch(() => { - pendingSettingsUpdates.get(registry).forEach(args => { - updateBlockListSettings(...args); - }); - pendingSettingsUpdates.set(registry, []); - }); - } - }); - } - }, [clientId, blockListSettings, _allowedBlocks, __experimentalDefaultBlock, __experimentalDirectInsert, templateLock, parentLock, captureToolbars, orientation, updateBlockListSettings, layout, registry]); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/use-inner-block-template-sync.js -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - -/** - * This hook makes sure that a block's inner blocks stay in sync with the given - * block "template". The template is a block hierarchy to which inner blocks must - * conform. If the blocks get "out of sync" with the template and the template - * is meant to be locked (e.g. templateLock = "all" or templateLock = "contentOnly"), - * then we replace the inner blocks with the correct value after synchronizing it with the template. - * - * @param {string} clientId The block client ID. - * @param {Object} template The template to match. - * @param {string} templateLock The template lock state for the inner blocks. For - * example, if the template lock is set to "all", - * then the inner blocks will stay in sync with the - * template. If not defined or set to false, then - * the inner blocks will not be synchronized with - * the given template. - * @param {boolean} templateInsertUpdatesSelection Whether or not to update the - * block-editor selection state when inner blocks - * are replaced after template synchronization. - */ - -function useInnerBlockTemplateSync(clientId, template, templateLock, templateInsertUpdatesSelection) { - const { - getSelectedBlocksInitialCaretPosition, - isBlockSelected - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - replaceInnerBlocks - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const innerBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlocks(clientId), [clientId]); - const { - getBlocks - } = (0,external_wp_data_namespaceObject.useSelect)(store); // Maintain a reference to the previous value so we can do a deep equality check. - - const existingTemplate = (0,external_wp_element_namespaceObject.useRef)(null); - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - // There's an implicit dependency between useInnerBlockTemplateSync and useNestedSettingsUpdate - // The former needs to happen after the latter and since the latter is using microtasks to batch updates (performance optimization), - // we need to schedule this one in a microtask as well. - // Exemple: If you remove queueMicrotask here, ctrl + click to insert quote block won't close the inserter. - window.queueMicrotask(() => { - // Only synchronize innerBlocks with template if innerBlocks are empty - // or a locking "all" or "contentOnly" exists directly on the block. - const currentInnerBlocks = getBlocks(clientId); - const shouldApplyTemplate = currentInnerBlocks.length === 0 || templateLock === 'all' || templateLock === 'contentOnly'; - const hasTemplateChanged = !(0,external_lodash_namespaceObject.isEqual)(template, existingTemplate.current); - - if (!shouldApplyTemplate || !hasTemplateChanged) { - return; - } - - existingTemplate.current = template; - const nextBlocks = (0,external_wp_blocks_namespaceObject.synchronizeBlocksWithTemplate)(currentInnerBlocks, template); - - if (!(0,external_lodash_namespaceObject.isEqual)(nextBlocks, currentInnerBlocks)) { - replaceInnerBlocks(clientId, nextBlocks, currentInnerBlocks.length === 0 && templateInsertUpdatesSelection && nextBlocks.length !== 0 && isBlockSelected(clientId), // This ensures the "initialPosition" doesn't change when applying the template - // If we're supposed to focus the block, we'll focus the first inner block - // otherwise, we won't apply any auto-focus. - // This ensures for instance that the focus stays in the inserter when inserting the "buttons" block. - getSelectedBlocksInitialCaretPosition()); - } - }); - }, [innerBlocks, template, templateLock, clientId]); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/get-block-context.js -/** - * External dependencies - */ - -/** - * Block context cache, implemented as a WeakMap mapping block types to a - * WeakMap mapping attributes object to context value. - * - * @type {WeakMap>} - */ - -const BLOCK_CONTEXT_CACHE = new WeakMap(); -/** - * Returns a cached context object value for a given set of attributes for the - * block type. - * - * @param {Record} attributes Block attributes object. - * @param {WPBlockType} blockType Block type settings. - * - * @return {Record} Context value. - */ - -function getBlockContext(attributes, blockType) { - if (!BLOCK_CONTEXT_CACHE.has(blockType)) { - BLOCK_CONTEXT_CACHE.set(blockType, new WeakMap()); - } - - const blockTypeCache = BLOCK_CONTEXT_CACHE.get(blockType); - - if (!blockTypeCache.has(attributes)) { - const context = (0,external_lodash_namespaceObject.mapValues)(blockType.providesContext, attributeName => attributes[attributeName]); - blockTypeCache.set(attributes, context); - } - - return blockTypeCache.get(attributes); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-on-block-drop/index.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - -/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */ - -/** - * Retrieve the data for a block drop event. - * - * @param {WPSyntheticEvent} event The drop event. - * - * @return {Object} An object with block drag and drop data. - */ - -function parseDropEvent(event) { - let result = { - srcRootClientId: null, - srcClientIds: null, - srcIndex: null, - type: null, - blocks: null - }; - - if (!event.dataTransfer) { - return result; - } - - try { - result = Object.assign(result, JSON.parse(event.dataTransfer.getData('wp-blocks'))); - } catch (err) { - return result; - } - - return result; -} -/** - * A function that returns an event handler function for block drop events. - * - * @param {string} targetRootClientId The root client id where the block(s) will be inserted. - * @param {number} targetBlockIndex The index where the block(s) will be inserted. - * @param {Function} getBlockIndex A function that gets the index of a block. - * @param {Function} getClientIdsOfDescendants A function that gets the client ids of descendant blocks. - * @param {Function} moveBlocksToPosition A function that moves blocks. - * @param {Function} insertBlocks A function that inserts blocks. - * @param {Function} clearSelectedBlock A function that clears block selection. - * @return {Function} The event handler for a block drop event. - */ - -function onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex, getClientIdsOfDescendants, moveBlocksToPosition, insertBlocks, clearSelectedBlock) { - return event => { - const { - srcRootClientId: sourceRootClientId, - srcClientIds: sourceClientIds, - type: dropType, - blocks - } = parseDropEvent(event); // If the user is inserting a block. - - if (dropType === 'inserter') { - clearSelectedBlock(); - const blocksToInsert = blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); - insertBlocks(blocksToInsert, targetBlockIndex, targetRootClientId, true, null); - } // If the user is moving a block. - - - if (dropType === 'block') { - const sourceBlockIndex = getBlockIndex(sourceClientIds[0]); // If the user is dropping to the same position, return early. - - if (sourceRootClientId === targetRootClientId && sourceBlockIndex === targetBlockIndex) { - return; - } // If the user is attempting to drop a block within its own - // nested blocks, return early as this would create infinite - // recursion. - - - if (sourceClientIds.includes(targetRootClientId) || getClientIdsOfDescendants(sourceClientIds).some(id => id === targetRootClientId)) { - return; - } - - const isAtSameLevel = sourceRootClientId === targetRootClientId; - const draggedBlockCount = sourceClientIds.length; // If the block is kept at the same level and moved downwards, - // subtract to take into account that the blocks being dragged - // were removed from the block list above the insertion point. - - const insertIndex = isAtSameLevel && sourceBlockIndex < targetBlockIndex ? targetBlockIndex - draggedBlockCount : targetBlockIndex; - moveBlocksToPosition(sourceClientIds, sourceRootClientId, targetRootClientId, insertIndex); - } - }; -} -/** - * A function that returns an event handler function for block-related file drop events. - * - * @param {string} targetRootClientId The root client id where the block(s) will be inserted. - * @param {number} targetBlockIndex The index where the block(s) will be inserted. - * @param {boolean} hasUploadPermissions Whether the user has upload permissions. - * @param {Function} updateBlockAttributes A function that updates a block's attributes. - * @param {Function} canInsertBlockType A function that returns checks whether a block type can be inserted. - * @param {Function} insertBlocks A function that inserts blocks. - * - * @return {Function} The event handler for a block-related file drop event. - */ - -function onFilesDrop(targetRootClientId, targetBlockIndex, hasUploadPermissions, updateBlockAttributes, canInsertBlockType, insertBlocks) { - return files => { - if (!hasUploadPermissions) { - return; - } - - const transformation = (0,external_wp_blocks_namespaceObject.findTransform)((0,external_wp_blocks_namespaceObject.getBlockTransforms)('from'), transform => transform.type === 'files' && canInsertBlockType(transform.blockName, targetRootClientId) && transform.isMatch(files)); - - if (transformation) { - const blocks = transformation.transform(files, updateBlockAttributes); - insertBlocks(blocks, targetBlockIndex, targetRootClientId); - } - }; -} -/** - * A function that returns an event handler function for block-related HTML drop events. - * - * @param {string} targetRootClientId The root client id where the block(s) will be inserted. - * @param {number} targetBlockIndex The index where the block(s) will be inserted. - * @param {Function} insertBlocks A function that inserts blocks. - * - * @return {Function} The event handler for a block-related HTML drop event. - */ - -function onHTMLDrop(targetRootClientId, targetBlockIndex, insertBlocks) { - return HTML => { - const blocks = (0,external_wp_blocks_namespaceObject.pasteHandler)({ - HTML, - mode: 'BLOCKS' - }); - - if (blocks.length) { - insertBlocks(blocks, targetBlockIndex, targetRootClientId); - } - }; -} -/** - * A React hook for handling block drop events. - * - * @param {string} targetRootClientId The root client id where the block(s) will be inserted. - * @param {number} targetBlockIndex The index where the block(s) will be inserted. - * - * @return {Object} An object that contains the event handlers `onDrop`, `onFilesDrop` and `onHTMLDrop`. - */ - -function useOnBlockDrop(targetRootClientId, targetBlockIndex) { - const hasUploadPermissions = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getSettings().mediaUpload, []); - const { - canInsertBlockType, - getBlockIndex, - getClientIdsOfDescendants - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - insertBlocks, - moveBlocksToPosition, - updateBlockAttributes, - clearSelectedBlock - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - - const _onDrop = onBlockDrop(targetRootClientId, targetBlockIndex, getBlockIndex, getClientIdsOfDescendants, moveBlocksToPosition, insertBlocks, clearSelectedBlock); - - const _onFilesDrop = onFilesDrop(targetRootClientId, targetBlockIndex, hasUploadPermissions, updateBlockAttributes, canInsertBlockType, insertBlocks); - - const _onHTMLDrop = onHTMLDrop(targetRootClientId, targetBlockIndex, insertBlocks); - - return event => { - const files = (0,external_wp_dom_namespaceObject.getFilesFromDataTransfer)(event.dataTransfer); - const html = event.dataTransfer.getData('text/html'); - /** - * From Windows Chrome 96, the `event.dataTransfer` returns both file object and HTML. - * The order of the checks is important to recognise the HTML drop. - */ - - if (html) { - _onHTMLDrop(html); - } else if (files.length) { - _onFilesDrop(files); - } else { - _onDrop(event); - } - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/math.js -/** - * A string representing the name of an edge. - * - * @typedef {'top'|'right'|'bottom'|'left'} WPEdgeName - */ - -/** - * @typedef {Object} WPPoint - * @property {number} x The horizontal position. - * @property {number} y The vertical position. - */ - -/** - * Given a point, a DOMRect and the name of an edge, returns the distance to - * that edge of the rect. - * - * This function works for edges that are horizontal or vertical (e.g. not - * rotated), the following terms are used so that the function works in both - * orientations: - * - * - Forward, meaning the axis running horizontally when an edge is vertical - * and vertically when an edge is horizontal. - * - Lateral, meaning the axis running vertically when an edge is vertical - * and horizontally when an edge is horizontal. - * - * @param {WPPoint} point The point to measure distance from. - * @param {DOMRect} rect A DOM Rect containing edge positions. - * @param {WPEdgeName} edge The edge to measure to. - */ -function getDistanceFromPointToEdge(point, rect, edge) { - const isHorizontal = edge === 'top' || edge === 'bottom'; - const { - x, - y - } = point; - const pointLateralPosition = isHorizontal ? x : y; - const pointForwardPosition = isHorizontal ? y : x; - const edgeStart = isHorizontal ? rect.left : rect.top; - const edgeEnd = isHorizontal ? rect.right : rect.bottom; - const edgeForwardPosition = rect[edge]; // Measure the straight line distance to the edge of the rect, when the - // point is adjacent to the edge. - // Else, if the point is positioned diagonally to the edge of the rect, - // measure diagonally to the nearest corner that the edge meets. - - let edgeLateralPosition; - - if (pointLateralPosition >= edgeStart && pointLateralPosition <= edgeEnd) { - edgeLateralPosition = pointLateralPosition; - } else if (pointLateralPosition < edgeEnd) { - edgeLateralPosition = edgeStart; - } else { - edgeLateralPosition = edgeEnd; - } - - return Math.sqrt((pointLateralPosition - edgeLateralPosition) ** 2 + (pointForwardPosition - edgeForwardPosition) ** 2); -} -/** - * Given a point, a DOMRect and a list of allowed edges returns the name of and - * distance to the nearest edge. - * - * @param {WPPoint} point The point to measure distance from. - * @param {DOMRect} rect A DOM Rect containing edge positions. - * @param {WPEdgeName[]} allowedEdges A list of the edges included in the - * calculation. Defaults to all edges. - * - * @return {[number, string]} An array where the first value is the distance - * and a second is the edge name. - */ - -function getDistanceToNearestEdge(point, rect) { - let allowedEdges = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ['top', 'bottom', 'left', 'right']; - let candidateDistance; - let candidateEdge; - allowedEdges.forEach(edge => { - const distance = getDistanceFromPointToEdge(point, rect, edge); - - if (candidateDistance === undefined || distance < candidateDistance) { - candidateDistance = distance; - candidateEdge = edge; - } - }); - return [candidateDistance, candidateEdge]; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-block-drop-zone/index.js -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - -/** @typedef {import('../../utils/math').WPPoint} WPPoint */ - -/** - * The orientation of a block list. - * - * @typedef {'horizontal'|'vertical'|undefined} WPBlockListOrientation - */ - -/** - * Given a list of block DOM elements finds the index that a block should be dropped - * at. - * - * @param {Element[]} elements Array of DOM elements that represent each block in a block list. - * @param {WPPoint} position The position of the item being dragged. - * @param {WPBlockListOrientation} orientation The orientation of a block list. - * - * @return {number|undefined} The block index that's closest to the drag position. - */ - -function getNearestBlockIndex(elements, position, orientation) { - const allowedEdges = orientation === 'horizontal' ? ['left', 'right'] : ['top', 'bottom']; - const isRightToLeft = (0,external_wp_i18n_namespaceObject.isRTL)(); - let candidateIndex; - let candidateDistance; - elements.forEach((element, index) => { - const rect = element.getBoundingClientRect(); - const [distance, edge] = getDistanceToNearestEdge(position, rect, allowedEdges); - - if (candidateDistance === undefined || distance < candidateDistance) { - // If the user is dropping to the trailing edge of the block - // add 1 to the index to represent dragging after. - // Take RTL languages into account where the left edge is - // the trailing edge. - const isTrailingEdge = edge === 'bottom' || !isRightToLeft && edge === 'right' || isRightToLeft && edge === 'left'; - const offset = isTrailingEdge ? 1 : 0; // Update the currently known best candidate. - - candidateDistance = distance; - candidateIndex = index + offset; - } - }); - return candidateIndex; -} -/** - * @typedef {Object} WPBlockDropZoneConfig - * @property {string} rootClientId The root client id for the block list. - */ - -/** - * A React hook that can be used to make a block list handle drag and drop. - * - * @param {WPBlockDropZoneConfig} dropZoneConfig configuration data for the drop zone. - */ - -function useBlockDropZone() { - let { - // An undefined value represents a top-level block. Default to an empty - // string for this so that `targetRootClientId` can be easily compared to - // values returned by the `getRootBlockClientId` selector, which also uses - // an empty string to represent top-level blocks. - rootClientId: targetRootClientId = '' - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const [targetBlockIndex, setTargetBlockIndex] = (0,external_wp_element_namespaceObject.useState)(null); - const isDisabled = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getTemplateLock, - __unstableIsWithinBlockOverlay, - __unstableHasActiveBlockOverlayActive - } = select(store); - const templateLock = getTemplateLock(targetRootClientId); - return ['all', 'contentOnly'].some(lock => lock === templateLock) || __unstableHasActiveBlockOverlayActive(targetRootClientId) || __unstableIsWithinBlockOverlay(targetRootClientId); - }, [targetRootClientId]); - const { - getBlockListSettings - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - showInsertionPoint, - hideInsertionPoint - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const onBlockDrop = useOnBlockDrop(targetRootClientId, targetBlockIndex); - const throttled = (0,external_wp_compose_namespaceObject.useThrottle)((0,external_wp_element_namespaceObject.useCallback)((event, currentTarget) => { - var _getBlockListSettings; - - const blockElements = Array.from(currentTarget.children).filter( // Ensure the element is a block. It should have the `wp-block` class. - element => element.classList.contains('wp-block')); - const targetIndex = getNearestBlockIndex(blockElements, { - x: event.clientX, - y: event.clientY - }, (_getBlockListSettings = getBlockListSettings(targetRootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation); - setTargetBlockIndex(targetIndex === undefined ? 0 : targetIndex); - - if (targetIndex !== null) { - showInsertionPoint(targetRootClientId, targetIndex); - } - }, []), 200); - return (0,external_wp_compose_namespaceObject.__experimentalUseDropZone)({ - isDisabled, - onDrop: onBlockDrop, - - onDragOver(event) { - // `currentTarget` is only available while the event is being - // handled, so get it now and pass it to the thottled function. - // https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget - throttled(event, event.currentTarget); - }, - - onDragLeave() { - throttled.cancel(); - hideInsertionPoint(); - setTargetBlockIndex(null); - }, - - onDragEnd() { - throttled.cancel(); - hideInsertionPoint(); - setTargetBlockIndex(null); - } - - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/index.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - - - - - - - - - -/** - * InnerBlocks is a component which allows a single block to have multiple blocks - * as children. The UncontrolledInnerBlocks component is used whenever the inner - * blocks are not controlled by another entity. In other words, it is normally - * used for inner blocks in the post editor - * - * @param {Object} props The component props. - */ - -function UncontrolledInnerBlocks(props) { - const { - clientId, - allowedBlocks, - __experimentalDefaultBlock, - __experimentalDirectInsert, - template, - templateLock, - wrapperRef, - templateInsertUpdatesSelection, - __experimentalCaptureToolbars: captureToolbars, - __experimentalAppenderTagName, - renderAppender, - orientation, - placeholder, - __experimentalLayout - } = props; - useNestedSettingsUpdate(clientId, allowedBlocks, __experimentalDefaultBlock, __experimentalDirectInsert, templateLock, captureToolbars, orientation, __experimentalLayout); - useInnerBlockTemplateSync(clientId, template, templateLock, templateInsertUpdatesSelection); - const context = (0,external_wp_data_namespaceObject.useSelect)(select => { - const block = select(store).getBlock(clientId); // This check is here to avoid the Redux zombie bug where a child subscription - // is called before a parent, causing potential JS errors when the child has been removed. - - if (!block) { - return; - } - - const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(block.name); - - if (!blockType || !blockType.providesContext) { - return; - } - - return getBlockContext(block.attributes, blockType); - }, [clientId]); // This component needs to always be synchronous as it's the one changing - // the async mode depending on the block selection. - - return (0,external_wp_element_namespaceObject.createElement)(BlockContextProvider, { - value: context - }, (0,external_wp_element_namespaceObject.createElement)(BlockListItems, { - rootClientId: clientId, - renderAppender: renderAppender, - __experimentalAppenderTagName: __experimentalAppenderTagName, - __experimentalLayout: __experimentalLayout, - wrapperRef: wrapperRef, - placeholder: placeholder - })); -} -/** - * The controlled inner blocks component wraps the uncontrolled inner blocks - * component with the blockSync hook. This keeps the innerBlocks of the block in - * the block-editor store in sync with the blocks of the controlling entity. An - * example of an inner block controller is a template part block, which provides - * its own blocks from the template part entity data source. - * - * @param {Object} props The component props. - */ - - -function ControlledInnerBlocks(props) { - useBlockSync(props); - return (0,external_wp_element_namespaceObject.createElement)(UncontrolledInnerBlocks, props); -} - -const ForwardedInnerBlocks = (0,external_wp_element_namespaceObject.forwardRef)((props, ref) => { - const innerBlocksProps = useInnerBlocksProps({ - ref - }, props); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-inner-blocks" - }, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)); -}); -/** - * This hook is used to lightly mark an element as an inner blocks wrapper - * element. Call this hook and pass the returned props to the element to mark as - * an inner blocks wrapper, automatically rendering inner blocks as children. If - * you define a ref for the element, it is important to pass the ref to this - * hook, which the hook in turn will pass to the component through the props it - * returns. Optionally, you can also pass any other props through this hook, and - * they will be merged and returned. - * - * @param {Object} props Optional. Props to pass to the element. Must contain - * the ref if one is defined. - * @param {Object} options Optional. Inner blocks options. - * - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inner-blocks/README.md - */ - -function useInnerBlocksProps() { - let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - const { - __unstableDisableDropZone - } = options; - const { - clientId - } = useBlockEditContext(); - const isSmallScreen = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); - const { - __experimentalCaptureToolbars, - hasOverlay - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - if (!clientId) { - return {}; - } - - const { - getBlockName, - isBlockSelected, - hasSelectedInnerBlock, - __unstableGetEditorMode - } = select(store); - const blockName = getBlockName(clientId); - const enableClickThrough = __unstableGetEditorMode() === 'navigation' || isSmallScreen; - return { - __experimentalCaptureToolbars: select(external_wp_blocks_namespaceObject.store).hasBlockSupport(blockName, '__experimentalExposeControlsToChildren', false), - hasOverlay: blockName !== 'core/template' && !isBlockSelected(clientId) && !hasSelectedInnerBlock(clientId, true) && enableClickThrough - }; - }, [clientId, isSmallScreen]); - const blockDropZoneRef = useBlockDropZone({ - rootClientId: clientId - }); - const ref = (0,external_wp_compose_namespaceObject.useMergeRefs)([props.ref, __unstableDisableDropZone ? null : blockDropZoneRef]); - const innerBlocksProps = { - __experimentalCaptureToolbars, - ...options - }; - const InnerBlocks = innerBlocksProps.value && innerBlocksProps.onChange ? ControlledInnerBlocks : UncontrolledInnerBlocks; - return { ...props, - ref, - className: classnames_default()(props.className, 'block-editor-block-list__layout', { - 'has-overlay': hasOverlay - }), - children: clientId ? (0,external_wp_element_namespaceObject.createElement)(InnerBlocks, _extends({}, innerBlocksProps, { - clientId: clientId - })) : (0,external_wp_element_namespaceObject.createElement)(BlockListItems, options) - }; -} -useInnerBlocksProps.save = external_wp_blocks_namespaceObject.__unstableGetInnerBlocksProps; // Expose default appender placeholders as components. - -ForwardedInnerBlocks.DefaultBlockAppender = inner_blocks_default_block_appender; -ForwardedInnerBlocks.ButtonBlockAppender = inner_blocks_button_block_appender; - -ForwardedInnerBlocks.Content = () => useInnerBlocksProps.save().children; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/inner-blocks/README.md - */ - - -/* harmony default export */ var inner_blocks = (ForwardedInnerBlocks); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - - - - - - - -const elementContext = (0,external_wp_element_namespaceObject.createContext)(); -const IntersectionObserver = (0,external_wp_element_namespaceObject.createContext)(); - -function Root(_ref) { - let { - className, - ...settings - } = _ref; - const [element, setElement] = (0,external_wp_element_namespaceObject.useState)(); - const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); - const { - isOutlineMode, - isFocusMode, - editorMode - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getSettings, - __unstableGetEditorMode - } = select(store); - const { - outlineMode, - focusMode - } = getSettings(); - return { - isOutlineMode: outlineMode, - isFocusMode: focusMode, - editorMode: __unstableGetEditorMode() - }; - }, []); - const { - setBlockVisibility - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const intersectionObserver = (0,external_wp_element_namespaceObject.useMemo)(() => { - const { - IntersectionObserver: Observer - } = window; - - if (!Observer) { - return; - } - - return new Observer(entries => { - const updates = {}; - - for (const entry of entries) { - const clientId = entry.target.getAttribute('data-block'); - updates[clientId] = entry.isIntersecting; - } - - setBlockVisibility(updates); - }); - }, []); - const innerBlocksProps = useInnerBlocksProps({ - ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([useBlockSelectionClearer(), useInBetweenInserter(), setElement]), - className: classnames_default()('is-root-container', className, { - 'is-outline-mode': isOutlineMode, - 'is-focus-mode': isFocusMode && isLargeViewport, - 'is-navigate-mode': editorMode === 'navigation' - }) - }, settings); - return (0,external_wp_element_namespaceObject.createElement)(elementContext.Provider, { - value: element - }, (0,external_wp_element_namespaceObject.createElement)(IntersectionObserver.Provider, { - value: intersectionObserver - }, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps))); -} - -function BlockList(settings) { - usePreParsePatterns(); - return (0,external_wp_element_namespaceObject.createElement)(BlockToolsBackCompat, null, (0,external_wp_element_namespaceObject.createElement)(Provider, { - value: DEFAULT_BLOCK_EDIT_CONTEXT - }, (0,external_wp_element_namespaceObject.createElement)(Root, settings))); -} -BlockList.__unstableElementContext = elementContext; - -function Items(_ref2) { - let { - placeholder, - rootClientId, - renderAppender, - __experimentalAppenderTagName, - __experimentalLayout: layout = defaultLayout - } = _ref2; - const { - order, - selectedBlocks, - visibleBlocks - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockOrder, - getSelectedBlockClientIds, - __unstableGetVisibleBlocks - } = select(store); - return { - order: getBlockOrder(rootClientId), - selectedBlocks: getSelectedBlockClientIds(), - visibleBlocks: __unstableGetVisibleBlocks() - }; - }, [rootClientId]); - return (0,external_wp_element_namespaceObject.createElement)(LayoutProvider, { - value: layout - }, order.map(clientId => (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { - key: clientId, - value: // Only provide data asynchronously if the block is - // not visible and not selected. - !visibleBlocks.has(clientId) && !selectedBlocks.includes(clientId) - }, (0,external_wp_element_namespaceObject.createElement)(block, { - rootClientId: rootClientId, - clientId: clientId - }))), order.length < 1 && placeholder, (0,external_wp_element_namespaceObject.createElement)(block_list_appender, { - tagName: __experimentalAppenderTagName, - rootClientId: rootClientId, - renderAppender: renderAppender - })); -} - -function BlockListItems(props) { - // This component needs to always be synchronous as it's the one changing - // the async mode depending on the block selection. - return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { - value: false - }, (0,external_wp_element_namespaceObject.createElement)(Items, props)); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/utils.js -/** - * WordPress dependencies - */ - -/** - * Gets the (non-undefined) item with the highest occurrence within an array - * Based in part on: https://stackoverflow.com/a/20762713 - * - * Undefined values are always sorted to the end by `sort`, so this function - * returns the first element, to always prioritize real values over undefined - * values. - * - * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#description - * - * @param {Array} inputArray Array of items to check. - * @return {any} The item with the most occurrences. - */ - -function utils_mode(inputArray) { - const arr = [...inputArray]; - return arr.sort((a, b) => inputArray.filter(v => v === b).length - inputArray.filter(v => v === a).length).shift(); -} -/** - * Returns the most common CSS unit from the current CSS unit selections. - * - * - If a single flat border radius is set, its unit will be used - * - If individual corner selections, the most common of those will be used - * - Failing any unit selections a default of 'px' is returned. - * - * @param {Object} selectedUnits Unit selections for flat radius & each corner. - * @return {string} Most common CSS unit from current selections. Default: `px`. - */ - -function getAllUnit() { - let selectedUnits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const { - flat, - ...cornerUnits - } = selectedUnits; - return flat || utils_mode(Object.values(cornerUnits).filter(Boolean)) || 'px'; -} -/** - * Gets the 'all' input value and unit from values data. - * - * @param {Object|string} values Radius values. - * @return {string} A value + unit for the 'all' input. - */ - -function getAllValue() { - let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - - /** - * Border radius support was originally a single pixel value. - * - * To maintain backwards compatibility treat this case as the all value. - */ - if (typeof values === 'string') { - return values; - } - - const parsedQuantitiesAndUnits = Object.values(values).map(value => (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(value)); - const allValues = parsedQuantitiesAndUnits.map(value => { - var _value$; - - return (_value$ = value[0]) !== null && _value$ !== void 0 ? _value$ : ''; - }); - const allUnits = parsedQuantitiesAndUnits.map(value => value[1]); - const value = allValues.every(v => v === allValues[0]) ? allValues[0] : ''; - const unit = utils_mode(allUnits); - const allValue = value === 0 || value ? `${value}${unit}` : undefined; - return allValue; -} -/** - * Checks to determine if values are mixed. - * - * @param {Object} values Radius values. - * @return {boolean} Whether values are mixed. - */ - -function hasMixedValues() { - let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const allValue = getAllValue(values); - const isMixed = typeof values === 'string' ? false : isNaN(parseFloat(allValue)); - return isMixed; -} -/** - * Checks to determine if values are defined. - * - * @param {Object} values Radius values. - * @return {boolean} Whether values are mixed. - */ - -function hasDefinedValues(values) { - if (!values) { - return false; - } // A string value represents a shorthand value. - - - if (typeof values === 'string') { - return true; - } // An object represents longhand border radius values, if any are set - // flag values as being defined. - - - const filteredValues = Object.values(values).filter(value => { - return !!value || value === 0; - }); - return !!filteredValues.length; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/all-input-control.js - - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -function all_input_control_AllInputControl(_ref) { - let { - onChange, - selectedUnits, - setSelectedUnits, - values, - ...props - } = _ref; - let allValue = getAllValue(values); - - if (allValue === undefined) { - // If we don't have any value set the unit to any current selection - // or the most common unit from the individual radii values. - allValue = getAllUnit(selectedUnits); - } - - const hasValues = hasDefinedValues(values); - const isMixed = hasValues && hasMixedValues(values); - const allPlaceholder = isMixed ? (0,external_wp_i18n_namespaceObject.__)('Mixed') : null; // Filter out CSS-unit-only values to prevent invalid styles. - - const handleOnChange = next => { - const isNumeric = !isNaN(parseFloat(next)); - const nextValue = isNumeric ? next : undefined; - onChange(nextValue); - }; // Store current unit selection for use as fallback for individual - // radii controls. - - - const handleOnUnitChange = unit => { - setSelectedUnits({ - topLeft: unit, - topRight: unit, - bottomLeft: unit, - bottomRight: unit - }); - }; - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, _extends({}, props, { - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Border radius'), - disableUnits: isMixed, - isOnly: true, - value: allValue, - onChange: handleOnChange, - onUnitChange: handleOnUnitChange, - placeholder: allPlaceholder - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/input-controls.js - - - -/** - * WordPress dependencies - */ - - -const CORNERS = { - topLeft: (0,external_wp_i18n_namespaceObject.__)('Top left'), - topRight: (0,external_wp_i18n_namespaceObject.__)('Top right'), - bottomLeft: (0,external_wp_i18n_namespaceObject.__)('Bottom left'), - bottomRight: (0,external_wp_i18n_namespaceObject.__)('Bottom right') -}; -function input_controls_BoxInputControls(_ref) { - let { - onChange, - selectedUnits, - setSelectedUnits, - values: valuesProp, - ...props - } = _ref; - - const createHandleOnChange = corner => next => { - if (!onChange) { - return; - } // Filter out CSS-unit-only values to prevent invalid styles. - - - const isNumeric = !isNaN(parseFloat(next)); - const nextValue = isNumeric ? next : undefined; - onChange({ ...values, - [corner]: nextValue - }); - }; - - const createHandleOnUnitChange = side => next => { - const newUnits = { ...selectedUnits - }; - newUnits[side] = next; - setSelectedUnits(newUnits); - }; // For shorthand style & backwards compatibility, handle flat string value. - - - const values = typeof valuesProp !== 'string' ? valuesProp : { - topLeft: valuesProp, - topRight: valuesProp, - bottomLeft: valuesProp, - bottomRight: valuesProp - }; // Controls are wrapped in tooltips as visible labels aren't desired here. - // Tooltip rendering also requires the UnitControl to be wrapped. See: - // https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026 - - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "components-border-radius-control__input-controls-wrapper" - }, Object.entries(CORNERS).map(_ref2 => { - let [corner, label] = _ref2; - const [parsedQuantity, parsedUnit] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values[corner]); - const computedUnit = values[corner] ? parsedUnit : selectedUnits[corner] || selectedUnits.flat; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { - text: label, - position: "top", - key: corner - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "components-border-radius-control__tooltip-wrapper" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, _extends({}, props, { - "aria-label": label, - value: [parsedQuantity, computedUnit].join(''), - onChange: createHandleOnChange(corner), - onUnitChange: createHandleOnUnitChange(corner) - })))); - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/linked-button.js - - - -/** - * WordPress dependencies - */ - - - -function linked_button_LinkedButton(_ref) { - let { - isLinked, - ...props - } = _ref; - const label = isLinked ? (0,external_wp_i18n_namespaceObject.__)('Unlink radii') : (0,external_wp_i18n_namespaceObject.__)('Link radii'); // TODO: Remove span after merging https://github.com/WordPress/gutenberg/pull/44198 - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { - text: label - }, (0,external_wp_element_namespaceObject.createElement)("span", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({}, props, { - className: "component-border-radius-control__linked-button", - isSmall: true, - icon: isLinked ? library_link : link_off, - iconSize: 24, - "aria-label": label - })))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/index.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - - - -const border_radius_control_DEFAULT_VALUES = { - topLeft: undefined, - topRight: undefined, - bottomLeft: undefined, - bottomRight: undefined -}; -const MIN_BORDER_RADIUS_VALUE = 0; -const MAX_BORDER_RADIUS_VALUES = { - px: 100, - em: 20, - rem: 20 -}; -/** - * Control to display border radius options. - * - * @param {Object} props Component props. - * @param {Function} props.onChange Callback to handle onChange. - * @param {Object} props.values Border radius values. - * - * @return {WPElement} Custom border radius control. - */ - -function BorderRadiusControl(_ref) { - let { - onChange, - values - } = _ref; - const [isLinked, setIsLinked] = (0,external_wp_element_namespaceObject.useState)(!hasDefinedValues(values) || !hasMixedValues(values)); // Tracking selected units via internal state allows filtering of CSS unit - // only values from being saved while maintaining preexisting unit selection - // behaviour. Filtering CSS unit only values prevents invalid style values. - - const [selectedUnits, setSelectedUnits] = (0,external_wp_element_namespaceObject.useState)({ - flat: typeof values === 'string' ? (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values)[1] : undefined, - topLeft: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.topLeft)[1], - topRight: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.topRight)[1], - bottomLeft: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.bottomLeft)[1], - bottomRight: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.bottomRight)[1] - }); - const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ - availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem'] - }); - const unit = getAllUnit(selectedUnits); - const unitConfig = units && units.find(item => item.value === unit); - const step = (unitConfig === null || unitConfig === void 0 ? void 0 : unitConfig.step) || 1; - const [allValue] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(getAllValue(values)); - - const toggleLinked = () => setIsLinked(!isLinked); - - const handleSliderChange = next => { - onChange(next !== undefined ? `${next}${unit}` : undefined); - }; - - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: "components-border-radius-control" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, { - as: "legend" - }, (0,external_wp_i18n_namespaceObject.__)('Radius')), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "components-border-radius-control__wrapper" - }, isLinked ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(all_input_control_AllInputControl, { - className: "components-border-radius-control__unit-control", - values: values, - min: MIN_BORDER_RADIUS_VALUE, - onChange: onChange, - selectedUnits: selectedUnits, - setSelectedUnits: setSelectedUnits, - units: units - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Border radius'), - hideLabelFromVision: true, - className: "components-border-radius-control__range-control", - value: allValue !== null && allValue !== void 0 ? allValue : '', - min: MIN_BORDER_RADIUS_VALUE, - max: MAX_BORDER_RADIUS_VALUES[unit], - initialPosition: 0, - withInputField: false, - onChange: handleSliderChange, - step: step - })) : (0,external_wp_element_namespaceObject.createElement)(input_controls_BoxInputControls, { - min: MIN_BORDER_RADIUS_VALUE, - onChange: onChange, - selectedUnits: selectedUnits, - setSelectedUnits: setSelectedUnits, - values: values || border_radius_control_DEFAULT_VALUES, - units: units - }), (0,external_wp_element_namespaceObject.createElement)(linked_button_LinkedButton, { - onClick: toggleLinked, - isLinked: isLinked - }))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/border-radius.js - - -/** - * Internal dependencies - */ - - - -/** - * Inspector control panel containing the border radius related configuration. - * - * @param {Object} props Block properties. - * - * @return {WPElement} Border radius edit element. - */ - -function BorderRadiusEdit(props) { - var _style$border; - - const { - attributes: { - style - }, - setAttributes - } = props; - - const onChange = newRadius => { - const newStyle = cleanEmptyObject({ ...style, - border: { ...(style === null || style === void 0 ? void 0 : style.border), - radius: newRadius - } - }); - setAttributes({ - style: newStyle - }); - }; - - return (0,external_wp_element_namespaceObject.createElement)(BorderRadiusControl, { - values: style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius, - onChange: onChange - }); -} -/** - * Checks if there is a current value in the border radius block support - * attributes. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a border radius value set. - */ - -function hasBorderRadiusValue(props) { - var _props$attributes$sty, _props$attributes$sty2; - - const borderRadius = (_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : (_props$attributes$sty2 = _props$attributes$sty.border) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.radius; - - if (typeof borderRadius === 'object') { - return Object.entries(borderRadius).some(Boolean); - } - - return !!borderRadius; -} -/** - * Resets the border radius block support attributes. This can be used when - * disabling the border radius support controls for a block via a progressive - * discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.attributes Block's attributes. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetBorderRadius(_ref) { - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - style: removeBorderAttribute(style, 'radius') - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/utils.js -/** - * External dependencies - */ - - - - -k([names, a11y]); -/** - * Provided an array of color objects as set by the theme or by the editor defaults, - * and the values of the defined color or custom color returns a color object describing the color. - * - * @param {Array} colors Array of color objects as set by the theme or by the editor defaults. - * @param {?string} definedColor A string containing the color slug. - * @param {?string} customColor A string containing the customColor value. - * - * @return {?Object} If definedColor is passed and the name is found in colors, - * the color object exactly as set by the theme or editor defaults is returned. - * Otherwise, an object that just sets the color is defined. - */ - -const getColorObjectByAttributeValues = (colors, definedColor, customColor) => { - if (definedColor) { - const colorObj = (0,external_lodash_namespaceObject.find)(colors, { - slug: definedColor - }); - - if (colorObj) { - return colorObj; - } - } - - return { - color: customColor - }; -}; -/** - * 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. - * - * @param {Array} colors Array of color objects as set by the theme or by the editor defaults. - * @param {?string} colorValue A string containing the color value. - * - * @return {?Object} Color object included in the colors array whose color property equals colorValue. - * Returns undefined if no color object matches this requirement. - */ - -const getColorObjectByColorValue = (colors, colorValue) => { - return (0,external_lodash_namespaceObject.find)(colors, { - color: colorValue - }); -}; -/** - * Returns a class based on the context a color is being used and its slug. - * - * @param {string} colorContextName Context/place where color is being used e.g: background, text etc... - * @param {string} colorSlug Slug of the color. - * - * @return {?string} String with the class corresponding to the color in the provided context. - * Returns undefined if either colorContextName or colorSlug are not provided. - */ - -function getColorClassName(colorContextName, colorSlug) { - if (!colorContextName || !colorSlug) { - return undefined; - } - - return `has-${(0,external_lodash_namespaceObject.kebabCase)(colorSlug)}-${colorContextName}`; -} -/** - * Given an array of color objects and a color value returns the color value of the most readable color in the array. - * - * @param {Array} colors Array of color objects as set by the theme or by the editor defaults. - * @param {?string} colorValue A string containing the color value. - * - * @return {string} String with the color value of the most readable color. - */ - -function getMostReadableColor(colors, colorValue) { - const colordColor = w(colorValue); - - const getColorContrast = _ref => { - let { - color - } = _ref; - return colordColor.contrast(color); - }; - - const maxContrast = Math.max(...colors.map(getColorContrast)); - return colors.find(color => getColorContrast(color) === maxContrast).color; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/use-common-single-multiple-selects.js -/** - * Internal dependencies - */ - -function useCommonSingleMultipleSelects() { - return { - disableCustomColors: !useSetting('color.custom'), - disableCustomGradients: !useSetting('color.customGradient') - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/use-multiple-origin-colors-and-gradients.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -/** - * Retrieves color and gradient related settings. - * - * The arrays for colors and gradients are made up of color palettes from each - * origin i.e. "Core", "Theme", and "User". - * - * @return {Object} Color and gradient related settings. - */ - -function useMultipleOriginColorsAndGradients() { - const colorGradientSettings = useCommonSingleMultipleSelects(); - const customColors = useSetting('color.palette.custom'); - const themeColors = useSetting('color.palette.theme'); - const defaultColors = useSetting('color.palette.default'); - const shouldDisplayDefaultColors = useSetting('color.defaultPalette'); - colorGradientSettings.colors = (0,external_wp_element_namespaceObject.useMemo)(() => { - const result = []; - - if (themeColors && themeColors.length) { - result.push({ - name: (0,external_wp_i18n_namespaceObject._x)('Theme', 'Indicates this palette comes from the theme.'), - colors: themeColors - }); - } - - if (shouldDisplayDefaultColors && defaultColors && defaultColors.length) { - result.push({ - name: (0,external_wp_i18n_namespaceObject._x)('Default', 'Indicates this palette comes from WordPress.'), - colors: defaultColors - }); - } - - if (customColors && customColors.length) { - result.push({ - name: (0,external_wp_i18n_namespaceObject._x)('Custom', 'Indicates this palette comes from the theme.'), - colors: customColors - }); - } - - return result; - }, [defaultColors, themeColors, customColors]); - const customGradients = useSetting('color.gradients.custom'); - const themeGradients = useSetting('color.gradients.theme'); - const defaultGradients = useSetting('color.gradients.default'); - const shouldDisplayDefaultGradients = useSetting('color.defaultGradients'); - colorGradientSettings.gradients = (0,external_wp_element_namespaceObject.useMemo)(() => { - const result = []; - - if (themeGradients && themeGradients.length) { - result.push({ - name: (0,external_wp_i18n_namespaceObject._x)('Theme', 'Indicates this palette comes from the theme.'), - gradients: themeGradients - }); - } - - if (shouldDisplayDefaultGradients && defaultGradients && defaultGradients.length) { - result.push({ - name: (0,external_wp_i18n_namespaceObject._x)('Default', 'Indicates this palette comes from WordPress.'), - gradients: defaultGradients - }); - } - - if (customGradients && customGradients.length) { - result.push({ - name: (0,external_wp_i18n_namespaceObject._x)('Custom', 'Indicates this palette is created by the user.'), - gradients: customGradients - }); - } - - return result; - }, [customGradients, themeGradients, defaultGradients]); - return colorGradientSettings; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/border.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - - -/** - * Internal dependencies - */ - - - - - - - -const BORDER_SUPPORT_KEY = '__experimentalBorder'; -const borderSides = ['top', 'right', 'bottom', 'left']; - -const hasBorderValue = props => { - const { - borderColor, - style - } = props.attributes; - return (0,external_wp_components_namespaceObject.__experimentalIsDefinedBorder)(style === null || style === void 0 ? void 0 : style.border) || !!borderColor; -}; // The border color, style, and width are omitted so they get undefined. The -// border radius is separate and must retain its selection. - - -const resetBorder = _ref => { - var _style$border; - - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - borderColor: undefined, - style: { ...style, - border: cleanEmptyObject({ - radius: style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius - }) - } - }); -}; - -const resetBorderFilter = newAttributes => { - var _newAttributes$style, _newAttributes$style$; - - return { ...newAttributes, - borderColor: undefined, - style: { ...newAttributes.style, - border: { - radius: (_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : (_newAttributes$style$ = _newAttributes$style.border) === null || _newAttributes$style$ === void 0 ? void 0 : _newAttributes$style$.radius - } - } - }; -}; - -const getColorByProperty = (colors, property, value) => { - let matchedColor; - colors.some(origin => origin.colors.some(color => { - if (color[property] === value) { - matchedColor = color; - return true; - } - - return false; - })); - return matchedColor; -}; - -const getMultiOriginColor = _ref2 => { - let { - colors, - namedColor, - customColor - } = _ref2; - - // Search each origin (default, theme, or user) for matching color by name. - if (namedColor) { - const colorObject = getColorByProperty(colors, 'slug', namedColor); - - if (colorObject) { - return colorObject; - } - } // Skip if no custom color or matching named color. - - - if (!customColor) { - return { - color: undefined - }; - } // Attempt to find color via custom color value or build new object. - - - const colorObject = getColorByProperty(colors, 'color', customColor); - return colorObject ? colorObject : { - color: customColor - }; -}; - -const getBorderObject = (attributes, colors) => { - const { - borderColor, - style - } = attributes; - const { - border: borderStyles - } = style || {}; // If we have a named color for a flat border. Fetch that color object and - // apply that color's value to the color property within the style object. - - if (borderColor) { - const { - color - } = getMultiOriginColor({ - colors, - namedColor: borderColor - }); - return color ? { ...borderStyles, - color - } : borderStyles; - } // Individual side border color slugs are stored within the border style - // object. If we don't have a border styles object we have nothing further - // to hydrate. - - - if (!borderStyles) { - return borderStyles; - } // If we have named colors for the individual side borders, retrieve their - // related color objects and apply the real color values to the split - // border objects. - - - const hydratedBorderStyles = { ...borderStyles - }; - borderSides.forEach(side => { - var _hydratedBorderStyles; - - const colorSlug = getColorSlugFromVariable((_hydratedBorderStyles = hydratedBorderStyles[side]) === null || _hydratedBorderStyles === void 0 ? void 0 : _hydratedBorderStyles.color); - - if (colorSlug) { - const { - color - } = getMultiOriginColor({ - colors, - namedColor: colorSlug - }); - hydratedBorderStyles[side] = { ...hydratedBorderStyles[side], - color - }; - } - }); - return hydratedBorderStyles; -}; - -function getColorSlugFromVariable(value) { - const namedColor = /var:preset\|color\|(.+)/.exec(value); - - if (namedColor && namedColor[1]) { - return namedColor[1]; - } - - return null; -} - -function BorderPanel(props) { - const { - attributes, - clientId, - setAttributes - } = props; - const { - style - } = attributes; - const { - colors - } = useMultipleOriginColorsAndGradients(); - const isSupported = hasBorderSupport(props.name); - const isColorSupported = useSetting('border.color') && hasBorderSupport(props.name, 'color'); - const isRadiusSupported = useSetting('border.radius') && hasBorderSupport(props.name, 'radius'); - const isStyleSupported = useSetting('border.style') && hasBorderSupport(props.name, 'style'); - const isWidthSupported = useSetting('border.width') && hasBorderSupport(props.name, 'width'); - const isDisabled = [!isColorSupported, !isRadiusSupported, !isStyleSupported, !isWidthSupported].every(Boolean); - - if (isDisabled || !isSupported) { - return null; - } - - const defaultBorderControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [BORDER_SUPPORT_KEY, '__experimentalDefaultControls']); - const showBorderByDefault = (defaultBorderControls === null || defaultBorderControls === void 0 ? void 0 : defaultBorderControls.color) || (defaultBorderControls === null || defaultBorderControls === void 0 ? void 0 : defaultBorderControls.width); - - const onBorderChange = newBorder => { - var _style$border2; - - // Filter out named colors and apply them to appropriate block - // attributes so that CSS classes can be used to apply those colors. - // e.g. has-primary-border-top-color. - let newBorderStyles = { ...newBorder - }; - let newBorderColor; - - if ((0,external_wp_components_namespaceObject.__experimentalHasSplitBorders)(newBorder)) { - // For each side check if the side has a color value set - // If so, determine if it belongs to a named color, in which case - // we update the color property. - // - // This deliberately overwrites `newBorderStyles` to avoid mutating - // the passed object which causes problems otherwise. - newBorderStyles = { - top: { ...newBorder.top - }, - right: { ...newBorder.right - }, - bottom: { ...newBorder.bottom - }, - left: { ...newBorder.left - } - }; - borderSides.forEach(side => { - var _newBorder$side; - - if ((_newBorder$side = newBorder[side]) !== null && _newBorder$side !== void 0 && _newBorder$side.color) { - var _newBorder$side2; - - const colorObject = getMultiOriginColor({ - colors, - customColor: (_newBorder$side2 = newBorder[side]) === null || _newBorder$side2 === void 0 ? void 0 : _newBorder$side2.color - }); - - if (colorObject.slug) { - newBorderStyles[side].color = `var:preset|color|${colorObject.slug}`; - } - } - }); - } else if (newBorder !== null && newBorder !== void 0 && newBorder.color) { - // We have a flat border configuration. Apply named color slug to - // `borderColor` attribute and clear color style property if found. - const customColor = newBorder === null || newBorder === void 0 ? void 0 : newBorder.color; - const colorObject = getMultiOriginColor({ - colors, - customColor - }); - - if (colorObject.slug) { - newBorderColor = colorObject.slug; - newBorderStyles.color = undefined; - } - } // Ensure previous border radius styles are maintained and clean - // overall result for empty objects or properties. - - - const newStyle = cleanEmptyObject({ ...style, - border: { - radius: style === null || style === void 0 ? void 0 : (_style$border2 = style.border) === null || _style$border2 === void 0 ? void 0 : _style$border2.radius, - ...newBorderStyles - } - }); - setAttributes({ - style: newStyle, - borderColor: newBorderColor - }); - }; - - const hydratedBorder = getBorderObject(attributes, colors); - return (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { - __experimentalGroup: "border" - }, (isWidthSupported || isColorSupported) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - hasValue: () => hasBorderValue(props), - label: (0,external_wp_i18n_namespaceObject.__)('Border'), - onDeselect: () => resetBorder(props), - isShownByDefault: showBorderByDefault, - resetAllFilter: resetBorderFilter, - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalBorderBoxControl, { - colors: colors, - enableAlpha: true, - enableStyle: isStyleSupported, - onChange: onBorderChange, - popoverOffset: 40, - popoverPlacement: "left-start", - value: hydratedBorder, - __experimentalHasMultipleOrigins: true, - __experimentalIsRenderedInSidebar: true - })), isRadiusSupported && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - hasValue: () => hasBorderRadiusValue(props), - label: (0,external_wp_i18n_namespaceObject.__)('Radius'), - onDeselect: () => resetBorderRadius(props), - isShownByDefault: defaultBorderControls === null || defaultBorderControls === void 0 ? void 0 : defaultBorderControls.radius, - resetAllFilter: newAttributes => { - var _newAttributes$style2; - - return { ...newAttributes, - style: { ...newAttributes.style, - border: { ...((_newAttributes$style2 = newAttributes.style) === null || _newAttributes$style2 === void 0 ? void 0 : _newAttributes$style2.border), - radius: undefined - } - } - }; - }, - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(BorderRadiusEdit, props))); -} -/** - * Determine whether there is block support for border properties. - * - * @param {string} blockName Block name. - * @param {string} feature Border feature to check support for. - * - * @return {boolean} Whether there is support. - */ - -function hasBorderSupport(blockName) { - let feature = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'any'; - - if (external_wp_element_namespaceObject.Platform.OS !== 'web') { - return false; - } - - const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, BORDER_SUPPORT_KEY); - - if (support === true) { - return true; - } - - if (feature === 'any') { - return !!(support !== null && support !== void 0 && support.color || support !== null && support !== void 0 && support.radius || support !== null && support !== void 0 && support.width || support !== null && support !== void 0 && support.style); - } - - return !!(support !== null && support !== void 0 && support[feature]); -} -/** - * Returns a new style object where the specified border attribute has been - * removed. - * - * @param {Object} style Styles from block attributes. - * @param {string} attribute The border style attribute to clear. - * - * @return {Object} Style object with the specified attribute removed. - */ - -function removeBorderAttribute(style, attribute) { - return cleanEmptyObject({ ...style, - border: { ...(style === null || style === void 0 ? void 0 : style.border), - [attribute]: undefined - } - }); -} -/** - * Filters registered block settings, extending attributes to include - * `borderColor` if needed. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Updated block settings. - */ - -function addAttributes(settings) { - if (!hasBorderSupport(settings, 'color')) { - return settings; - } // Allow blocks to specify default value if needed. - - - if (settings.attributes.borderColor) { - return settings; - } // Add new borderColor attribute to block settings. - - - return { ...settings, - attributes: { ...settings.attributes, - borderColor: { - type: 'string' - } - } - }; -} -/** - * Override props assigned to save component to inject border color. - * - * @param {Object} props Additional props applied to save element. - * @param {Object} blockType Block type definition. - * @param {Object} attributes Block's attributes. - * - * @return {Object} Filtered props to apply to save element. - */ - - -function border_addSaveProps(props, blockType, attributes) { - if (!hasBorderSupport(blockType, 'color') || shouldSkipSerialization(blockType, BORDER_SUPPORT_KEY, 'color')) { - return props; - } - - const borderClasses = getBorderClasses(attributes); - const newClassName = classnames_default()(props.className, borderClasses); // If we are clearing the last of the previous classes in `className` - // set it to `undefined` to avoid rendering empty DOM attributes. - - props.className = newClassName ? newClassName : undefined; - return props; -} -/** - * Generates a CSS class name consisting of all the applicable border color - * classes given the current block attributes. - * - * @param {Object} attributes Block's attributes. - * - * @return {string} CSS class name. - */ - - -function getBorderClasses(attributes) { - var _style$border3; - - const { - borderColor, - style - } = attributes; - const borderColorClass = getColorClassName('border-color', borderColor); - return classnames_default()({ - 'has-border-color': borderColor || (style === null || style === void 0 ? void 0 : (_style$border3 = style.border) === null || _style$border3 === void 0 ? void 0 : _style$border3.color), - [borderColorClass]: !!borderColorClass - }); -} -/** - * Filters the registered block settings to apply border color styles and - * classnames to the block edit wrapper. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function addEditProps(settings) { - if (!hasBorderSupport(settings, 'color') || shouldSkipSerialization(settings, BORDER_SUPPORT_KEY, 'color')) { - return settings; - } - - const existingGetEditWrapperProps = settings.getEditWrapperProps; - - settings.getEditWrapperProps = attributes => { - let props = {}; - - if (existingGetEditWrapperProps) { - props = existingGetEditWrapperProps(attributes); - } - - return border_addSaveProps(props, settings, attributes); - }; - - return settings; -} -/** - * This adds inline styles for color palette colors. - * Ideally, this is not needed and themes should load their palettes on the editor. - * - * @param {Function} BlockListBlock Original component. - * - * @return {Function} Wrapped component. - */ - - -const withBorderColorPaletteStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { - var _style$border4, _style$border4$top, _style$border5, _style$border5$right, _style$border6, _style$border6$bottom, _style$border7, _style$border7$left, _props$wrapperProps; - - const { - name, - attributes - } = props; - const { - borderColor, - style - } = attributes; - const { - colors - } = useMultipleOriginColorsAndGradients(); - - if (!hasBorderSupport(name, 'color') || shouldSkipSerialization(name, BORDER_SUPPORT_KEY, 'color')) { - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); - } - - const { - color: borderColorValue - } = getMultiOriginColor({ - colors, - namedColor: borderColor - }); - const { - color: borderTopColor - } = getMultiOriginColor({ - colors, - namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border4 = style.border) === null || _style$border4 === void 0 ? void 0 : (_style$border4$top = _style$border4.top) === null || _style$border4$top === void 0 ? void 0 : _style$border4$top.color) - }); - const { - color: borderRightColor - } = getMultiOriginColor({ - colors, - namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border5 = style.border) === null || _style$border5 === void 0 ? void 0 : (_style$border5$right = _style$border5.right) === null || _style$border5$right === void 0 ? void 0 : _style$border5$right.color) - }); - const { - color: borderBottomColor - } = getMultiOriginColor({ - colors, - namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border6 = style.border) === null || _style$border6 === void 0 ? void 0 : (_style$border6$bottom = _style$border6.bottom) === null || _style$border6$bottom === void 0 ? void 0 : _style$border6$bottom.color) - }); - const { - color: borderLeftColor - } = getMultiOriginColor({ - colors, - namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border7 = style.border) === null || _style$border7 === void 0 ? void 0 : (_style$border7$left = _style$border7.left) === null || _style$border7$left === void 0 ? void 0 : _style$border7$left.color) - }); - const extraStyles = { - borderTopColor: borderTopColor || borderColorValue, - borderRightColor: borderRightColor || borderColorValue, - borderBottomColor: borderBottomColor || borderColorValue, - borderLeftColor: borderLeftColor || borderColorValue - }; - let wrapperProps = props.wrapperProps; - wrapperProps = { ...props.wrapperProps, - style: { ...((_props$wrapperProps = props.wrapperProps) === null || _props$wrapperProps === void 0 ? void 0 : _props$wrapperProps.style), - ...extraStyles - } - }; - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { - wrapperProps: wrapperProps - })); -}); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/border/addAttributes', addAttributes); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/border/addSaveProps', border_addSaveProps); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/border/addEditProps', addEditProps); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/border/with-border-color-palette-styles', withBorderColorPaletteStyles); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradients/use-gradient.js -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -function __experimentalGetGradientClass(gradientSlug) { - if (!gradientSlug) { - return undefined; - } - - return `has-${gradientSlug}-gradient-background`; -} -/** - * Retrieves the gradient value per slug. - * - * @param {Array} gradients Gradient Palette - * @param {string} slug Gradient slug - * - * @return {string} Gradient value. - */ - -function getGradientValueBySlug(gradients, slug) { - const gradient = (0,external_lodash_namespaceObject.find)(gradients, ['slug', slug]); - return gradient && gradient.gradient; -} -function __experimentalGetGradientObjectByGradientValue(gradients, value) { - const gradient = (0,external_lodash_namespaceObject.find)(gradients, ['gradient', value]); - return gradient; -} -/** - * Retrieves the gradient slug per slug. - * - * @param {Array} gradients Gradient Palette - * @param {string} value Gradient value - * @return {string} Gradient slug. - */ - -function getGradientSlugByValue(gradients, value) { - const gradient = __experimentalGetGradientObjectByGradientValue(gradients, value); - - return gradient && gradient.slug; -} -function __experimentalUseGradient() { - let { - gradientAttribute = 'gradient', - customGradientAttribute = 'customGradient' - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const { - clientId - } = useBlockEditContext(); - const userGradientPalette = useSetting('color.gradients.custom'); - const themeGradientPalette = useSetting('color.gradients.theme'); - const defaultGradientPalette = useSetting('color.gradients.default'); - const allGradients = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userGradientPalette || []), ...(themeGradientPalette || []), ...(defaultGradientPalette || [])], [userGradientPalette, themeGradientPalette, defaultGradientPalette]); - const { - gradient, - customGradient - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockAttributes - } = select(store); - const attributes = getBlockAttributes(clientId) || {}; - return { - customGradient: attributes[customGradientAttribute], - gradient: attributes[gradientAttribute] - }; - }, [clientId, gradientAttribute, customGradientAttribute]); - const { - updateBlockAttributes - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const setGradient = (0,external_wp_element_namespaceObject.useCallback)(newGradientValue => { - const slug = getGradientSlugByValue(allGradients, newGradientValue); - - if (slug) { - updateBlockAttributes(clientId, { - [gradientAttribute]: slug, - [customGradientAttribute]: undefined - }); - return; - } - - updateBlockAttributes(clientId, { - [gradientAttribute]: undefined, - [customGradientAttribute]: newGradientValue - }); - }, [allGradients, clientId, updateBlockAttributes]); - - const gradientClass = __experimentalGetGradientClass(gradient); - - let gradientValue; - - if (gradient) { - gradientValue = getGradientValueBySlug(allGradients, gradient); - } else { - gradientValue = customGradient; - } - - return { - gradientClass, - gradientValue, - setGradient - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/control.js - - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -const colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients']; -const TAB_COLOR = { - name: 'color', - title: 'Solid', - value: 'color' -}; -const TAB_GRADIENT = { - name: 'gradient', - title: 'Gradient', - value: 'gradient' -}; -const TABS_SETTINGS = [TAB_COLOR, TAB_GRADIENT]; - -function ColorGradientControlInner(_ref) { - let { - colors, - gradients, - disableCustomColors, - disableCustomGradients, - __experimentalHasMultipleOrigins, - __experimentalIsRenderedInSidebar, - className, - label, - onColorChange, - onGradientChange, - colorValue, - gradientValue, - clearable, - showTitle = true, - enableAlpha - } = _ref; - const canChooseAColor = onColorChange && (!(0,external_lodash_namespaceObject.isEmpty)(colors) || !disableCustomColors); - const canChooseAGradient = onGradientChange && (!(0,external_lodash_namespaceObject.isEmpty)(gradients) || !disableCustomGradients); - - if (!canChooseAColor && !canChooseAGradient) { - return null; - } - - const tabPanels = { - [TAB_COLOR.value]: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorPalette, { - value: colorValue, - onChange: canChooseAGradient ? newColor => { - onColorChange(newColor); - onGradientChange(); - } : onColorChange, - colors, - disableCustomColors, - __experimentalHasMultipleOrigins: __experimentalHasMultipleOrigins, - __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar, - clearable: clearable, - enableAlpha: enableAlpha - }), - [TAB_GRADIENT.value]: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.GradientPicker, { - __nextHasNoMargin: true, - value: gradientValue, - onChange: canChooseAColor ? newGradient => { - onGradientChange(newGradient); - onColorChange(); - } : onGradientChange, - gradients, - disableCustomGradients, - __experimentalHasMultipleOrigins: __experimentalHasMultipleOrigins, - __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar, - clearable: clearable - }) - }; - - const renderPanelType = type => (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-color-gradient-control__panel" - }, tabPanels[type]); - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, { - __nextHasNoMarginBottom: true, - className: classnames_default()('block-editor-color-gradient-control', className) - }, (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: "block-editor-color-gradient-control__fieldset" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, { - spacing: 1 - }, showTitle && (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-color-gradient-control__color-indicator" - }, (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.TabPanel, { - className: "block-editor-color-gradient-control__tabs", - tabs: TABS_SETTINGS, - initialTabName: gradientValue ? TAB_GRADIENT.value : !!canChooseAColor && TAB_COLOR.value - }, tab => renderPanelType(tab.value)), !canChooseAGradient && renderPanelType(TAB_COLOR.value), !canChooseAColor && renderPanelType(TAB_GRADIENT.value)))); -} - -function ColorGradientControlSelect(props) { - const colorGradientSettings = {}; - colorGradientSettings.colors = useSetting('color.palette'); - colorGradientSettings.gradients = useSetting('color.gradients'); - colorGradientSettings.disableCustomColors = !useSetting('color.custom'); - colorGradientSettings.disableCustomGradients = !useSetting('color.customGradient'); - return (0,external_wp_element_namespaceObject.createElement)(ColorGradientControlInner, _extends({}, colorGradientSettings, props)); -} - -function ColorGradientControl(props) { - if ((0,external_lodash_namespaceObject.every)(colorsAndGradientKeys, key => props.hasOwnProperty(key))) { - return (0,external_wp_element_namespaceObject.createElement)(ColorGradientControlInner, props); - } - - return (0,external_wp_element_namespaceObject.createElement)(ColorGradientControlSelect, props); -} - -/* harmony default export */ var control = (ColorGradientControl); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/dropdown.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - // When the `ColorGradientSettingsDropdown` controls are being rendered to a -// `ToolsPanel` they must be wrapped in a `ToolsPanelItem`. - -const WithToolsPanelItem = _ref => { - let { - setting, - children, - panelId, - ...props - } = _ref; - - const clearValue = () => { - if (setting.colorValue) { - setting.onColorChange(); - } else if (setting.gradientValue) { - setting.onGradientChange(); - } - }; - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, _extends({ - hasValue: () => { - return !!setting.colorValue || !!setting.gradientValue; - }, - label: setting.label, - onDeselect: clearValue, - isShownByDefault: setting.isShownByDefault !== undefined ? setting.isShownByDefault : true }, props, { - className: "block-editor-tools-panel-color-gradient-settings__item", - panelId: panelId // Pass resetAllFilter if supplied due to rendering via SlotFill - // into parent ToolsPanel. - , - resetAllFilter: setting.resetAllFilter - }), children); -}; - -const LabeledColorIndicator = _ref2 => { - let { - colorValue, - label - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, { - justify: "flex-start" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorIndicator, { - className: "block-editor-panel-color-gradient-settings__color-indicator", - colorValue: colorValue - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, { - className: "block-editor-panel-color-gradient-settings__color-name", - title: label - }, label)); -}; // Renders a color dropdown's toggle as an `Item` if it is within an `ItemGroup` -// or as a `Button` if it isn't e.g. the controls are being rendered in -// a `ToolsPanel`. - - -const renderToggle = settings => _ref3 => { - let { - onToggle, - isOpen - } = _ref3; - const { - colorValue, - label - } = settings; - const toggleProps = { - onClick: onToggle, - className: classnames_default()('block-editor-panel-color-gradient-settings__dropdown', { - 'is-open': isOpen - }), - 'aria-expanded': isOpen - }; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, toggleProps, (0,external_wp_element_namespaceObject.createElement)(LabeledColorIndicator, { - colorValue: colorValue, - label: label - })); -}; // Renders a collection of color controls as dropdowns. Depending upon the -// context in which these dropdowns are being rendered, they may be wrapped -// in an `ItemGroup` with each dropdown's toggle as an `Item`, or alternatively, -// the may be individually wrapped in a `ToolsPanelItem` with the toggle as -// a regular `Button`. -// -// For more context see: https://github.com/WordPress/gutenberg/pull/40084 - - -function ColorGradientSettingsDropdown(_ref4) { - let { - colors, - disableCustomColors, - disableCustomGradients, - enableAlpha, - gradients, - settings, - __experimentalHasMultipleOrigins, - __experimentalIsRenderedInSidebar, - ...props - } = _ref4; - let popoverProps; - - if (__experimentalIsRenderedInSidebar) { - popoverProps = { - placement: 'left-start', - offset: 36, - shift: true - }; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, settings.map((setting, index) => { - var _setting$gradientValu; - - const controlProps = { - clearable: false, - colorValue: setting.colorValue, - colors, - disableCustomColors, - disableCustomGradients, - enableAlpha, - gradientValue: setting.gradientValue, - gradients, - label: setting.label, - onColorChange: setting.onColorChange, - onGradientChange: setting.onGradientChange, - showTitle: false, - __experimentalHasMultipleOrigins, - __experimentalIsRenderedInSidebar, - ...setting - }; - const toggleSettings = { - colorValue: (_setting$gradientValu = setting.gradientValue) !== null && _setting$gradientValu !== void 0 ? _setting$gradientValu : setting.colorValue, - label: setting.label - }; - return setting && // If not in an `ItemGroup` wrap the dropdown in a - // `ToolsPanelItem` - (0,external_wp_element_namespaceObject.createElement)(WithToolsPanelItem, _extends({ - key: index, - setting: setting - }, props), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { - popoverProps: popoverProps, - className: "block-editor-tools-panel-color-gradient-settings__dropdown", - renderToggle: renderToggle(toggleSettings), - renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalDropdownContentWrapper, { - paddingSize: "none" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-panel-color-gradient-settings__dropdown-content" - }, (0,external_wp_element_namespaceObject.createElement)(control, controlProps))) - })); - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/contrast-checker/index.js - - -/** - * External dependencies - */ - - - -/** - * WordPress dependencies - */ - - - - -k([names, a11y]); - -function ContrastChecker(_ref) { - let { - backgroundColor, - fallbackBackgroundColor, - fallbackTextColor, - fallbackLinkColor, - fontSize, - // Font size value in pixels. - isLargeText, - textColor, - linkColor, - enableAlphaChecker = false - } = _ref; - const currentBackgroundColor = backgroundColor || fallbackBackgroundColor; // Must have a background color. - - if (!currentBackgroundColor) { - return null; - } - - const currentTextColor = textColor || fallbackTextColor; - const currentLinkColor = linkColor || fallbackLinkColor; // Must have at least one text color. - - if (!currentTextColor && !currentLinkColor) { - return null; - } - - const textColors = [{ - color: currentTextColor, - description: (0,external_wp_i18n_namespaceObject.__)('text color') - }, { - color: currentLinkColor, - description: (0,external_wp_i18n_namespaceObject.__)('link color') - }]; - const colordBackgroundColor = w(currentBackgroundColor); - const backgroundColorHasTransparency = colordBackgroundColor.alpha() < 1; - const backgroundColorBrightness = colordBackgroundColor.brightness(); - const isReadableOptions = { - level: 'AA', - size: isLargeText || isLargeText !== false && fontSize >= 24 ? 'large' : 'small' - }; - let message = ''; - let speakMessage = ''; - - for (const item of textColors) { - // If there is no color, go no further. - if (!item.color) { - continue; - } - - const colordTextColor = w(item.color); - const isColordTextReadable = colordTextColor.isReadable(colordBackgroundColor, isReadableOptions); - const textHasTransparency = colordTextColor.alpha() < 1; // If the contrast is not readable. - - if (!isColordTextReadable) { - // Don't show the message if the background or text is transparent. - if (backgroundColorHasTransparency || textHasTransparency) { - continue; - } - - message = backgroundColorBrightness < colordTextColor.brightness() ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s is a type of text color, e.g., "text color" or "link color". - (0,external_wp_i18n_namespaceObject.__)('This color combination may be hard for people to read. Try using a darker background color and/or a brighter %s.'), item.description) : (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s is a type of text color, e.g., "text color" or "link color". - (0,external_wp_i18n_namespaceObject.__)('This color combination may be hard for people to read. Try using a brighter background color and/or a darker %s.'), item.description); - speakMessage = (0,external_wp_i18n_namespaceObject.__)('This color combination may be hard for people to read.'); // Break from the loop when we have a contrast warning. - // These messages take priority over the transparency warning. - - break; - } // If there is no contrast warning and the text is transparent, - // show the transparent warning if alpha check is enabled. - - - if (textHasTransparency && enableAlphaChecker) { - message = (0,external_wp_i18n_namespaceObject.__)('Transparent text may be hard for people to read.'); - speakMessage = (0,external_wp_i18n_namespaceObject.__)('Transparent text may be hard for people to read.'); - } - } - - if (!message) { - return null; - } // Note: The `Notice` component can speak messages via its `spokenMessage` - // prop, but the contrast checker requires granular control over when the - // announcements are made. Notably, the message will be re-announced if a - // new color combination is selected and the contrast is still insufficient. - - - (0,external_wp_a11y_namespaceObject.speak)(speakMessage); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-contrast-checker" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, { - spokenMessage: null, - status: "warning", - isDismissible: false - }, message)); -} -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/contrast-checker/README.md - */ - - -/* harmony default export */ var contrast_checker = (ContrastChecker); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/color-panel.js - - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - - - - -function getComputedStyle(node) { - return node.ownerDocument.defaultView.getComputedStyle(node); -} - -function ColorPanel(_ref) { - let { - enableAlpha = false, - settings, - clientId, - enableContrastChecking = true - } = _ref; - const [detectedBackgroundColor, setDetectedBackgroundColor] = (0,external_wp_element_namespaceObject.useState)(); - const [detectedColor, setDetectedColor] = (0,external_wp_element_namespaceObject.useState)(); - const [detectedLinkColor, setDetectedLinkColor] = (0,external_wp_element_namespaceObject.useState)(); - const ref = useBlockRef(clientId); - const definedColors = settings.filter(setting => setting === null || setting === void 0 ? void 0 : setting.colorValue); - (0,external_wp_element_namespaceObject.useEffect)(() => { - var _ref$current; - - if (!enableContrastChecking || !definedColors.length) { - return; - } - - if (!ref.current) { - return; - } - - setDetectedColor(getComputedStyle(ref.current).color); - const firstLinkElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('a'); - - if (firstLinkElement && !!firstLinkElement.innerText) { - setDetectedLinkColor(getComputedStyle(firstLinkElement).color); - } - - let backgroundColorNode = ref.current; - let backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor; - - while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) { - backgroundColorNode = backgroundColorNode.parentNode; - backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor; - } - - setDetectedBackgroundColor(backgroundColor); - }); - const colorGradientSettings = useMultipleOriginColorsAndGradients(); - return (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { - __experimentalGroup: "color" - }, (0,external_wp_element_namespaceObject.createElement)(ColorGradientSettingsDropdown, _extends({ - enableAlpha: enableAlpha, - panelId: clientId, - settings: settings, - __experimentalIsItemGroup: false, - __experimentalHasMultipleOrigins: true, - __experimentalIsRenderedInSidebar: true - }, colorGradientSettings)), enableContrastChecking && (0,external_wp_element_namespaceObject.createElement)(contrast_checker, { - backgroundColor: detectedBackgroundColor, - textColor: detectedColor, - enableAlphaChecker: enableAlpha, - linkColor: detectedLinkColor - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/color.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - - - -const COLOR_SUPPORT_KEY = 'color'; - -const hasColorSupport = blockType => { - const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY); - return colorSupport && (colorSupport.link === true || colorSupport.gradient === true || colorSupport.background !== false || colorSupport.text !== false); -}; - -const hasLinkColorSupport = blockType => { - if (external_wp_element_namespaceObject.Platform.OS !== 'web') { - return false; - } - - const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY); - return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.link; -}; - -const hasGradientSupport = blockType => { - const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY); - return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.gradients; -}; - -const hasBackgroundColorSupport = blockType => { - const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY); - return colorSupport && colorSupport.background !== false; -}; - -const hasTextColorSupport = blockType => { - const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, COLOR_SUPPORT_KEY); - return colorSupport && colorSupport.text !== false; -}; -/** - * Clears a single color property from a style object. - * - * @param {Array} path Path to color property to clear within styles object. - * @param {Object} style Block attributes style object. - * @return {Object} Styles with the color property omitted. - */ - - -const clearColorFromStyles = (path, style) => cleanEmptyObject(immutableSet(style, path, undefined)); -/** - * Clears text color related properties from supplied attributes. - * - * @param {Object} attributes Block attributes. - * @return {Object} Update block attributes with text color properties omitted. - */ - - -const resetAllTextFilter = attributes => ({ - textColor: undefined, - style: clearColorFromStyles(['color', 'text'], attributes.style) -}); -/** - * Clears link color related properties from supplied attributes. - * - * @param {Object} attributes Block attributes. - * @return {Object} Update block attributes with link color properties omitted. - */ - - -const resetAllLinkFilter = attributes => ({ - style: clearColorFromStyles(['elements', 'link', 'color', 'text'], attributes.style) -}); -/** - * Clears all background color related properties including gradients from - * supplied block attributes. - * - * @param {Object} attributes Block attributes. - * @return {Object} Block attributes with background and gradient omitted. - */ - - -const clearBackgroundAndGradient = attributes => { - var _attributes$style; - - return { - backgroundColor: undefined, - gradient: undefined, - style: { ...attributes.style, - color: { ...((_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : _attributes$style.color), - background: undefined, - gradient: undefined - } - } - }; -}; -/** - * Filters registered block settings, extending attributes to include - * `backgroundColor` and `textColor` attribute. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - - -function color_addAttributes(settings) { - if (!hasColorSupport(settings)) { - return settings; - } // Allow blocks to specify their own attribute definition with default values if needed. - - - if (!settings.attributes.backgroundColor) { - Object.assign(settings.attributes, { - backgroundColor: { - type: 'string' - } - }); - } - - if (!settings.attributes.textColor) { - Object.assign(settings.attributes, { - textColor: { - type: 'string' - } - }); - } - - if (hasGradientSupport(settings) && !settings.attributes.gradient) { - Object.assign(settings.attributes, { - gradient: { - type: 'string' - } - }); - } - - return settings; -} -/** - * Override props assigned to save component to inject colors classnames. - * - * @param {Object} props Additional props applied to save element. - * @param {Object} blockType Block type. - * @param {Object} attributes Block attributes. - * - * @return {Object} Filtered props applied to save element. - */ - - -function color_addSaveProps(props, blockType, attributes) { - var _style$color, _style$color2, _style$color3, _style$color4, _style$elements, _style$elements$link; - - if (!hasColorSupport(blockType) || shouldSkipSerialization(blockType, COLOR_SUPPORT_KEY)) { - return props; - } - - const hasGradient = hasGradientSupport(blockType); // I'd have preferred to avoid the "style" attribute usage here - - const { - backgroundColor, - textColor, - gradient, - style - } = attributes; - - const shouldSerialize = feature => !shouldSkipSerialization(blockType, COLOR_SUPPORT_KEY, feature); // Primary color classes must come before the `has-text-color`, - // `has-background` and `has-link-color` classes to maintain backwards - // compatibility and avoid block invalidations. - - - const textClass = shouldSerialize('text') ? getColorClassName('color', textColor) : undefined; - const gradientClass = shouldSerialize('gradients') ? __experimentalGetGradientClass(gradient) : undefined; - const backgroundClass = shouldSerialize('background') ? getColorClassName('background-color', backgroundColor) : undefined; - const serializeHasBackground = shouldSerialize('background') || shouldSerialize('gradients'); - const hasBackground = backgroundColor || (style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.background) || hasGradient && (gradient || (style === null || style === void 0 ? void 0 : (_style$color2 = style.color) === null || _style$color2 === void 0 ? void 0 : _style$color2.gradient)); - const newClassName = classnames_default()(props.className, textClass, gradientClass, { - // Don't apply the background class if there's a custom gradient. - [backgroundClass]: (!hasGradient || !(style !== null && style !== void 0 && (_style$color3 = style.color) !== null && _style$color3 !== void 0 && _style$color3.gradient)) && !!backgroundClass, - 'has-text-color': shouldSerialize('text') && (textColor || (style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.text)), - 'has-background': serializeHasBackground && hasBackground, - 'has-link-color': shouldSerialize('link') && (style === null || style === void 0 ? void 0 : (_style$elements = style.elements) === null || _style$elements === void 0 ? void 0 : (_style$elements$link = _style$elements.link) === null || _style$elements$link === void 0 ? void 0 : _style$elements$link.color) - }); - props.className = newClassName ? newClassName : undefined; - return props; -} -/** - * Filters registered block settings to extend the block edit wrapper - * to apply the desired styles and classnames properly. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function color_addEditProps(settings) { - if (!hasColorSupport(settings) || shouldSkipSerialization(settings, COLOR_SUPPORT_KEY)) { - return settings; - } - - const existingGetEditWrapperProps = settings.getEditWrapperProps; - - settings.getEditWrapperProps = attributes => { - let props = {}; - - if (existingGetEditWrapperProps) { - props = existingGetEditWrapperProps(attributes); - } - - return color_addSaveProps(props, settings, attributes); - }; - - return settings; -} - -const getLinkColorFromAttributeValue = (colors, value) => { - const attributeParsed = /var:preset\|color\|(.+)/.exec(value); - - if (attributeParsed && attributeParsed[1]) { - return getColorObjectByAttributeValues(colors, attributeParsed[1]).color; - } - - return value; -}; -/** - * Inspector control panel containing the color related configuration - * - * @param {Object} props - * - * @return {WPElement} Color edit element. - */ - - -function ColorEdit(props) { - var _style$color6, _style$color7, _style$color8, _style$elements2, _style$elements2$link, _style$elements2$link2, _style$elements3, _style$elements3$link, _style$elements3$link2; - - const { - name: blockName, - attributes - } = props; // Some color settings have a special handling for deprecated flags in `useSetting`, - // so we can't unwrap them by doing const { ... } = useSetting('color') - // until https://github.com/WordPress/gutenberg/issues/37094 is fixed. - - const userPalette = useSetting('color.palette.custom'); - const themePalette = useSetting('color.palette.theme'); - const defaultPalette = useSetting('color.palette.default'); - const allSolids = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); - const userGradientPalette = useSetting('color.gradients.custom'); - const themeGradientPalette = useSetting('color.gradients.theme'); - const defaultGradientPalette = useSetting('color.gradients.default'); - const allGradients = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userGradientPalette || []), ...(themeGradientPalette || []), ...(defaultGradientPalette || [])], [userGradientPalette, themeGradientPalette, defaultGradientPalette]); - const areCustomSolidsEnabled = useSetting('color.custom'); - const areCustomGradientsEnabled = useSetting('color.customGradient'); - const isBackgroundEnabled = useSetting('color.background'); - const isLinkEnabled = useSetting('color.link'); - const isTextEnabled = useSetting('color.text'); - const solidsEnabled = areCustomSolidsEnabled || !themePalette || (themePalette === null || themePalette === void 0 ? void 0 : themePalette.length) > 0; - const gradientsEnabled = areCustomGradientsEnabled || !themeGradientPalette || (themeGradientPalette === null || themeGradientPalette === void 0 ? void 0 : themeGradientPalette.length) > 0; // Shouldn't be needed but right now the ColorGradientsPanel - // can trigger both onChangeColor and onChangeBackground - // synchronously causing our two callbacks to override changes - // from each other. - - const localAttributes = (0,external_wp_element_namespaceObject.useRef)(attributes); - (0,external_wp_element_namespaceObject.useEffect)(() => { - localAttributes.current = attributes; - }, [attributes]); - - if (!hasColorSupport(blockName)) { - return null; - } - - const hasLinkColor = hasLinkColorSupport(blockName) && isLinkEnabled && solidsEnabled; - const hasTextColor = hasTextColorSupport(blockName) && isTextEnabled && solidsEnabled; - const hasBackgroundColor = hasBackgroundColorSupport(blockName) && isBackgroundEnabled && solidsEnabled; - const hasGradientColor = hasGradientSupport(blockName) && gradientsEnabled; - - if (!hasLinkColor && !hasTextColor && !hasBackgroundColor && !hasGradientColor) { - return null; - } - - const { - style, - textColor, - backgroundColor, - gradient - } = attributes; - let gradientValue; - - if (hasGradientColor && gradient) { - gradientValue = getGradientValueBySlug(allGradients, gradient); - } else if (hasGradientColor) { - var _style$color5; - - gradientValue = style === null || style === void 0 ? void 0 : (_style$color5 = style.color) === null || _style$color5 === void 0 ? void 0 : _style$color5.gradient; - } - - const onChangeColor = name => value => { - var _localAttributes$curr, _localAttributes$curr2; - - const colorObject = getColorObjectByColorValue(allSolids, value); - const attributeName = name + 'Color'; - const newStyle = { ...localAttributes.current.style, - color: { ...((_localAttributes$curr = localAttributes.current) === null || _localAttributes$curr === void 0 ? void 0 : (_localAttributes$curr2 = _localAttributes$curr.style) === null || _localAttributes$curr2 === void 0 ? void 0 : _localAttributes$curr2.color), - [name]: colorObject !== null && colorObject !== void 0 && colorObject.slug ? undefined : value - } - }; - const newNamedColor = colorObject !== null && colorObject !== void 0 && colorObject.slug ? colorObject.slug : undefined; - const newAttributes = { - style: cleanEmptyObject(newStyle), - [attributeName]: newNamedColor - }; - props.setAttributes(newAttributes); - localAttributes.current = { ...localAttributes.current, - ...newAttributes - }; - }; - - const onChangeGradient = value => { - const slug = getGradientSlugByValue(allGradients, value); - let newAttributes; - - if (slug) { - var _localAttributes$curr3, _localAttributes$curr4, _localAttributes$curr5; - - const newStyle = { ...((_localAttributes$curr3 = localAttributes.current) === null || _localAttributes$curr3 === void 0 ? void 0 : _localAttributes$curr3.style), - color: { ...((_localAttributes$curr4 = localAttributes.current) === null || _localAttributes$curr4 === void 0 ? void 0 : (_localAttributes$curr5 = _localAttributes$curr4.style) === null || _localAttributes$curr5 === void 0 ? void 0 : _localAttributes$curr5.color), - gradient: undefined - } - }; - newAttributes = { - style: cleanEmptyObject(newStyle), - gradient: slug - }; - } else { - var _localAttributes$curr6, _localAttributes$curr7, _localAttributes$curr8; - - const newStyle = { ...((_localAttributes$curr6 = localAttributes.current) === null || _localAttributes$curr6 === void 0 ? void 0 : _localAttributes$curr6.style), - color: { ...((_localAttributes$curr7 = localAttributes.current) === null || _localAttributes$curr7 === void 0 ? void 0 : (_localAttributes$curr8 = _localAttributes$curr7.style) === null || _localAttributes$curr8 === void 0 ? void 0 : _localAttributes$curr8.color), - gradient: value - } - }; - newAttributes = { - style: cleanEmptyObject(newStyle), - gradient: undefined - }; - } - - props.setAttributes(newAttributes); - localAttributes.current = { ...localAttributes.current, - ...newAttributes - }; - }; - - const onChangeLinkColor = value => { - var _localAttributes$curr9; - - const colorObject = getColorObjectByColorValue(allSolids, value); - const newLinkColorValue = colorObject !== null && colorObject !== void 0 && colorObject.slug ? `var:preset|color|${colorObject.slug}` : value; - const newStyle = cleanEmptyObject(immutableSet((_localAttributes$curr9 = localAttributes.current) === null || _localAttributes$curr9 === void 0 ? void 0 : _localAttributes$curr9.style, ['elements', 'link', 'color', 'text'], newLinkColorValue)); - props.setAttributes({ - style: newStyle - }); - localAttributes.current = { ...localAttributes.current, - ...{ - style: newStyle - } - }; - }; - - const defaultColorControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [COLOR_SUPPORT_KEY, '__experimentalDefaultControls']); - const enableContrastChecking = external_wp_element_namespaceObject.Platform.OS === 'web' && !gradient && !(style !== null && style !== void 0 && (_style$color6 = style.color) !== null && _style$color6 !== void 0 && _style$color6.gradient) && // Contrast checking is enabled by default. - // Deactivating it requires `enableContrastChecker` to have - // an explicit value of `false`. - false !== (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [COLOR_SUPPORT_KEY, 'enableContrastChecker']); - return (0,external_wp_element_namespaceObject.createElement)(ColorPanel, { - enableContrastChecking: enableContrastChecking, - clientId: props.clientId, - enableAlpha: true, - settings: [...(hasTextColor ? [{ - label: (0,external_wp_i18n_namespaceObject.__)('Text'), - onColorChange: onChangeColor('text'), - colorValue: getColorObjectByAttributeValues(allSolids, textColor, style === null || style === void 0 ? void 0 : (_style$color7 = style.color) === null || _style$color7 === void 0 ? void 0 : _style$color7.text).color, - isShownByDefault: defaultColorControls === null || defaultColorControls === void 0 ? void 0 : defaultColorControls.text, - resetAllFilter: resetAllTextFilter - }] : []), ...(hasBackgroundColor || hasGradientColor ? [{ - label: (0,external_wp_i18n_namespaceObject.__)('Background'), - onColorChange: hasBackgroundColor ? onChangeColor('background') : undefined, - colorValue: getColorObjectByAttributeValues(allSolids, backgroundColor, style === null || style === void 0 ? void 0 : (_style$color8 = style.color) === null || _style$color8 === void 0 ? void 0 : _style$color8.background).color, - gradientValue, - onGradientChange: hasGradientColor ? onChangeGradient : undefined, - isShownByDefault: defaultColorControls === null || defaultColorControls === void 0 ? void 0 : defaultColorControls.background, - resetAllFilter: clearBackgroundAndGradient - }] : []), ...(hasLinkColor ? [{ - label: (0,external_wp_i18n_namespaceObject.__)('Link'), - onColorChange: onChangeLinkColor, - colorValue: getLinkColorFromAttributeValue(allSolids, style === null || style === void 0 ? void 0 : (_style$elements2 = style.elements) === null || _style$elements2 === void 0 ? void 0 : (_style$elements2$link = _style$elements2.link) === null || _style$elements2$link === void 0 ? void 0 : (_style$elements2$link2 = _style$elements2$link.color) === null || _style$elements2$link2 === void 0 ? void 0 : _style$elements2$link2.text), - clearable: !!(style !== null && style !== void 0 && (_style$elements3 = style.elements) !== null && _style$elements3 !== void 0 && (_style$elements3$link = _style$elements3.link) !== null && _style$elements3$link !== void 0 && (_style$elements3$link2 = _style$elements3$link.color) !== null && _style$elements3$link2 !== void 0 && _style$elements3$link2.text), - isShownByDefault: defaultColorControls === null || defaultColorControls === void 0 ? void 0 : defaultColorControls.link, - resetAllFilter: resetAllLinkFilter - }] : [])] - }); -} -/** - * This adds inline styles for color palette colors. - * Ideally, this is not needed and themes should load their palettes on the editor. - * - * @param {Function} BlockListBlock Original component. - * - * @return {Function} Wrapped component. - */ - -const withColorPaletteStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { - var _props$wrapperProps; - - const { - name, - attributes - } = props; - const { - backgroundColor, - textColor - } = attributes; - const userPalette = useSetting('color.palette.custom') || []; - const themePalette = useSetting('color.palette.theme') || []; - const defaultPalette = useSetting('color.palette.default') || []; - const colors = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); - - if (!hasColorSupport(name) || shouldSkipSerialization(name, COLOR_SUPPORT_KEY)) { - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); - } - - const extraStyles = {}; - - if (textColor && !shouldSkipSerialization(name, COLOR_SUPPORT_KEY, 'text')) { - var _getColorObjectByAttr; - - extraStyles.color = (_getColorObjectByAttr = getColorObjectByAttributeValues(colors, textColor)) === null || _getColorObjectByAttr === void 0 ? void 0 : _getColorObjectByAttr.color; - } - - if (backgroundColor && !shouldSkipSerialization(name, COLOR_SUPPORT_KEY, 'background')) { - var _getColorObjectByAttr2; - - extraStyles.backgroundColor = (_getColorObjectByAttr2 = getColorObjectByAttributeValues(colors, backgroundColor)) === null || _getColorObjectByAttr2 === void 0 ? void 0 : _getColorObjectByAttr2.color; - } - - let wrapperProps = props.wrapperProps; - wrapperProps = { ...props.wrapperProps, - style: { ...extraStyles, - ...((_props$wrapperProps = props.wrapperProps) === null || _props$wrapperProps === void 0 ? void 0 : _props$wrapperProps.style) - } - }; - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { - wrapperProps: wrapperProps - })); -}); -const MIGRATION_PATHS = { - linkColor: [['style', 'elements', 'link', 'color', 'text']], - textColor: [['textColor'], ['style', 'color', 'text']], - backgroundColor: [['backgroundColor'], ['style', 'color', 'background']], - gradient: [['gradient'], ['style', 'color', 'gradient']] -}; -function color_addTransforms(result, source, index, results) { - const destinationBlockType = result.name; - const activeSupports = { - linkColor: hasLinkColorSupport(destinationBlockType), - textColor: hasTextColorSupport(destinationBlockType), - backgroundColor: hasBackgroundColorSupport(destinationBlockType), - gradient: hasGradientSupport(destinationBlockType) - }; - return transformStyles(activeSupports, MIGRATION_PATHS, result, source, index, results); -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/color/addAttribute', color_addAttributes); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/color/addSaveProps', color_addSaveProps); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/color/addEditProps', color_addEditProps); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/color/with-color-palette-styles', withColorPaletteStyles); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/color/addTransforms', color_addTransforms); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-appearance-control/index.js - - - -/** - * WordPress dependencies - */ - - - -const FONT_STYLES = [{ - name: (0,external_wp_i18n_namespaceObject._x)('Regular', 'font style'), - value: 'normal' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Italic', 'font style'), - value: 'italic' -}]; -const FONT_WEIGHTS = [{ - name: (0,external_wp_i18n_namespaceObject._x)('Thin', 'font weight'), - value: '100' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Extra Light', 'font weight'), - value: '200' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Light', 'font weight'), - value: '300' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Regular', 'font weight'), - value: '400' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Medium', 'font weight'), - value: '500' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Semi Bold', 'font weight'), - value: '600' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Bold', 'font weight'), - value: '700' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Extra Bold', 'font weight'), - value: '800' -}, { - name: (0,external_wp_i18n_namespaceObject._x)('Black', 'font weight'), - value: '900' -}]; -/** - * Adjusts font appearance field label in case either font styles or weights - * are disabled. - * - * @param {boolean} hasFontStyles Whether font styles are enabled and present. - * @param {boolean} hasFontWeights Whether font weights are enabled and present. - * @return {string} A label representing what font appearance is being edited. - */ - -const getFontAppearanceLabel = (hasFontStyles, hasFontWeights) => { - if (!hasFontStyles) { - return (0,external_wp_i18n_namespaceObject.__)('Font weight'); - } - - if (!hasFontWeights) { - return (0,external_wp_i18n_namespaceObject.__)('Font style'); - } - - return (0,external_wp_i18n_namespaceObject.__)('Appearance'); -}; -/** - * Control to display unified font style and weight options. - * - * @param {Object} props Component props. - * - * @return {WPElement} Font appearance control. - */ - -function FontAppearanceControl(props) { - const { - onChange, - hasFontStyles = true, - hasFontWeights = true, - value: { - fontStyle, - fontWeight - }, - ...otherProps - } = props; - const hasStylesOrWeights = hasFontStyles || hasFontWeights; - const label = getFontAppearanceLabel(hasFontStyles, hasFontWeights); - const defaultOption = { - key: 'default', - name: (0,external_wp_i18n_namespaceObject.__)('Default'), - style: { - fontStyle: undefined, - fontWeight: undefined - } - }; // Combines both font style and weight options into a single dropdown. - - const combineOptions = () => { - const combinedOptions = [defaultOption]; - FONT_STYLES.forEach(_ref => { - let { - name: styleName, - value: styleValue - } = _ref; - FONT_WEIGHTS.forEach(_ref2 => { - let { - name: weightName, - value: weightValue - } = _ref2; - const optionName = styleValue === 'normal' ? weightName : (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: 1: Font weight name. 2: Font style name. */ - (0,external_wp_i18n_namespaceObject.__)('%1$s %2$s'), weightName, styleName); - combinedOptions.push({ - key: `${styleValue}-${weightValue}`, - name: optionName, - style: { - fontStyle: styleValue, - fontWeight: weightValue - } - }); - }); - }); - return combinedOptions; - }; // Generates select options for font styles only. - - - const styleOptions = () => { - const combinedOptions = [defaultOption]; - FONT_STYLES.forEach(_ref3 => { - let { - name, - value - } = _ref3; - combinedOptions.push({ - key: value, - name, - style: { - fontStyle: value, - fontWeight: undefined - } - }); - }); - return combinedOptions; - }; // Generates select options for font weights only. - - - const weightOptions = () => { - const combinedOptions = [defaultOption]; - FONT_WEIGHTS.forEach(_ref4 => { - let { - name, - value - } = _ref4; - combinedOptions.push({ - key: value, - name, - style: { - fontStyle: undefined, - fontWeight: value - } - }); - }); - return combinedOptions; - }; // Map font styles and weights to select options. - - - const selectOptions = (0,external_wp_element_namespaceObject.useMemo)(() => { - if (hasFontStyles && hasFontWeights) { - return combineOptions(); - } - - return hasFontStyles ? styleOptions() : weightOptions(); - }, [props.options]); // Find current selection by comparing font style & weight against options, - // and fall back to the Default option if there is no matching option. - - const currentSelection = selectOptions.find(option => option.style.fontStyle === fontStyle && option.style.fontWeight === fontWeight) || selectOptions[0]; // Adjusts screen reader description based on styles or weights. - - const getDescribedBy = () => { - if (!currentSelection) { - return (0,external_wp_i18n_namespaceObject.__)('No selected font appearance'); - } - - if (!hasFontStyles) { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font weight. - (0,external_wp_i18n_namespaceObject.__)('Currently selected font weight: %s'), currentSelection.name); - } - - if (!hasFontWeights) { - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font style. - (0,external_wp_i18n_namespaceObject.__)('Currently selected font style: %s'), currentSelection.name); - } - - return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font appearance. - (0,external_wp_i18n_namespaceObject.__)('Currently selected font appearance: %s'), currentSelection.name); - }; - - return hasStylesOrWeights && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, _extends({}, otherProps, { - className: "components-font-appearance-control", - label: label, - describedBy: getDescribedBy(), - options: selectOptions, - value: currentSelection, - onChange: _ref5 => { - let { - selectedItem - } = _ref5; - return onChange(selectedItem.style); - }, - __nextUnconstrainedWidth: true - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/line-height-control/utils.js -const BASE_DEFAULT_VALUE = 1.5; -const STEP = 0.1; -/** - * There are varying value types within LineHeightControl: - * - * {undefined} Initial value. No changes from the user. - * {string} Input value. Value consumed/outputted by the input. Empty would be ''. - * {number} Block attribute type. Input value needs to be converted for attribute setting. - * - * Note: If the value is undefined, the input requires it to be an empty string ('') - * in order to be considered "controlled" by props (rather than internal state). - */ - -const RESET_VALUE = ''; -/** - * Determines if the lineHeight attribute has been properly defined. - * - * @param {any} lineHeight The value to check. - * - * @return {boolean} Whether the lineHeight attribute is valid. - */ - -function isLineHeightDefined(lineHeight) { - return lineHeight !== undefined && lineHeight !== RESET_VALUE; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/line-height-control/index.js - - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -const LineHeightControl = _ref => { - let { - value: lineHeight, - onChange, - - /** Start opting into the new margin-free styles that will become the default in a future version. */ - __nextHasNoMarginBottom = false, - __unstableInputWidth = '60px', - ...otherProps - } = _ref; - const isDefined = isLineHeightDefined(lineHeight); - - const adjustNextValue = (nextValue, wasTypedOrPasted) => { - // Set the next value without modification if lineHeight has been defined. - if (isDefined) return nextValue; - /** - * The following logic handles the initial step up/down action - * (from an undefined value state) so that the next values are better suited for - * line-height rendering. For example, the first step up should immediately - * go to 1.6, rather than the normally expected 0.1. - * - * Step up/down actions can be triggered by keydowns of the up/down arrow keys, - * or by clicking the spin buttons. - */ - - switch (`${nextValue}`) { - case `${STEP}`: - // Increment by step value. - return BASE_DEFAULT_VALUE + STEP; - - case '0': - { - // This means the user explicitly input '0', rather than stepped down - // from an undefined value state. - if (wasTypedOrPasted) return nextValue; // Decrement by step value. - - return BASE_DEFAULT_VALUE - STEP; - } - - case '': - return BASE_DEFAULT_VALUE; - - default: - return nextValue; - } - }; - - const stateReducer = (state, action) => { - var _action$payload$event; - - // Be careful when changing this — cross-browser behavior of the - // `inputType` field in `input` events are inconsistent. - // For example, Firefox emits an input event with inputType="insertReplacementText" - // on spin button clicks, while other browsers do not even emit an input event. - const wasTypedOrPasted = ['insertText', 'insertFromPaste'].includes((_action$payload$event = action.payload.event.nativeEvent) === null || _action$payload$event === void 0 ? void 0 : _action$payload$event.inputType); - const value = adjustNextValue(state.value, wasTypedOrPasted); - return { ...state, - value - }; - }; - - const value = isDefined ? lineHeight : RESET_VALUE; - - if (!__nextHasNoMarginBottom) { - external_wp_deprecated_default()('Bottom margin styles for wp.blockEditor.LineHeightControl', { - since: '6.0', - version: '6.4', - hint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version' - }); - } - - const deprecatedStyles = __nextHasNoMarginBottom ? undefined : { - marginBottom: 24 - }; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-line-height-control", - style: deprecatedStyles - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNumberControl, _extends({}, otherProps, { - __unstableInputWidth: __unstableInputWidth, - __unstableStateReducer: stateReducer, - onChange: onChange, - label: (0,external_wp_i18n_namespaceObject.__)('Line height'), - placeholder: BASE_DEFAULT_VALUE, - step: STEP, - value: value, - min: 0 - }))); -}; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md - */ - - -/* harmony default export */ var line_height_control = (LineHeightControl); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/line-height.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - -const LINE_HEIGHT_SUPPORT_KEY = 'typography.lineHeight'; -/** - * Inspector control panel containing the line height related configuration - * - * @param {Object} props - * - * @return {WPElement} Line height edit element. - */ - -function LineHeightEdit(props) { - var _style$typography; - - const { - attributes: { - style - }, - setAttributes - } = props; - - const onChange = newLineHeightValue => { - const newStyle = { ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - lineHeight: newLineHeightValue - } - }; - setAttributes({ - style: cleanEmptyObject(newStyle) - }); - }; - - return (0,external_wp_element_namespaceObject.createElement)(line_height_control, { - __unstableInputWidth: "100%", - __nextHasNoMarginBottom: true, - value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.lineHeight, - onChange: onChange, - size: "__unstable-large" - }); -} -/** - * Custom hook that checks if line-height settings have been disabled. - * - * @param {string} name The name of the block. - * @return {boolean} Whether setting is disabled. - */ - -function useIsLineHeightDisabled() { - let { - name: blockName - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const isDisabled = !useSetting('typography.lineHeight'); - return !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, LINE_HEIGHT_SUPPORT_KEY) || isDisabled; -} -/** - * Checks if there is a current value set for the line height block support. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a line height value set. - */ - -function hasLineHeightValue(props) { - var _props$attributes$sty, _props$attributes$sty2; - - 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); -} -/** - * Resets the line height block support attribute. This can be used when - * disabling the line height support controls for a block via a progressive - * discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.attributes Block's attributes. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetLineHeight(_ref) { - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - lineHeight: undefined - } - }) - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/font-appearance.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - -/** - * Key within block settings' support array indicating support for font style. - */ - -const FONT_STYLE_SUPPORT_KEY = 'typography.__experimentalFontStyle'; -/** - * Key within block settings' support array indicating support for font weight. - */ - -const FONT_WEIGHT_SUPPORT_KEY = 'typography.__experimentalFontWeight'; -/** - * Inspector control panel containing the font appearance options. - * - * @param {Object} props Block properties. - * - * @return {WPElement} Font appearance edit element. - */ - -function FontAppearanceEdit(props) { - var _style$typography, _style$typography2; - - const { - attributes: { - style - }, - setAttributes - } = props; - const hasFontStyles = !useIsFontStyleDisabled(props); - const hasFontWeights = !useIsFontWeightDisabled(props); - - const onChange = newStyles => { - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - fontStyle: newStyles.fontStyle, - fontWeight: newStyles.fontWeight - } - }) - }); - }; - - const fontStyle = style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontStyle; - const fontWeight = style === null || style === void 0 ? void 0 : (_style$typography2 = style.typography) === null || _style$typography2 === void 0 ? void 0 : _style$typography2.fontWeight; - return (0,external_wp_element_namespaceObject.createElement)(FontAppearanceControl, { - onChange: onChange, - hasFontStyles: hasFontStyles, - hasFontWeights: hasFontWeights, - value: { - fontStyle, - fontWeight - }, - size: "__unstable-large" - }); -} -/** - * Checks if font style support has been disabled either by not opting in for - * support or by failing to provide preset styles. - * - * @param {Object} props Block properties. - * @param {string} props.name Name for the block type. - * - * @return {boolean} Whether font style support has been disabled. - */ - -function useIsFontStyleDisabled() { - let { - name: blockName - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const styleSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_STYLE_SUPPORT_KEY); - const hasFontStyles = useSetting('typography.fontStyle'); - return !styleSupport || !hasFontStyles; -} -/** - * Checks if font weight support has been disabled either by not opting in for - * support or by failing to provide preset weights. - * - * @param {Object} props Block properties. - * @param {string} props.name Name for the block type. - * - * @return {boolean} Whether font weight support has been disabled. - */ - -function useIsFontWeightDisabled() { - let { - name: blockName - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const weightSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_WEIGHT_SUPPORT_KEY); - const hasFontWeights = useSetting('typography.fontWeight'); - return !weightSupport || !hasFontWeights; -} -/** - * Checks if font appearance support has been disabled. - * - * @param {Object} props Block properties. - * - * @return {boolean} Whether font appearance support has been disabled. - */ - -function useIsFontAppearanceDisabled(props) { - const stylesDisabled = useIsFontStyleDisabled(props); - const weightsDisabled = useIsFontWeightDisabled(props); - return stylesDisabled && weightsDisabled; -} -/** - * Checks if there is either a font style or weight value set within the - * typography styles. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a font style or weight. - */ - -function hasFontAppearanceValue(props) { - var _props$attributes$sty; - - const { - fontStyle, - fontWeight - } = ((_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.typography) || {}; - return !!fontStyle || !!fontWeight; -} -/** - * Resets the font style and weight block support attributes. This can be used - * when disabling the font appearance support controls for a block via a - * progressive discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.attributes Block's attributes. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetFontAppearance(_ref) { - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - fontStyle: undefined, - fontWeight: undefined - } - }) - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-family/index.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - -function FontFamilyControl(_ref) { - let { - value = '', - onChange, - fontFamilies, - ...props - } = _ref; - const blockLevelFontFamilies = useSetting('typography.fontFamilies'); - - if (!fontFamilies) { - fontFamilies = blockLevelFontFamilies; - } - - if ((0,external_lodash_namespaceObject.isEmpty)(fontFamilies)) { - return null; - } - - const options = [{ - value: '', - label: (0,external_wp_i18n_namespaceObject.__)('Default') - }, ...fontFamilies.map(_ref2 => { - let { - fontFamily, - name - } = _ref2; - return { - value: fontFamily, - label: name || fontFamily - }; - })]; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, _extends({ - label: (0,external_wp_i18n_namespaceObject.__)('Font'), - options: options, - value: value, - onChange: onChange, - labelPosition: "top" - }, props)); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/font-family.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - -const FONT_FAMILY_SUPPORT_KEY = 'typography.__experimentalFontFamily'; -/** - * Filters registered block settings, extending attributes to include - * the `fontFamily` attribute. - * - * @param {Object} settings Original block settings - * @return {Object} Filtered block settings - */ - -function font_family_addAttributes(settings) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, FONT_FAMILY_SUPPORT_KEY)) { - return settings; - } // Allow blocks to specify a default value if needed. - - - if (!settings.attributes.fontFamily) { - Object.assign(settings.attributes, { - fontFamily: { - type: 'string' - } - }); - } - - return settings; -} -/** - * Override props assigned to save component to inject font family. - * - * @param {Object} props Additional props applied to save element - * @param {Object} blockType Block type - * @param {Object} attributes Block attributes - * @return {Object} Filtered props applied to save element - */ - - -function font_family_addSaveProps(props, blockType, attributes) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, FONT_FAMILY_SUPPORT_KEY)) { - return props; - } - - if (shouldSkipSerialization(blockType, TYPOGRAPHY_SUPPORT_KEY, 'fontFamily')) { - return props; - } - - if (!(attributes !== null && attributes !== void 0 && attributes.fontFamily)) { - return props; - } // Use TokenList to dedupe classes. - - - const classes = new (external_wp_tokenList_default())(props.className); - classes.add(`has-${(0,external_lodash_namespaceObject.kebabCase)(attributes === null || attributes === void 0 ? void 0 : attributes.fontFamily)}-font-family`); - const newClassName = classes.value; - props.className = newClassName ? newClassName : undefined; - return props; -} -/** - * Filters registered block settings to expand the block edit wrapper - * by applying the desired styles and classnames. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - - -function font_family_addEditProps(settings) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, FONT_FAMILY_SUPPORT_KEY)) { - return settings; - } - - const existingGetEditWrapperProps = settings.getEditWrapperProps; - - settings.getEditWrapperProps = attributes => { - let props = {}; - - if (existingGetEditWrapperProps) { - props = existingGetEditWrapperProps(attributes); - } - - return font_family_addSaveProps(props, settings, attributes); - }; - - return settings; -} - -function FontFamilyEdit(_ref) { - var _find; - - let { - setAttributes, - attributes: { - fontFamily - } - } = _ref; - const fontFamilies = useSetting('typography.fontFamilies'); - const value = (_find = (0,external_lodash_namespaceObject.find)(fontFamilies, _ref2 => { - let { - slug - } = _ref2; - return fontFamily === slug; - })) === null || _find === void 0 ? void 0 : _find.fontFamily; - - function onChange(newValue) { - const predefinedFontFamily = (0,external_lodash_namespaceObject.find)(fontFamilies, _ref3 => { - let { - fontFamily: f - } = _ref3; - return f === newValue; - }); - setAttributes({ - fontFamily: predefinedFontFamily === null || predefinedFontFamily === void 0 ? void 0 : predefinedFontFamily.slug - }); - } - - return (0,external_wp_element_namespaceObject.createElement)(FontFamilyControl, { - className: "block-editor-hooks-font-family-control", - fontFamilies: fontFamilies, - value: value, - onChange: onChange, - size: "__unstable-large", - __nextHasNoMarginBottom: true - }); -} -/** - * Custom hook that checks if font-family functionality is disabled. - * - * @param {string} name The name of the block. - * @return {boolean} Whether setting is disabled. - */ - -function useIsFontFamilyDisabled(_ref4) { - let { - name - } = _ref4; - const fontFamilies = useSetting('typography.fontFamilies'); - return !fontFamilies || fontFamilies.length === 0 || !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, FONT_FAMILY_SUPPORT_KEY); -} -/** - * Checks if there is a current value set for the font family block support. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a font family value set. - */ - -function hasFontFamilyValue(props) { - return !!props.attributes.fontFamily; -} -/** - * Resets the font family block support attribute. This can be used when - * disabling the font family support controls for a block via a progressive - * discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetFontFamily(_ref5) { - let { - setAttributes - } = _ref5; - setAttributes({ - fontFamily: undefined - }); -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addAttribute', font_family_addAttributes); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/fontFamily/addSaveProps', font_family_addSaveProps); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addEditProps', font_family_addEditProps); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/utils.js -/** - * External dependencies - */ - -/** - * Returns the font size object based on an array of named font sizes and the namedFontSize and customFontSize values. - * If namedFontSize is undefined or not found in fontSizes an object with just the size value based on customFontSize is returned. - * - * @param {Array} fontSizes Array of font size objects containing at least the "name" and "size" values as properties. - * @param {?string} fontSizeAttribute Content of the font size attribute (slug). - * @param {?number} customFontSizeAttribute Contents of the custom font size attribute (value). - * - * @return {?Object} If fontSizeAttribute is set and an equal slug is found in fontSizes it returns the font size object for that slug. - * Otherwise, an object with just the size value based on customFontSize is returned. - */ - -const getFontSize = (fontSizes, fontSizeAttribute, customFontSizeAttribute) => { - if (fontSizeAttribute) { - const fontSizeObject = (0,external_lodash_namespaceObject.find)(fontSizes, { - slug: fontSizeAttribute - }); - - if (fontSizeObject) { - return fontSizeObject; - } - } - - return { - size: customFontSizeAttribute - }; -}; -/** - * Returns the corresponding font size object for a given value. - * - * @param {Array} fontSizes Array of font size objects. - * @param {number} value Font size value. - * - * @return {Object} Font size object. - */ - -function getFontSizeObjectByValue(fontSizes, value) { - const fontSizeObject = (0,external_lodash_namespaceObject.find)(fontSizes, { - size: value - }); - - if (fontSizeObject) { - return fontSizeObject; - } - - return { - size: value - }; -} -/** - * Returns a class based on fontSizeName. - * - * @param {string} fontSizeSlug Slug of the fontSize. - * - * @return {string} String with the class corresponding to the fontSize passed. - * The class is generated by appending 'has-' followed by fontSizeSlug in kebabCase and ending with '-font-size'. - */ - -function getFontSizeClass(fontSizeSlug) { - if (!fontSizeSlug) { - return; - } - - return `has-${(0,external_lodash_namespaceObject.kebabCase)(fontSizeSlug)}-font-size`; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/font-size-picker.js - - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - -function FontSizePicker(props) { - const fontSizes = useSetting('typography.fontSizes'); - const disableCustomFontSizes = !useSetting('typography.customFontSize'); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FontSizePicker, _extends({}, props, { - fontSizes: fontSizes, - disableCustomFontSizes: disableCustomFontSizes - })); -} -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/font-sizes/README.md - */ - - -/* harmony default export */ var font_size_picker = (FontSizePicker); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/fluid-utils.js -/** - * The fluid utilities must match the backend equivalent. - * See: gutenberg_get_typography_font_size_value() in lib/block-supports/typography.php - * --------------------------------------------------------------- - */ -// Defaults. -const DEFAULT_MAXIMUM_VIEWPORT_WIDTH = '1600px'; -const DEFAULT_MINIMUM_VIEWPORT_WIDTH = '768px'; -const DEFAULT_SCALE_FACTOR = 1; -const DEFAULT_MINIMUM_FONT_SIZE_FACTOR = 0.75; -const DEFAULT_MINIMUM_FONT_SIZE_LIMIT = '14px'; -/** - * Computes a fluid font-size value that uses clamp(). A minimum and maxinmum - * font size OR a single font size can be specified. - * - * If a single font size is specified, it is scaled up and down by - * minimumFontSizeFactor and maximumFontSizeFactor to arrive at the minimum and - * maximum sizes. - * - * @example - * ```js - * // Calculate fluid font-size value from a minimum and maximum value. - * const fontSize = getComputedFluidTypographyValue( { - * minimumFontSize: '20px', - * maximumFontSize: '45px' - * } ); - * // Calculate fluid font-size value from a single font size. - * const fontSize = getComputedFluidTypographyValue( { - * fontSize: '30px', - * } ); - * ``` - * - * @param {Object} args - * @param {?string} args.minimumViewPortWidth Minimum viewport size from which type will have fluidity. Optional if fontSize is specified. - * @param {?string} args.maximumViewPortWidth Maximum size up to which type will have fluidity. Optional if fontSize is specified. - * @param {string|number} [args.fontSize] Size to derive maximumFontSize and minimumFontSize from, if necessary. Optional if minimumFontSize and maximumFontSize are specified. - * @param {?string} args.maximumFontSize Maximum font size for any clamp() calculation. Optional. - * @param {?string} args.minimumFontSize Minimum font size for any clamp() calculation. Optional. - * @param {?number} args.scaleFactor A scale factor to determine how fast a font scales within boundaries. Optional. - * @param {?number} args.minimumFontSizeFactor How much to scale defaultFontSize by to derive minimumFontSize. Optional. - * - * @return {string|null} A font-size value using clamp(). - */ - -function getComputedFluidTypographyValue(_ref) { - let { - minimumFontSize, - maximumFontSize, - fontSize, - minimumViewPortWidth = DEFAULT_MINIMUM_VIEWPORT_WIDTH, - maximumViewPortWidth = DEFAULT_MAXIMUM_VIEWPORT_WIDTH, - scaleFactor = DEFAULT_SCALE_FACTOR, - minimumFontSizeFactor = DEFAULT_MINIMUM_FONT_SIZE_FACTOR, - minimumFontSizeLimit = DEFAULT_MINIMUM_FONT_SIZE_LIMIT - } = _ref; - - /* - * Calculates missing minimumFontSize and maximumFontSize from - * defaultFontSize if provided. - */ - if (fontSize) { - // Parses default font size. - const fontSizeParsed = getTypographyValueAndUnit(fontSize); // Protect against invalid units. - - if (!(fontSizeParsed !== null && fontSizeParsed !== void 0 && fontSizeParsed.unit)) { - return null; - } // Parses the minimum font size limit, so we can perform checks using it. - - - const minimumFontSizeLimitParsed = getTypographyValueAndUnit(minimumFontSizeLimit, { - coerceTo: fontSizeParsed.unit - }); // Don't enforce minimum font size if a font size has explicitly set a min and max value. - - if (!!(minimumFontSizeLimitParsed !== null && minimumFontSizeLimitParsed !== void 0 && minimumFontSizeLimitParsed.value) && !minimumFontSize && !maximumFontSize) { - /* - * If a minimum size was not passed to this function - * and the user-defined font size is lower than $minimum_font_size_limit, - * do not calculate a fluid value. - */ - if ((fontSizeParsed === null || fontSizeParsed === void 0 ? void 0 : fontSizeParsed.value) <= (minimumFontSizeLimitParsed === null || minimumFontSizeLimitParsed === void 0 ? void 0 : minimumFontSizeLimitParsed.value)) { - return null; - } - } // If no fluid max font size is available use the incoming value. - - - if (!maximumFontSize) { - maximumFontSize = `${fontSizeParsed.value}${fontSizeParsed.unit}`; - } - /* - * If no minimumFontSize is provided, create one using - * the given font size multiplied by the min font size scale factor. - */ - - - if (!minimumFontSize) { - const calculatedMinimumFontSize = roundToPrecision(fontSizeParsed.value * minimumFontSizeFactor, 3); // Only use calculated min font size if it's > $minimum_font_size_limit value. - - if (!!(minimumFontSizeLimitParsed !== null && minimumFontSizeLimitParsed !== void 0 && minimumFontSizeLimitParsed.value) && calculatedMinimumFontSize < (minimumFontSizeLimitParsed === null || minimumFontSizeLimitParsed === void 0 ? void 0 : minimumFontSizeLimitParsed.value)) { - minimumFontSize = `${minimumFontSizeLimitParsed.value}${minimumFontSizeLimitParsed.unit}`; - } else { - minimumFontSize = `${calculatedMinimumFontSize}${fontSizeParsed.unit}`; - } - } - } // Grab the minimum font size and normalize it in order to use the value for calculations. - - - const minimumFontSizeParsed = getTypographyValueAndUnit(minimumFontSize); // We get a 'preferred' unit to keep units consistent when calculating, - // otherwise the result will not be accurate. - - const fontSizeUnit = (minimumFontSizeParsed === null || minimumFontSizeParsed === void 0 ? void 0 : minimumFontSizeParsed.unit) || 'rem'; // Grabs the maximum font size and normalize it in order to use the value for calculations. - - const maximumFontSizeParsed = getTypographyValueAndUnit(maximumFontSize, { - coerceTo: fontSizeUnit - }); // Checks for mandatory min and max sizes, and protects against unsupported units. - - if (!minimumFontSizeParsed || !maximumFontSizeParsed) { - return null; - } // Uses rem for accessible fluid target font scaling. - - - const minimumFontSizeRem = getTypographyValueAndUnit(minimumFontSize, { - coerceTo: 'rem' - }); // Viewport widths defined for fluid typography. Normalize units - - const maximumViewPortWidthParsed = getTypographyValueAndUnit(maximumViewPortWidth, { - coerceTo: fontSizeUnit - }); - const minumumViewPortWidthParsed = getTypographyValueAndUnit(minimumViewPortWidth, { - coerceTo: fontSizeUnit - }); // Protect against unsupported units. - - if (!maximumViewPortWidthParsed || !minumumViewPortWidthParsed || !minimumFontSizeRem) { - return null; - } // Build CSS rule. - // Borrowed from https://websemantics.uk/tools/responsive-font-calculator/. - - - const minViewPortWidthOffsetValue = roundToPrecision(minumumViewPortWidthParsed.value / 100, 3); - const viewPortWidthOffset = roundToPrecision(minViewPortWidthOffsetValue, 3) + fontSizeUnit; - const linearFactor = 100 * ((maximumFontSizeParsed.value - minimumFontSizeParsed.value) / (maximumViewPortWidthParsed.value - minumumViewPortWidthParsed.value)); - const linearFactorScaled = roundToPrecision((linearFactor || 1) * scaleFactor, 3); - const fluidTargetFontSize = `${minimumFontSizeRem.value}${minimumFontSizeRem.unit} + ((1vw - ${viewPortWidthOffset}) * ${linearFactorScaled})`; - return `clamp(${minimumFontSize}, ${fluidTargetFontSize}, ${maximumFontSize})`; -} -/** - * Internal method that checks a string for a unit and value and returns an array consisting of `'value'` and `'unit'`, e.g., [ '42', 'rem' ]. - * A raw font size of `value + unit` is expected. If the value is an integer, it will convert to `value + 'px'`. - * - * @param {string|number} rawValue Raw size value from theme.json. - * @param {Object|undefined} options Calculation options. - * - * @return {{ unit: string, value: number }|null} An object consisting of `'value'` and `'unit'` properties. - */ - -function getTypographyValueAndUnit(rawValue) { - let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; - - if (typeof rawValue !== 'string' && typeof rawValue !== 'number') { - return null; - } // Converts numeric values to pixel values by default. - - - if (isFinite(rawValue)) { - rawValue = `${rawValue}px`; - } - - const { - coerceTo, - rootSizeValue, - acceptableUnits - } = { - coerceTo: '', - // Default browser font size. Later we could inject some JS to compute this `getComputedStyle( document.querySelector( "html" ) ).fontSize`. - rootSizeValue: 16, - acceptableUnits: ['rem', 'px', 'em'], - ...options - }; - const acceptableUnitsGroup = acceptableUnits === null || acceptableUnits === void 0 ? void 0 : acceptableUnits.join('|'); - const regexUnits = new RegExp(`^(\\d*\\.?\\d+)(${acceptableUnitsGroup}){1,1}$`); - const matches = rawValue.match(regexUnits); // We need a number value and a unit. - - if (!matches || matches.length < 3) { - return null; - } - - let [, value, unit] = matches; - let returnValue = parseFloat(value); - - if ('px' === coerceTo && ('em' === unit || 'rem' === unit)) { - returnValue = returnValue * rootSizeValue; - unit = coerceTo; - } - - if ('px' === unit && ('em' === coerceTo || 'rem' === coerceTo)) { - returnValue = returnValue / rootSizeValue; - unit = coerceTo; - } - /* - * No calculation is required if swapping between em and rem yet, - * since we assume a root size value. Later we might like to differentiate between - * :root font size (rem) and parent element font size (em) relativity. - */ - - - if (('em' === coerceTo || 'rem' === coerceTo) && ('em' === unit || 'rem' === unit)) { - unit = coerceTo; - } - - return { - value: roundToPrecision(returnValue, 3), - unit - }; -} -/** - * Returns a value rounded to defined precision. - * Returns `undefined` if the value is not a valid finite number. - * - * @param {number} value Raw value. - * @param {number} digits The number of digits to appear after the decimal point - * - * @return {number|undefined} Value rounded to standard precision. - */ - -function roundToPrecision(value) { - let digits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3; - const base = Math.pow(10, digits); - return Number.isFinite(value) ? parseFloat(Math.round(value * base) / base) : undefined; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/font-size.js - - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - - - -const FONT_SIZE_SUPPORT_KEY = 'typography.fontSize'; -/** - * Filters registered block settings, extending attributes to include - * `fontSize` and `fontWeight` attributes. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function font_size_addAttributes(settings) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, FONT_SIZE_SUPPORT_KEY)) { - return settings; - } // Allow blocks to specify a default value if needed. - - - if (!settings.attributes.fontSize) { - Object.assign(settings.attributes, { - fontSize: { - type: 'string' - } - }); - } - - return settings; -} -/** - * Override props assigned to save component to inject font size. - * - * @param {Object} props Additional props applied to save element. - * @param {Object} blockType Block type. - * @param {Object} attributes Block attributes. - * - * @return {Object} Filtered props applied to save element. - */ - - -function font_size_addSaveProps(props, blockType, attributes) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, FONT_SIZE_SUPPORT_KEY)) { - return props; - } - - if (shouldSkipSerialization(blockType, TYPOGRAPHY_SUPPORT_KEY, 'fontSize')) { - return props; - } // Use TokenList to dedupe classes. - - - const classes = new (external_wp_tokenList_default())(props.className); - classes.add(getFontSizeClass(attributes.fontSize)); - const newClassName = classes.value; - props.className = newClassName ? newClassName : undefined; - return props; -} -/** - * Filters registered block settings to expand the block edit wrapper - * by applying the desired styles and classnames. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - - -function font_size_addEditProps(settings) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, FONT_SIZE_SUPPORT_KEY)) { - return settings; - } - - const existingGetEditWrapperProps = settings.getEditWrapperProps; - - settings.getEditWrapperProps = attributes => { - let props = {}; - - if (existingGetEditWrapperProps) { - props = existingGetEditWrapperProps(attributes); - } - - return font_size_addSaveProps(props, settings, attributes); - }; - - return settings; -} -/** - * Inspector control panel containing the font size related configuration - * - * @param {Object} props - * - * @return {WPElement} Font size edit element. - */ - - -function FontSizeEdit(props) { - var _style$typography, _style$typography2; - - const { - attributes: { - fontSize, - style - }, - setAttributes - } = props; - const fontSizes = useSetting('typography.fontSizes'); - - const onChange = value => { - const fontSizeSlug = getFontSizeObjectByValue(fontSizes, value).slug; - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - fontSize: fontSizeSlug ? undefined : value - } - }), - fontSize: fontSizeSlug - }); - }; - - 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); - 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; - return (0,external_wp_element_namespaceObject.createElement)(font_size_picker, { - onChange: onChange, - value: fontSizeValue, - withReset: false, - size: "__unstable-large", - __nextHasNoMarginBottom: true - }); -} -/** - * Checks if there is a current value set for the font size block support. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a font size value set. - */ - -function hasFontSizeValue(props) { - var _style$typography3; - - const { - fontSize, - style - } = props.attributes; - return !!fontSize || !!(style !== null && style !== void 0 && (_style$typography3 = style.typography) !== null && _style$typography3 !== void 0 && _style$typography3.fontSize); -} -/** - * Resets the font size block support attribute. This can be used when - * disabling the font size support controls for a block via a progressive - * discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.attributes Block's attributes. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetFontSize(_ref) { - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - fontSize: undefined, - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - fontSize: undefined - } - }) - }); -} -/** - * Custom hook that checks if font-size settings have been disabled. - * - * @param {string} name The name of the block. - * @return {boolean} Whether setting is disabled. - */ - -function useIsFontSizeDisabled() { - let { - name: blockName - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const fontSizes = useSetting('typography.fontSizes'); - const hasFontSizes = !!(fontSizes !== null && fontSizes !== void 0 && fontSizes.length); - return !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_SIZE_SUPPORT_KEY) || !hasFontSizes; -} -/** - * Add inline styles for font sizes. - * Ideally, this is not needed and themes load the font-size classes on the - * editor. - * - * @param {Function} BlockListBlock Original component. - * - * @return {Function} Wrapped component. - */ - -const withFontSizeInlineStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { - var _style$typography4, _style$typography5; - - const fontSizes = useSetting('typography.fontSizes'); - const { - name: blockName, - attributes: { - fontSize, - style - }, - wrapperProps - } = props; // Only add inline styles if the block supports font sizes, - // doesn't skip serialization of font sizes, - // doesn't already have an inline font size, - // and does have a class to extract the font size from. - - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, FONT_SIZE_SUPPORT_KEY) || shouldSkipSerialization(blockName, TYPOGRAPHY_SUPPORT_KEY, 'fontSize') || !fontSize || style !== null && style !== void 0 && (_style$typography4 = style.typography) !== null && _style$typography4 !== void 0 && _style$typography4.fontSize) { - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); - } - - 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; - const newProps = { ...props, - wrapperProps: { ...wrapperProps, - style: { - fontSize: fontSizeValue, - ...(wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style) - } - } - }; - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, newProps); -}, 'withFontSizeInlineStyles'); -const font_size_MIGRATION_PATHS = { - fontSize: [['fontSize'], ['style', 'typography', 'fontSize']] -}; -function font_size_addTransforms(result, source, index, results) { - const destinationBlockType = result.name; - const activeSupports = { - fontSize: (0,external_wp_blocks_namespaceObject.hasBlockSupport)(destinationBlockType, FONT_SIZE_SUPPORT_KEY) - }; - return transformStyles(activeSupports, font_size_MIGRATION_PATHS, result, source, index, results); -} -/** - * Allow custom font sizes to appear fluid when fluid typography is enabled at - * the theme level. - * - * Adds a custom getEditWrapperProps() callback to all block types that support - * font sizes. Then, if fluid typography is enabled, this callback will swap any - * custom font size in style.fontSize with a fluid font size (i.e. one that uses - * clamp()). - * - * It's important that this hook runs after 'core/style/addEditProps' sets - * style.fontSize as otherwise fontSize will be overwritten. - * - * @param {Object} blockType Block settings object. - */ - -function addEditPropsForFluidCustomFontSizes(blockType) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, FONT_SIZE_SUPPORT_KEY) || shouldSkipSerialization(blockType, TYPOGRAPHY_SUPPORT_KEY, 'fontSize')) { - return blockType; - } - - const existingGetEditWrapperProps = blockType.getEditWrapperProps; - - blockType.getEditWrapperProps = attributes => { - var _wrapperProps$style, _select$getSettings$_, _select$getSettings$_2; - - const wrapperProps = existingGetEditWrapperProps ? existingGetEditWrapperProps(attributes) : {}; - const fontSize = wrapperProps === null || wrapperProps === void 0 ? void 0 : (_wrapperProps$style = wrapperProps.style) === null || _wrapperProps$style === void 0 ? void 0 : _wrapperProps$style.fontSize; // TODO: This sucks! We should be using useSetting( 'typography.fluid' ) - // or even useSelect( blockEditorStore ). We can't do either here - // because getEditWrapperProps is a plain JavaScript function called by - // BlockListBlock and not a React component rendered within - // BlockListContext.Provider. If we set fontSize using editor. - // BlockListBlock instead of using getEditWrapperProps then the value is - // clobbered when the core/style/addEditProps filter runs. - - const isFluidTypographyEnabled = !!((_select$getSettings$_ = (0,external_wp_data_namespaceObject.select)(store).getSettings().__experimentalFeatures) !== null && _select$getSettings$_ !== void 0 && (_select$getSettings$_2 = _select$getSettings$_.typography) !== null && _select$getSettings$_2 !== void 0 && _select$getSettings$_2.fluid); - const newFontSize = fontSize && isFluidTypographyEnabled ? getComputedFluidTypographyValue({ - fontSize - }) : null; - - if (newFontSize === null) { - return wrapperProps; - } - - return { ...wrapperProps, - style: { ...(wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style), - fontSize: newFontSize - } - }; - }; - - return blockType; -} - -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font/addAttribute', font_size_addAttributes); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/font/addSaveProps', font_size_addSaveProps); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font/addEditProps', font_size_addEditProps); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/font-size/with-font-size-inline-styles', withFontSizeInlineStyles); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/font-size/addTransforms', font_size_addTransforms); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font-size/addEditPropsForFluidCustomFontSizes', addEditPropsForFluidCustomFontSizes, // Run after 'core/style/addEditProps' so that the style object has already -// been translated into inline CSS. -11); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/reset.js - - -/** - * WordPress dependencies - */ - -const reset_reset = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M7 11.5h10V13H7z" -})); -/* harmony default export */ var library_reset = (reset_reset); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-underline.js - - -/** - * WordPress dependencies - */ - -const formatUnderline = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var format_underline = (formatUnderline); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js - - -/** - * WordPress dependencies - */ - -const formatStrikethrough = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var format_strikethrough = (formatStrikethrough); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/text-decoration-control/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -const TEXT_DECORATIONS = [{ - name: (0,external_wp_i18n_namespaceObject.__)('None'), - value: 'none', - icon: library_reset -}, { - name: (0,external_wp_i18n_namespaceObject.__)('Underline'), - value: 'underline', - icon: format_underline -}, { - name: (0,external_wp_i18n_namespaceObject.__)('Strikethrough'), - value: 'line-through', - icon: format_strikethrough -}]; -/** - * Control to facilitate text decoration selections. - * - * @param {Object} props Component props. - * @param {string} props.value Currently selected text decoration. - * @param {Function} props.onChange Handles change in text decoration selection. - * @param {string} [props.className] Additional class name to apply. - * - * @return {WPElement} Text decoration control. - */ - -function TextDecorationControl(_ref) { - let { - value, - onChange, - className - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: classnames_default()('block-editor-text-decoration-control', className) - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, { - as: "legend" - }, (0,external_wp_i18n_namespaceObject.__)('Decoration')), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-text-decoration-control__buttons" - }, TEXT_DECORATIONS.map(textDecoration => { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: textDecoration.value, - icon: textDecoration.icon, - label: textDecoration.name, - isPressed: textDecoration.value === value, - onClick: () => { - onChange(textDecoration.value === value ? undefined : textDecoration.value); - } - }); - }))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/text-decoration.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - -/** - * Key within block settings' supports array indicating support for text - * decorations e.g. settings found in `block.json`. - */ - -const TEXT_DECORATION_SUPPORT_KEY = 'typography.__experimentalTextDecoration'; -/** - * Inspector control panel containing the text decoration options. - * - * @param {Object} props Block properties. - * - * @return {WPElement} Text decoration edit element. - */ - -function TextDecorationEdit(props) { - var _style$typography; - - const { - attributes: { - style - }, - setAttributes - } = props; - - function onChange(newDecoration) { - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - textDecoration: newDecoration - } - }) - }); - } - - return (0,external_wp_element_namespaceObject.createElement)(TextDecorationControl, { - value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textDecoration, - onChange: onChange, - size: "__unstable-large" - }); -} -/** - * Checks if text-decoration settings have been disabled. - * - * @param {string} name Name of the block. - * - * @return {boolean} Whether or not the setting is disabled. - */ - -function useIsTextDecorationDisabled() { - let { - name: blockName - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, TEXT_DECORATION_SUPPORT_KEY); - const hasTextDecoration = useSetting('typography.textDecoration'); - return notSupported || !hasTextDecoration; -} -/** - * Checks if there is a current value set for the text decoration block support. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a text decoration set. - */ - -function hasTextDecorationValue(props) { - var _props$attributes$sty, _props$attributes$sty2; - - 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); -} -/** - * Resets the text decoration block support attribute. This can be used when - * disabling the text decoration support controls for a block via a progressive - * discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.attributes Block's attributes. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetTextDecoration(_ref) { - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - textDecoration: undefined - } - }) - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-uppercase.js - - -/** - * WordPress dependencies - */ - -const formatUppercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var format_uppercase = (formatUppercase); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-lowercase.js - - -/** - * WordPress dependencies - */ - -const formatLowercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var format_lowercase = (formatLowercase); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-capitalize.js - - -/** - * WordPress dependencies - */ - -const formatCapitalize = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var format_capitalize = (formatCapitalize); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/text-transform-control/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -const TEXT_TRANSFORMS = [{ - name: (0,external_wp_i18n_namespaceObject.__)('None'), - value: 'none', - icon: library_reset -}, { - name: (0,external_wp_i18n_namespaceObject.__)('Uppercase'), - value: 'uppercase', - icon: format_uppercase -}, { - name: (0,external_wp_i18n_namespaceObject.__)('Lowercase'), - value: 'lowercase', - icon: format_lowercase -}, { - name: (0,external_wp_i18n_namespaceObject.__)('Capitalize'), - value: 'capitalize', - icon: format_capitalize -}]; -/** - * Control to facilitate text transform selections. - * - * @param {Object} props Component props. - * @param {string} props.className Class name to add to the control. - * @param {string} props.value Currently selected text transform. - * @param {Function} props.onChange Handles change in text transform selection. - * - * @return {WPElement} Text transform control. - */ - -function TextTransformControl(_ref) { - let { - className, - value, - onChange - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: classnames_default()('block-editor-text-transform-control', className) - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, { - as: "legend" - }, (0,external_wp_i18n_namespaceObject.__)('Letter case')), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-text-transform-control__buttons" - }, TEXT_TRANSFORMS.map(textTransform => { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: textTransform.value, - icon: textTransform.icon, - label: textTransform.name, - isPressed: textTransform.value === value, - onClick: () => { - onChange(textTransform.value === value ? undefined : textTransform.value); - } - }); - }))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/text-transform.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - -/** - * Key within block settings' supports array indicating support for text - * transforms e.g. settings found in `block.json`. - */ - -const TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform'; -/** - * Inspector control panel containing the text transform options. - * - * @param {Object} props Block properties. - * - * @return {WPElement} Text transform edit element. - */ - -function TextTransformEdit(props) { - var _style$typography; - - const { - attributes: { - style - }, - setAttributes - } = props; - - function onChange(newTransform) { - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - textTransform: newTransform - } - }) - }); - } - - return (0,external_wp_element_namespaceObject.createElement)(TextTransformControl, { - value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textTransform, - onChange: onChange, - size: "__unstable-large" - }); -} -/** - * Checks if text-transform settings have been disabled. - * - * @param {string} name Name of the block. - * - * @return {boolean} Whether or not the setting is disabled. - */ - -function useIsTextTransformDisabled() { - let { - name: blockName - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, TEXT_TRANSFORM_SUPPORT_KEY); - const hasTextTransforms = useSetting('typography.textTransform'); - return notSupported || !hasTextTransforms; -} -/** - * Checks if there is a current value set for the text transform block support. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a text transform set. - */ - -function hasTextTransformValue(props) { - var _props$attributes$sty, _props$attributes$sty2; - - 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); -} -/** - * Resets the text transform block support attribute. This can be used when - * disabling the text transform support controls for a block via a progressive - * discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.attributes Block's attributes. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetTextTransform(_ref) { - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - textTransform: undefined - } - }) - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/letter-spacing-control/index.js - - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -/** - * Control for letter-spacing. - * - * @param {Object} props Component props. - * @param {string} props.value Currently selected letter-spacing. - * @param {Function} props.onChange Handles change in letter-spacing selection. - * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value. - * - * @return {WPElement} Letter-spacing control. - */ - -function LetterSpacingControl(_ref) { - let { - value, - onChange, - __unstableInputWidth = '60px', - ...otherProps - } = _ref; - const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ - availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem'], - defaultValues: { - px: 2, - em: 0.2, - rem: 0.2 - } - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, _extends({}, otherProps, { - label: (0,external_wp_i18n_namespaceObject.__)('Letter spacing'), - value: value, - __unstableInputWidth: __unstableInputWidth, - units: units, - onChange: onChange - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/letter-spacing.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - -/** - * Key within block settings' supports array indicating support for letter-spacing - * e.g. settings found in `block.json`. - */ - -const LETTER_SPACING_SUPPORT_KEY = 'typography.__experimentalLetterSpacing'; -/** - * Inspector control panel containing the letter-spacing options. - * - * @param {Object} props Block properties. - * @return {WPElement} Letter-spacing edit element. - */ - -function LetterSpacingEdit(props) { - var _style$typography; - - const { - attributes: { - style - }, - setAttributes - } = props; - - function onChange(newSpacing) { - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - letterSpacing: newSpacing - } - }) - }); - } - - return (0,external_wp_element_namespaceObject.createElement)(LetterSpacingControl, { - value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.letterSpacing, - onChange: onChange, - __unstableInputWidth: '100%', - size: "__unstable-large" - }); -} -/** - * Checks if letter-spacing settings have been disabled. - * - * @param {string} name Name of the block. - * @return {boolean} Whether or not the setting is disabled. - */ - -function useIsLetterSpacingDisabled() { - let { - name: blockName - } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, LETTER_SPACING_SUPPORT_KEY); - const hasLetterSpacing = useSetting('typography.letterSpacing'); - return notSupported || !hasLetterSpacing; -} -/** - * Checks if there is a current value set for the letter spacing block support. - * - * @param {Object} props Block props. - * @return {boolean} Whether or not the block has a letter spacing set. - */ - -function hasLetterSpacingValue(props) { - var _props$attributes$sty, _props$attributes$sty2; - - 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); -} -/** - * Resets the letter spacing block support attribute. This can be used when - * disabling the letter spacing support controls for a block via a progressive - * discovery panel. - * - * @param {Object} props Block props. - * @param {Object} props.attributes Block's attributes. - * @param {Object} props.setAttributes Function to set block's attributes. - */ - -function resetLetterSpacing(_ref) { - let { - attributes = {}, - setAttributes - } = _ref; - const { - style - } = attributes; - setAttributes({ - style: cleanEmptyObject({ ...style, - typography: { ...(style === null || style === void 0 ? void 0 : style.typography), - letterSpacing: undefined - } - }) - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/typography.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - - - - - - - -const TYPOGRAPHY_SUPPORT_KEY = 'typography'; -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]; -function TypographyPanel(props) { - const { - clientId - } = props; - const isFontFamilyDisabled = useIsFontFamilyDisabled(props); - const isFontSizeDisabled = useIsFontSizeDisabled(props); - const isFontAppearanceDisabled = useIsFontAppearanceDisabled(props); - const isLineHeightDisabled = useIsLineHeightDisabled(props); - const isTextDecorationDisabled = useIsTextDecorationDisabled(props); - const isTextTransformDisabled = useIsTextTransformDisabled(props); - const isLetterSpacingDisabled = useIsLetterSpacingDisabled(props); - const hasFontStyles = !useIsFontStyleDisabled(props); - const hasFontWeights = !useIsFontWeightDisabled(props); - const isDisabled = useIsTypographyDisabled(props); - const isSupported = hasTypographySupport(props.name); - if (isDisabled || !isSupported) return null; - const defaultControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [TYPOGRAPHY_SUPPORT_KEY, '__experimentalDefaultControls']); - - const createResetAllFilter = attribute => newAttributes => { - var _newAttributes$style; - - return { ...newAttributes, - style: { ...newAttributes.style, - typography: { ...((_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : _newAttributes$style.typography), - [attribute]: undefined - } - } - }; - }; - - return (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { - __experimentalGroup: "typography" - }, !isFontFamilyDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - hasValue: () => hasFontFamilyValue(props), - label: (0,external_wp_i18n_namespaceObject.__)('Font family'), - onDeselect: () => resetFontFamily(props), - isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontFamily, - resetAllFilter: newAttributes => ({ ...newAttributes, - fontFamily: undefined - }), - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(FontFamilyEdit, props)), !isFontSizeDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - hasValue: () => hasFontSizeValue(props) - /* translators: Ensure translation is distinct from "Letter case" */ - , - label: (0,external_wp_i18n_namespaceObject.__)('Font size'), - onDeselect: () => resetFontSize(props), - isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontSize, - resetAllFilter: newAttributes => { - var _newAttributes$style2; - - return { ...newAttributes, - fontSize: undefined, - style: { ...newAttributes.style, - typography: { ...((_newAttributes$style2 = newAttributes.style) === null || _newAttributes$style2 === void 0 ? void 0 : _newAttributes$style2.typography), - fontSize: undefined - } - } - }; - }, - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(FontSizeEdit, props)), !isFontAppearanceDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - className: "single-column", - hasValue: () => hasFontAppearanceValue(props), - label: getFontAppearanceLabel(hasFontStyles, hasFontWeights), - onDeselect: () => resetFontAppearance(props), - isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontAppearance, - resetAllFilter: newAttributes => { - var _newAttributes$style3; - - return { ...newAttributes, - style: { ...newAttributes.style, - typography: { ...((_newAttributes$style3 = newAttributes.style) === null || _newAttributes$style3 === void 0 ? void 0 : _newAttributes$style3.typography), - fontStyle: undefined, - fontWeight: undefined - } - } - }; - }, - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(FontAppearanceEdit, props)), !isLineHeightDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - className: "single-column", - hasValue: () => hasLineHeightValue(props), - label: (0,external_wp_i18n_namespaceObject.__)('Line height'), - onDeselect: () => resetLineHeight(props), - isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.lineHeight, - resetAllFilter: createResetAllFilter('lineHeight'), - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(LineHeightEdit, props)), !isLetterSpacingDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - className: "single-column", - hasValue: () => hasLetterSpacingValue(props), - label: (0,external_wp_i18n_namespaceObject.__)('Letter spacing'), - onDeselect: () => resetLetterSpacing(props), - isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.letterSpacing, - resetAllFilter: createResetAllFilter('letterSpacing'), - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(LetterSpacingEdit, props)), !isTextDecorationDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - className: "single-column", - hasValue: () => hasTextDecorationValue(props), - label: (0,external_wp_i18n_namespaceObject.__)('Decoration'), - onDeselect: () => resetTextDecoration(props), - isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.textDecoration, - resetAllFilter: createResetAllFilter('textDecoration'), - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(TextDecorationEdit, props)), !isTextTransformDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { - hasValue: () => hasTextTransformValue(props) - /* translators: Ensure translation is distinct from "Font size" */ - , - label: (0,external_wp_i18n_namespaceObject.__)('Letter case'), - onDeselect: () => resetTextTransform(props), - isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.textTransform, - resetAllFilter: createResetAllFilter('textTransform'), - panelId: clientId - }, (0,external_wp_element_namespaceObject.createElement)(TextTransformEdit, props))); -} -const hasTypographySupport = blockName => { - return TYPOGRAPHY_SUPPORT_KEYS.some(key => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, key)); -}; - -function useIsTypographyDisabled() { - let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const configs = [useIsFontAppearanceDisabled(props), useIsFontSizeDisabled(props), useIsLineHeightDisabled(props), useIsFontFamilyDisabled(props), useIsTextDecorationDisabled(props), useIsTextTransformDisabled(props), useIsLetterSpacingDisabled(props)]; - return configs.filter(Boolean).length === configs.length; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/style.js - - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - - - - - -const styleSupportKeys = [...TYPOGRAPHY_SUPPORT_KEYS, BORDER_SUPPORT_KEY, COLOR_SUPPORT_KEY, SPACING_SUPPORT_KEY]; - -const hasStyleSupport = blockType => styleSupportKeys.some(key => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, key)); -/** - * Returns the inline styles to add depending on the style object - * - * @param {Object} styles Styles configuration. - * - * @return {Object} Flattened CSS variables declaration. - */ - - -function getInlineStyles() { - let styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const output = {}; // The goal is to move everything to server side generated engine styles - // This is temporary as we absorb more and more styles into the engine. - - (0,external_wp_styleEngine_namespaceObject.getCSSRules)(styles).forEach(rule => { - output[rule.key] = rule.value; - }); - return output; -} -/** - * Filters registered block settings, extending attributes to include `style` attribute. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function style_addAttribute(settings) { - if (!hasStyleSupport(settings)) { - return settings; - } // Allow blocks to specify their own attribute definition with default values if needed. - - - if (!settings.attributes.style) { - Object.assign(settings.attributes, { - style: { - type: 'object' - } - }); - } - - return settings; -} -/** - * A dictionary of paths to flag skipping block support serialization as the key, - * with values providing the style paths to be omitted from serialization. - * - * @constant - * @type {Record} - */ - - -const skipSerializationPathsEdit = { - [`${BORDER_SUPPORT_KEY}.__experimentalSkipSerialization`]: ['border'], - [`${COLOR_SUPPORT_KEY}.__experimentalSkipSerialization`]: [COLOR_SUPPORT_KEY], - [`${TYPOGRAPHY_SUPPORT_KEY}.__experimentalSkipSerialization`]: [TYPOGRAPHY_SUPPORT_KEY], - [`${SPACING_SUPPORT_KEY}.__experimentalSkipSerialization`]: ['spacing'] -}; -/** - * A dictionary of paths to flag skipping block support serialization as the key, - * with values providing the style paths to be omitted from serialization. - * - * Extends the Edit skip paths to enable skipping additional paths in just - * the Save component. This allows a block support to be serialized within the - * editor, while using an alternate approach, such as server-side rendering, when - * the support is saved. - * - * @constant - * @type {Record} - */ - -const skipSerializationPathsSave = { ...skipSerializationPathsEdit, - [`${SPACING_SUPPORT_KEY}`]: ['spacing.blockGap'] -}; -/** - * A dictionary used to normalize feature names between support flags, style - * object properties and __experimentSkipSerialization configuration arrays. - * - * This allows not having to provide a migration for a support flag and possible - * backwards compatibility bridges, while still achieving consistency between - * the support flag and the skip serialization array. - * - * @constant - * @type {Record} - */ - -const renamedFeatures = { - gradients: 'gradient' -}; -/** - * Override props assigned to save component to inject the CSS variables definition. - * - * @param {Object} props Additional props applied to save element. - * @param {Object} blockType Block type. - * @param {Object} attributes Block attributes. - * @param {?Record} skipPaths An object of keys and paths to skip serialization. - * - * @return {Object} Filtered props applied to save element. - */ - -function style_addSaveProps(props, blockType, attributes) { - let skipPaths = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : skipSerializationPathsSave; - - if (!hasStyleSupport(blockType)) { - return props; - } - - let { - style - } = attributes; - Object.entries(skipPaths).forEach(_ref => { - let [indicator, path] = _ref; - const skipSerialization = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, indicator); - - if (skipSerialization === true) { - style = (0,external_lodash_namespaceObject.omit)(style, path); - } - - if (Array.isArray(skipSerialization)) { - skipSerialization.forEach(featureName => { - const feature = renamedFeatures[featureName] || featureName; - style = (0,external_lodash_namespaceObject.omit)(style, [[...path, feature]]); - }); - } - }); - props.style = { ...getInlineStyles(style), - ...props.style - }; - return props; -} -/** - * Filters registered block settings to extend the block edit wrapper - * to apply the desired styles and classnames properly. - * - * @param {Object} settings Original block settings. - * - * @return {Object}.Filtered block settings. - */ - -function style_addEditProps(settings) { - if (!hasStyleSupport(settings)) { - return settings; - } - - const existingGetEditWrapperProps = settings.getEditWrapperProps; - - settings.getEditWrapperProps = attributes => { - let props = {}; - - if (existingGetEditWrapperProps) { - props = existingGetEditWrapperProps(attributes); - } - - return style_addSaveProps(props, settings, attributes, skipSerializationPathsEdit); - }; - - return settings; -} -/** - * Override the default edit UI to include new inspector controls for - * all the custom styles configs. - * - * @param {Function} BlockEdit Original component. - * - * @return {Function} Wrapped component. - */ - -const withBlockControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { - const shouldDisplayControls = useDisplayBlockControls(); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, shouldDisplayControls && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ColorEdit, props), (0,external_wp_element_namespaceObject.createElement)(TypographyPanel, props), (0,external_wp_element_namespaceObject.createElement)(BorderPanel, props), (0,external_wp_element_namespaceObject.createElement)(DimensionsPanel, props)), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props)); -}, 'withToolbarControls'); -/** - * Override the default block element to include elements styles. - * - * @param {Function} BlockListBlock Original component - * @return {Function} Wrapped component - */ - -const withElementsStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { - var _props$attributes$sty2, _props$attributes$sty3; - - const blockElementsContainerIdentifier = `wp-elements-${(0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock)}`; - const skipLinkColorSerialization = shouldSkipSerialization(props.name, COLOR_SUPPORT_KEY, 'link'); - const styles = (0,external_wp_element_namespaceObject.useMemo)(() => { - var _props$attributes$sty; - - const rawElementsStyles = (_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.elements; - const elementCssRules = []; - - if (rawElementsStyles && Object.keys(rawElementsStyles).length > 0) { - var _rawElementsStyles$li; - - // Remove values based on whether serialization has been skipped for a specific style. - const filteredElementsStyles = { ...rawElementsStyles, - link: { ...rawElementsStyles.link, - color: !skipLinkColorSerialization ? (_rawElementsStyles$li = rawElementsStyles.link) === null || _rawElementsStyles$li === void 0 ? void 0 : _rawElementsStyles$li.color : undefined - } - }; - - for (const [elementName, elementStyles] of Object.entries(filteredElementsStyles)) { - const cssRule = (0,external_wp_styleEngine_namespaceObject.compileCSS)(elementStyles, { - // The .editor-styles-wrapper selector is required on elements styles. As it is - // added to all other editor styles, not providing it causes reset and global - // styles to override element styles because of higher specificity. - selector: `.editor-styles-wrapper .${blockElementsContainerIdentifier} ${external_wp_blocks_namespaceObject.__EXPERIMENTAL_ELEMENTS[elementName]}` - }); - - if (!!cssRule) { - elementCssRules.push(cssRule); - } - } - } - - return elementCssRules.length > 0 ? elementCssRules : undefined; - }, [(_props$attributes$sty2 = props.attributes.style) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.elements]); - const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, styles && element && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)("style", { - dangerouslySetInnerHTML: { - __html: styles - } - }), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { - className: (_props$attributes$sty3 = props.attributes.style) !== null && _props$attributes$sty3 !== void 0 && _props$attributes$sty3.elements ? classnames_default()(props.className, blockElementsContainerIdentifier) : props.className - }))); -}); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/style/addAttribute', style_addAttribute); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/style/addSaveProps', style_addSaveProps); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/style/addEditProps', style_addEditProps); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/style/with-block-controls', withBlockControls); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/with-elements-styles', withElementsStyles); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/settings.js -/** - * WordPress dependencies - */ - - - -const hasSettingsSupport = blockType => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, '__experimentalSettings', false); - -function settings_addAttribute(settings) { - var _settings$attributes; - - if (!hasSettingsSupport(settings)) { - return settings; - } // Allow blocks to specify their own attribute definition with default values if needed. - - - if (!(settings !== null && settings !== void 0 && (_settings$attributes = settings.attributes) !== null && _settings$attributes !== void 0 && _settings$attributes.settings)) { - settings.attributes = { ...settings.attributes, - settings: { - type: 'object' - } - }; - } - - return settings; -} - -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/settings/addAttribute', settings_addAttribute); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/filter.js - - -/** - * WordPress dependencies - */ - -const filter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M12 4 4 19h16L12 4zm0 3.2 5.5 10.3H12V7.2z" -})); -/* harmony default export */ var library_filter = (filter); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone-control/index.js - - -/** - * WordPress dependencies - */ - - - - - -function DuotoneControl(_ref) { - let { - colorPalette, - duotonePalette, - disableCustomColors, - disableCustomDuotone, - value, - onChange - } = _ref; - let toolbarIcon; - - if (value === 'unset') { - toolbarIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorIndicator, { - className: "block-editor-duotone-control__unset-indicator" - }); - } else if (value) { - toolbarIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DuotoneSwatch, { - values: value - }); - } else { - toolbarIcon = (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - icon: library_filter - }); - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { - popoverProps: { - className: 'block-editor-duotone-control__popover', - headerTitle: (0,external_wp_i18n_namespaceObject.__)('Duotone'), - isAlternate: true - }, - renderToggle: _ref2 => { - let { - isOpen, - onToggle - } = _ref2; - - const openOnArrowDown = event => { - if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) { - event.preventDefault(); - onToggle(); - } - }; - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - showTooltip: true, - onClick: onToggle, - "aria-haspopup": "true", - "aria-expanded": isOpen, - onKeyDown: openOnArrowDown, - label: (0,external_wp_i18n_namespaceObject.__)('Apply duotone filter'), - icon: toolbarIcon - }); - }, - renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - label: (0,external_wp_i18n_namespaceObject.__)('Duotone') - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-duotone-control__description" - }, (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, { - colorPalette: colorPalette, - duotonePalette: duotonePalette, - disableCustomColors: disableCustomColors, - disableCustomDuotone: disableCustomDuotone, - value: value, - onChange: onChange - })) - }); -} - -/* harmony default export */ var duotone_control = (DuotoneControl); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/duotone.js - - - -/** - * External dependencies - */ - - - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - - -const duotone_EMPTY_ARRAY = []; -k([names]); -/** - * SVG and stylesheet needed for rendering the duotone filter. - * - * @param {Object} props Duotone props. - * @param {string} props.selector Selector to apply the filter to. - * @param {string} props.id Unique id for this duotone filter. - * @param {string[]|"unset"} props.colors Array of RGB color strings ordered from dark to light. - * - * @return {WPElement} Duotone element. - */ - -function InlineDuotone(_ref) { - let { - selector, - id, - colors - } = _ref; - - if (colors === 'unset') { - return (0,external_wp_element_namespaceObject.createElement)(DuotoneUnsetStylesheet, { - selector: selector - }); - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(DuotoneFilter, { - id: id, - colors: colors - }), (0,external_wp_element_namespaceObject.createElement)(DuotoneStylesheet, { - id: id, - selector: selector - })); -} - -function useMultiOriginPresets(_ref2) { - let { - presetSetting, - defaultSetting - } = _ref2; - const disableDefault = !useSetting(defaultSetting); - const userPresets = useSetting(`${presetSetting}.custom`) || duotone_EMPTY_ARRAY; - const themePresets = useSetting(`${presetSetting}.theme`) || duotone_EMPTY_ARRAY; - const defaultPresets = useSetting(`${presetSetting}.default`) || duotone_EMPTY_ARRAY; - return (0,external_wp_element_namespaceObject.useMemo)(() => [...userPresets, ...themePresets, ...(disableDefault ? duotone_EMPTY_ARRAY : defaultPresets)], [disableDefault, userPresets, themePresets, defaultPresets]); -} - -function DuotonePanel(_ref3) { - var _style$color; - - let { - attributes, - setAttributes - } = _ref3; - const style = attributes === null || attributes === void 0 ? void 0 : attributes.style; - const duotone = style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.duotone; - const duotonePalette = useMultiOriginPresets({ - presetSetting: 'color.duotone', - defaultSetting: 'color.defaultDuotone' - }); - const colorPalette = useMultiOriginPresets({ - presetSetting: 'color.palette', - defaultSetting: 'color.defaultPalette' - }); - const disableCustomColors = !useSetting('color.custom'); - const disableCustomDuotone = !useSetting('color.customDuotone') || (colorPalette === null || colorPalette === void 0 ? void 0 : colorPalette.length) === 0 && disableCustomColors; - - if ((duotonePalette === null || duotonePalette === void 0 ? void 0 : duotonePalette.length) === 0 && disableCustomDuotone) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(block_controls, { - group: "block", - __experimentalShareWithChildBlocks: true - }, (0,external_wp_element_namespaceObject.createElement)(duotone_control, { - duotonePalette: duotonePalette, - colorPalette: colorPalette, - disableCustomDuotone: disableCustomDuotone, - disableCustomColors: disableCustomColors, - value: duotone, - onChange: newDuotone => { - const newStyle = { ...style, - color: { ...(style === null || style === void 0 ? void 0 : style.color), - duotone: newDuotone - } - }; - setAttributes({ - style: newStyle - }); - } - })); -} -/** - * Filters registered block settings, extending attributes to include - * the `duotone` attribute. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - - -function addDuotoneAttributes(settings) { - if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'color.__experimentalDuotone')) { - return settings; - } // Allow blocks to specify their own attribute definition with default - // values if needed. - - - if (!settings.attributes.style) { - Object.assign(settings.attributes, { - style: { - type: 'object' - } - }); - } - - return settings; -} -/** - * Override the default edit UI to include toolbar controls for duotone if the - * block supports duotone. - * - * @param {Function} BlockEdit Original component. - * - * @return {Function} Wrapped component. - */ - - -const withDuotoneControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { - const hasDuotoneSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(props.name, 'color.__experimentalDuotone'); - const isContentLocked = (0,external_wp_data_namespaceObject.useSelect)(select => { - return select(store).__unstableGetContentLockingParent(props.clientId); - }, [props.clientId]); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props), hasDuotoneSupport && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(DuotonePanel, props)); -}, 'withDuotoneControls'); -/** - * Function that scopes a selector with another one. This works a bit like - * SCSS nesting except the `&` operator isn't supported. - * - * @example - * ```js - * const scope = '.a, .b .c'; - * const selector = '> .x, .y'; - * const merged = scopeSelector( scope, selector ); - * // merged is '.a > .x, .a .y, .b .c > .x, .b .c .y' - * ``` - * - * @param {string} scope Selector to scope to. - * @param {string} selector Original selector. - * - * @return {string} Scoped selector. - */ - -function scopeSelector(scope, selector) { - const scopes = scope.split(','); - const selectors = selector.split(','); - const selectorsScoped = []; - scopes.forEach(outer => { - selectors.forEach(inner => { - selectorsScoped.push(`${outer.trim()} ${inner.trim()}`); - }); - }); - return selectorsScoped.join(', '); -} -/** - * Override the default block element to include duotone styles. - * - * @param {Function} BlockListBlock Original component. - * - * @return {Function} Wrapped component. - */ - - -const withDuotoneStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { - var _props$attributes, _props$attributes$sty, _props$attributes$sty2; - - const duotoneSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, 'color.__experimentalDuotone'); - const colors = props === null || props === void 0 ? void 0 : (_props$attributes = props.attributes) === null || _props$attributes === void 0 ? void 0 : (_props$attributes$sty = _props$attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : (_props$attributes$sty2 = _props$attributes$sty.color) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.duotone; - - if (!duotoneSupport || !colors) { - return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); - } - - const id = `wp-duotone-${(0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock)}`; // Extra .editor-styles-wrapper specificity is needed in the editor - // since we're not using inline styles to apply the filter. We need to - // override duotone applied by global styles and theme.json. - - const selectorsGroup = scopeSelector(`.editor-styles-wrapper .${id}`, duotoneSupport); - const className = classnames_default()(props === null || props === void 0 ? void 0 : props.className, id); - const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, element && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)(InlineDuotone, { - selector: selectorsGroup, - id: id, - colors: colors - }), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { - className: className - }))); -}, 'withDuotoneStyles'); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/editor/duotone/add-attributes', addDuotoneAttributes); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/duotone/with-editor-controls', withDuotoneControls); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/duotone/with-styles', withDuotoneStyles); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/layout.js - - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - - - - - - - -/** - * Internal dependencies - */ - - - - - - - -const layoutBlockSupportKey = '__experimentalLayout'; -/** - * Generates the utility classnames for the given block's layout attributes. - * - * @param { Object } block Block object. - * - * @return { Array } Array of CSS classname strings. - */ - -function useLayoutClasses() { - var _globalLayoutSettings, _globalLayoutSettings2; - - let block = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - const rootPaddingAlignment = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getSettings$__experi; - - const { - getSettings - } = select(store); - return (_getSettings$__experi = getSettings().__experimentalFeatures) === null || _getSettings$__experi === void 0 ? void 0 : _getSettings$__experi.useRootPaddingAwareAlignments; - }, []); - const globalLayoutSettings = useSetting('layout') || {}; - const { - attributes = {}, - name - } = block; - const { - layout - } = attributes; - const { - default: defaultBlockLayout - } = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, layoutBlockSupportKey) || {}; - const usedLayout = layout !== null && layout !== void 0 && layout.inherit || layout !== null && layout !== void 0 && layout.contentSize || layout !== null && layout !== void 0 && layout.wideSize ? { ...layout, - type: 'constrained' - } : layout || defaultBlockLayout || {}; - const layoutClassnames = []; - - if (globalLayoutSettings !== null && globalLayoutSettings !== void 0 && (_globalLayoutSettings = globalLayoutSettings.definitions) !== null && _globalLayoutSettings !== void 0 && (_globalLayoutSettings2 = _globalLayoutSettings[(usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default']) !== null && _globalLayoutSettings2 !== void 0 && _globalLayoutSettings2.className) { - var _globalLayoutSettings3, _globalLayoutSettings4; - - layoutClassnames.push(globalLayoutSettings === null || globalLayoutSettings === void 0 ? void 0 : (_globalLayoutSettings3 = globalLayoutSettings.definitions) === null || _globalLayoutSettings3 === void 0 ? void 0 : (_globalLayoutSettings4 = _globalLayoutSettings3[(usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default']) === null || _globalLayoutSettings4 === void 0 ? void 0 : _globalLayoutSettings4.className); - } - - if ((usedLayout !== null && usedLayout !== void 0 && usedLayout.inherit || usedLayout !== null && usedLayout !== void 0 && usedLayout.contentSize || (usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) === 'constrained') && rootPaddingAlignment) { - layoutClassnames.push('has-global-padding'); - } - - if (usedLayout !== null && usedLayout !== void 0 && usedLayout.orientation) { - layoutClassnames.push(`is-${(0,external_lodash_namespaceObject.kebabCase)(usedLayout.orientation)}`); - } - - if (usedLayout !== null && usedLayout !== void 0 && usedLayout.justifyContent) { - layoutClassnames.push(`is-content-justification-${(0,external_lodash_namespaceObject.kebabCase)(usedLayout.justifyContent)}`); - } - - if (usedLayout !== null && usedLayout !== void 0 && usedLayout.flexWrap && usedLayout.flexWrap === 'nowrap') { - layoutClassnames.push('is-nowrap'); - } - - return layoutClassnames; -} -/** - * Generates a CSS rule with the given block's layout styles. - * - * @param { Object } block Block object. - * @param { string } selector A selector to use in generating the CSS rule. - * - * @return { string } CSS rule. - */ - -function useLayoutStyles() { - var _fullLayoutType$getLa; - - let block = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let selector = arguments.length > 1 ? arguments[1] : undefined; - const { - attributes = {}, - name - } = block; - const { - layout = {}, - style = {} - } = attributes; // Update type for blocks using legacy layouts. - - const usedLayout = layout !== null && layout !== void 0 && layout.inherit || layout !== null && layout !== void 0 && layout.contentSize || layout !== null && layout !== void 0 && layout.wideSize ? { ...layout, - type: 'constrained' - } : layout || {}; - const fullLayoutType = getLayoutType((usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default'); - const globalLayoutSettings = useSetting('layout') || {}; - const blockGapSupport = useSetting('spacing.blockGap'); - const hasBlockGapSupport = blockGapSupport !== null; - const css = fullLayoutType === null || fullLayoutType === void 0 ? void 0 : (_fullLayoutType$getLa = fullLayoutType.getLayoutStyle) === null || _fullLayoutType$getLa === void 0 ? void 0 : _fullLayoutType$getLa.call(fullLayoutType, { - blockName: name, - selector, - layout, - layoutDefinitions: globalLayoutSettings === null || globalLayoutSettings === void 0 ? void 0 : globalLayoutSettings.definitions, - style, - hasBlockGapSupport - }); - return css; -} - -function LayoutPanel(_ref) { - let { - setAttributes, - attributes, - name: blockName - } = _ref; - const { - layout - } = attributes; - const defaultThemeLayout = useSetting('layout'); - const themeSupportsLayout = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getSettings - } = select(store); - return getSettings().supportsLayout; - }, []); - const layoutBlockSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, layoutBlockSupportKey, {}); - const { - allowSwitching, - allowEditing = true, - allowInheriting = true, - default: defaultBlockLayout - } = layoutBlockSupport; - - if (!allowEditing) { - return null; - } // Only show the inherit toggle if it's supported, - // a default theme layout is set (e.g. one that provides `contentSize` and/or `wideSize` values), - // and either the default / flow or the constrained layout type is in use, as the toggle switches from one to the other. - - - const showInheritToggle = !!(allowInheriting && !!defaultThemeLayout && (!(layout !== null && layout !== void 0 && layout.type) || (layout === null || layout === void 0 ? void 0 : layout.type) === 'default' || (layout === null || layout === void 0 ? void 0 : layout.type) === 'constrained' || layout !== null && layout !== void 0 && layout.inherit)); - const usedLayout = layout || defaultBlockLayout || {}; - const { - inherit = false, - type = 'default', - contentSize = null - } = usedLayout; - /** - * `themeSupportsLayout` is only relevant to the `default/flow` or - * `constrained` layouts and it should not be taken into account when other - * `layout` types are used. - */ - - if ((type === 'default' || type === 'constrained') && !themeSupportsLayout) { - return null; - } - - const layoutType = getLayoutType(type); - const constrainedType = getLayoutType('constrained'); - const displayControlsForLegacyLayouts = !usedLayout.type && (contentSize || inherit); - const hasContentSizeOrLegacySettings = !!inherit || !!contentSize; - - const onChangeType = newType => setAttributes({ - layout: { - type: newType - } - }); - - const onChangeLayout = newLayout => setAttributes({ - layout: newLayout - }); - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(inspector_controls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { - title: (0,external_wp_i18n_namespaceObject.__)('Layout') - }, showInheritToggle && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { - className: "block-editor-hooks__toggle-control", - label: (0,external_wp_i18n_namespaceObject.__)('Inner blocks use content width'), - checked: (layoutType === null || layoutType === void 0 ? void 0 : layoutType.name) === 'constrained' || hasContentSizeOrLegacySettings, - onChange: () => setAttributes({ - layout: { - type: (layoutType === null || layoutType === void 0 ? void 0 : layoutType.name) === 'constrained' || hasContentSizeOrLegacySettings ? 'default' : 'constrained' - } - }), - help: (layoutType === null || layoutType === void 0 ? void 0 : layoutType.name) === 'constrained' || hasContentSizeOrLegacySettings ? (0,external_wp_i18n_namespaceObject.__)('Nested blocks use content width with options for full and wide widths.') : (0,external_wp_i18n_namespaceObject.__)('Nested blocks will fill the width of this container. Toggle to constrain.') - })), !inherit && allowSwitching && (0,external_wp_element_namespaceObject.createElement)(LayoutTypeSwitcher, { - type: type, - onChange: onChangeType - }), layoutType && layoutType.name !== 'default' && (0,external_wp_element_namespaceObject.createElement)(layoutType.inspectorControls, { - layout: usedLayout, - onChange: onChangeLayout, - layoutBlockSupport: layoutBlockSupport - }), constrainedType && displayControlsForLegacyLayouts && (0,external_wp_element_namespaceObject.createElement)(constrainedType.inspectorControls, { - layout: usedLayout, - onChange: onChangeLayout, - layoutBlockSupport: layoutBlockSupport - }))), !inherit && layoutType && (0,external_wp_element_namespaceObject.createElement)(layoutType.toolBarControls, { - layout: usedLayout, - onChange: onChangeLayout, - layoutBlockSupport: layoutBlockSupport - })); -} - -function LayoutTypeSwitcher(_ref2) { - let { - type, - onChange - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, null, getLayoutTypes().map(_ref3 => { - let { - name, - label - } = _ref3; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: name, - isPressed: type === name, - onClick: () => onChange(name) - }, label); - })); -} -/** - * Filters registered block settings, extending attributes to include `layout`. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - - -function layout_addAttribute(settings) { - var _settings$attributes$, _settings$attributes; - - if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.layout) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { - return settings; - } - - if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, layoutBlockSupportKey)) { - settings.attributes = { ...settings.attributes, - layout: { - type: 'object' - } - }; - } - - return settings; -} -/** - * Override the default edit UI to include layout controls - * - * @param {Function} BlockEdit Original component. - * - * @return {Function} Wrapped component. - */ - -const withInspectorControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { - const { - name: blockName - } = props; - const supportLayout = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, layoutBlockSupportKey); - return [supportLayout && (0,external_wp_element_namespaceObject.createElement)(LayoutPanel, _extends({ - key: "layout" - }, props)), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, _extends({ - key: "edit" - }, props))]; -}, 'withInspectorControls'); -/** - * Override the default block element to add the layout styles. - * - * @param {Function} BlockListBlock Original component. - * - * @return {Function} Wrapped component. - */ - -const withLayoutStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { - const { - name, - attributes, - block - } = props; - const hasLayoutBlockSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, layoutBlockSupportKey); - const disableLayoutStyles = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getSettings - } = select(store); - return !!getSettings().disableLayoutStyles; - }); - const shouldRenderLayoutStyles = hasLayoutBlockSupport && !disableLayoutStyles; - const id = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock); - const defaultThemeLayout = useSetting('layout') || {}; - const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); - const { - layout - } = attributes; - const { - default: defaultBlockLayout - } = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, layoutBlockSupportKey) || {}; - const usedLayout = layout !== null && layout !== void 0 && layout.inherit || layout !== null && layout !== void 0 && layout.contentSize || layout !== null && layout !== void 0 && layout.wideSize ? { ...layout, - type: 'constrained' - } : layout || defaultBlockLayout || {}; - const layoutClasses = hasLayoutBlockSupport ? useLayoutClasses(block) : null; - const selector = `.${(0,external_wp_blocks_namespaceObject.getBlockDefaultClassName)(name)}.wp-container-${id}`; - const blockGapSupport = useSetting('spacing.blockGap'); - const hasBlockGapSupport = blockGapSupport !== null; // Get CSS string for the current layout type. - // The CSS and `style` element is only output if it is not empty. - - let css; - - if (shouldRenderLayoutStyles) { - var _fullLayoutType$getLa2; - - const fullLayoutType = getLayoutType((usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default'); - css = fullLayoutType === null || fullLayoutType === void 0 ? void 0 : (_fullLayoutType$getLa2 = fullLayoutType.getLayoutStyle) === null || _fullLayoutType$getLa2 === void 0 ? void 0 : _fullLayoutType$getLa2.call(fullLayoutType, { - blockName: name, - selector, - layout: usedLayout, - layoutDefinitions: defaultThemeLayout === null || defaultThemeLayout === void 0 ? void 0 : defaultThemeLayout.definitions, - style: attributes === null || attributes === void 0 ? void 0 : attributes.style, - hasBlockGapSupport - }); - } // Attach a `wp-container-` id-based class name as well as a layout class name such as `is-layout-flex`. - - - const className = classnames_default()(props === null || props === void 0 ? void 0 : props.className, { - [`wp-container-${id}`]: shouldRenderLayoutStyles && !!css // Only attach a container class if there is generated CSS to be attached. - - }, layoutClasses); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, shouldRenderLayoutStyles && element && !!css && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)(LayoutStyle, { - blockName: name, - selector: selector, - css: css, - layout: usedLayout, - style: attributes === null || attributes === void 0 ? void 0 : attributes.style - }), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { - className: className - }))); -}); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/layout/addAttribute', layout_addAttribute); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/layout/with-layout-styles', withLayoutStyles); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/layout/with-inspector-controls', withInspectorControls); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/content-lock-ui.js - - - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - -/** - * External dependencies - */ - - - -function StopEditingAsBlocksOnOutsideSelect(_ref) { - let { - clientId, - stopEditingAsBlock - } = _ref; - const isBlockOrDescendantSelected = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - isBlockSelected, - hasSelectedInnerBlock - } = select(store); - return isBlockSelected(clientId) || hasSelectedInnerBlock(clientId, true); - }, [clientId]); - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (!isBlockOrDescendantSelected) { - stopEditingAsBlock(); - } - }, [isBlockOrDescendantSelected]); - return null; -} - -const content_lock_ui_withBlockControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { - const { - getBlockListSettings, - getSettings - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const focusModeToRevert = (0,external_wp_element_namespaceObject.useRef)(); - const { - templateLock, - isLockedByParent, - isEditingAsBlocks - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - __unstableGetContentLockingParent, - getTemplateLock, - __unstableGetTemporarilyEditingAsBlocks - } = select(store); - return { - templateLock: getTemplateLock(props.clientId), - isLockedByParent: !!__unstableGetContentLockingParent(props.clientId), - isEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === props.clientId - }; - }, [props.clientId]); - const { - updateSettings, - updateBlockListSettings, - __unstableSetTemporarilyEditingAsBlocks - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const isContentLocked = !isLockedByParent && templateLock === 'contentOnly'; - const { - __unstableMarkNextChangeAsNotPersistent, - updateBlockAttributes - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const stopEditingAsBlock = (0,external_wp_element_namespaceObject.useCallback)(() => { - __unstableMarkNextChangeAsNotPersistent(); - - updateBlockAttributes(props.clientId, { - templateLock: 'contentOnly' - }); - updateBlockListSettings(props.clientId, { ...getBlockListSettings(props.clientId), - templateLock: 'contentOnly' - }); - updateSettings({ - focusMode: focusModeToRevert.current - }); - - __unstableSetTemporarilyEditingAsBlocks(); - }, [props.clientId, focusModeToRevert, updateSettings, updateBlockListSettings, getBlockListSettings, __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes, __unstableSetTemporarilyEditingAsBlocks]); - - if (!isContentLocked && !isEditingAsBlocks) { - return (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, isEditingAsBlocks && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(StopEditingAsBlocksOnOutsideSelect, { - clientId: props.clientId, - stopEditingAsBlock: stopEditingAsBlock - }), (0,external_wp_element_namespaceObject.createElement)(block_controls, { - group: "other" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - onClick: () => { - if (isEditingAsBlocks && !isContentLocked) { - stopEditingAsBlock(); - } else { - __unstableMarkNextChangeAsNotPersistent(); - - updateBlockAttributes(props.clientId, { - templateLock: undefined - }); - updateBlockListSettings(props.clientId, { ...getBlockListSettings(props.clientId), - templateLock: false - }); - focusModeToRevert.current = getSettings().focusMode; - updateSettings({ - focusMode: true - }); - - __unstableSetTemporarilyEditingAsBlocks(props.clientId); - } - } - }, isEditingAsBlocks && !isContentLocked ? (0,external_wp_i18n_namespaceObject.__)('Done') : (0,external_wp_i18n_namespaceObject.__)('Modify'))), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, _extends({}, props, { - className: classnames_default()(props.className, isEditingAsBlocks && 'is-content-locked-editing-as-blocks') - }))); -}, 'withToolbarControls'); -(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/style/with-block-controls', content_lock_ui_withBlockControls); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/metadata.js -/** - * WordPress dependencies - */ - - -const META_ATTRIBUTE_NAME = 'metadata'; -function hasBlockMetadataSupport(blockType) { - let feature = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; - const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, '__experimentalMetadata'); - return !!(true === support || support !== null && support !== void 0 && support[feature]); -} -/** - * Filters registered block settings, extending attributes to include `metadata`. - * - * see: https://github.com/WordPress/gutenberg/pull/40393/files#r864632012 - * - * @param {Object} blockTypeSettings Original block settings. - * @return {Object} Filtered block settings. - */ - -function addMetaAttribute(blockTypeSettings) { - var _blockTypeSettings$at, _blockTypeSettings$at2; - - // Allow blocks to specify their own attribute definition with default values if needed. - if (blockTypeSettings !== null && blockTypeSettings !== void 0 && (_blockTypeSettings$at = blockTypeSettings.attributes) !== null && _blockTypeSettings$at !== void 0 && (_blockTypeSettings$at2 = _blockTypeSettings$at[META_ATTRIBUTE_NAME]) !== null && _blockTypeSettings$at2 !== void 0 && _blockTypeSettings$at2.type) { - return blockTypeSettings; - } - - const supportsBlockNaming = hasBlockMetadataSupport(blockTypeSettings, 'name', false); - - if (supportsBlockNaming) { - blockTypeSettings.attributes = { ...blockTypeSettings.attributes, - [META_ATTRIBUTE_NAME]: { - type: 'object' - } - }; - } - - return blockTypeSettings; -} -function metadata_addSaveProps(extraProps, blockType, attributes) { - if (hasBlockMetadataSupport(blockType)) { - extraProps[META_ATTRIBUTE_NAME] = attributes[META_ATTRIBUTE_NAME]; - } - - return extraProps; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/metadata/addMetaAttribute', addMetaAttribute); -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/metadata/save-props', metadata_addSaveProps); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/metadata-name.js -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -/** - * Filters registered block settings, adding an `__experimentalLabel` callback if one does not already exist. - * - * @param {Object} settings Original block settings. - * - * @return {Object} Filtered block settings. - */ - -function addLabelCallback(settings) { - // If blocks provide their own label callback, do not override it. - if (settings.__experimentalLabel) { - return settings; - } - - const supportsBlockNaming = hasBlockMetadataSupport(settings, 'name', false // default value - ); // Check whether block metadata is supported before using it. - - if (supportsBlockNaming) { - settings.__experimentalLabel = (attributes, _ref) => { - let { - context - } = _ref; - const { - metadata - } = attributes; // In the list view, use the block's name attribute as the label. - - if (context === 'list-view' && metadata !== null && metadata !== void 0 && metadata.name) { - return metadata.name; - } - }; - } - - return settings; -} -(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/metadata/addLabelCallback', addLabelCallback); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-border-props.js -/** - * Internal dependencies - */ - - - // This utility is intended to assist where the serialization of the border -// block support is being skipped for a block but the border related CSS classes -// & styles still need to be generated so they can be applied to inner elements. - -/** - * Provides the CSS class names and inline styles for a block's border support - * attributes. - * - * @param {Object} attributes Block attributes. - * @return {Object} Border block support derived CSS classes & styles. - */ - -function getBorderClassesAndStyles(attributes) { - var _attributes$style; - - const border = ((_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : _attributes$style.border) || {}; - const className = getBorderClasses(attributes); - return { - className: className || undefined, - style: getInlineStyles({ - border - }) - }; -} -/** - * Derives the border related props for a block from its border block support - * attributes. - * - * Inline styles are forced for named colors to ensure these selections are - * reflected when themes do not load their color stylesheets in the editor. - * - * @param {Object} attributes Block attributes. - * - * @return {Object} ClassName & style props from border block support. - */ - -function useBorderProps(attributes) { - const { - colors - } = useMultipleOriginColorsAndGradients(); - const borderProps = getBorderClassesAndStyles(attributes); - const { - borderColor - } = attributes; // Force inline styles to apply named border colors when themes do not load - // their color stylesheets in the editor. - - if (borderColor) { - const borderColorObject = getMultiOriginColor({ - colors, - namedColor: borderColor - }); - borderProps.style.borderColor = borderColorObject.color; - } - - return borderProps; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-color-props.js -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - - - // The code in this file has largely been lifted from the color block support -// hook. -// -// This utility is intended to assist where the serialization of the colors -// block support is being skipped for a block but the color related CSS classes -// & styles still need to be generated so they can be applied to inner elements. - -/** - * Provides the CSS class names and inline styles for a block's color support - * attributes. - * - * @param {Object} attributes Block attributes. - * - * @return {Object} Color block support derived CSS classes & styles. - */ - -function getColorClassesAndStyles(attributes) { - var _style$color, _style$color2, _style$color3, _style$color4, _style$elements, _style$elements$link; - - const { - backgroundColor, - textColor, - gradient, - style - } = attributes; // Collect color CSS classes. - - const backgroundClass = getColorClassName('background-color', backgroundColor); - const textClass = getColorClassName('color', textColor); - - const gradientClass = __experimentalGetGradientClass(gradient); - - const hasGradient = gradientClass || (style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.gradient); // Determine color CSS class name list. - - const className = classnames_default()(textClass, gradientClass, { - // Don't apply the background class if there's a gradient. - [backgroundClass]: !hasGradient && !!backgroundClass, - 'has-text-color': textColor || (style === null || style === void 0 ? void 0 : (_style$color2 = style.color) === null || _style$color2 === void 0 ? void 0 : _style$color2.text), - 'has-background': backgroundColor || (style === null || style === void 0 ? void 0 : (_style$color3 = style.color) === null || _style$color3 === void 0 ? void 0 : _style$color3.background) || gradient || (style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.gradient), - 'has-link-color': style === null || style === void 0 ? void 0 : (_style$elements = style.elements) === null || _style$elements === void 0 ? void 0 : (_style$elements$link = _style$elements.link) === null || _style$elements$link === void 0 ? void 0 : _style$elements$link.color - }); // Collect inline styles for colors. - - const colorStyles = (style === null || style === void 0 ? void 0 : style.color) || {}; - const styleProp = getInlineStyles({ - color: colorStyles - }); - return { - className: className || undefined, - style: styleProp - }; -} -const EMPTY_OBJECT = {}; -/** - * Determines the color related props for a block derived from its color block - * support attributes. - * - * Inline styles are forced for named colors to ensure these selections are - * reflected when themes do not load their color stylesheets in the editor. - * - * @param {Object} attributes Block attributes. - * - * @return {Object} ClassName & style props from colors block support. - */ - -function useColorProps(attributes) { - const { - backgroundColor, - textColor, - gradient - } = attributes; // Some color settings have a special handling for deprecated flags in `useSetting`, - // so we can't unwrap them by doing const { ... } = useSetting('color') - // until https://github.com/WordPress/gutenberg/issues/37094 is fixed. - - const userPalette = useSetting('color.palette.custom') || []; - const themePalette = useSetting('color.palette.theme') || []; - const defaultPalette = useSetting('color.palette.default') || []; - const gradientsPerOrigin = useSetting('color.gradients') || EMPTY_OBJECT; - const colors = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); - const gradients = (0,external_wp_element_namespaceObject.useMemo)(() => [...((gradientsPerOrigin === null || gradientsPerOrigin === void 0 ? void 0 : gradientsPerOrigin.custom) || []), ...((gradientsPerOrigin === null || gradientsPerOrigin === void 0 ? void 0 : gradientsPerOrigin.theme) || []), ...((gradientsPerOrigin === null || gradientsPerOrigin === void 0 ? void 0 : gradientsPerOrigin.default) || [])], [gradientsPerOrigin]); - const colorProps = getColorClassesAndStyles(attributes); // Force inline styles to apply colors when themes do not load their color - // stylesheets in the editor. - - if (backgroundColor) { - const backgroundColorObject = getColorObjectByAttributeValues(colors, backgroundColor); - colorProps.style.backgroundColor = backgroundColorObject.color; - } - - if (gradient) { - colorProps.style.background = getGradientValueBySlug(gradients, gradient); - } - - if (textColor) { - const textColorObject = getColorObjectByAttributeValues(colors, textColor); - colorProps.style.color = textColorObject.color; - } - - return colorProps; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-spacing-props.js -/** - * Internal dependencies - */ - // This utility is intended to assist where the serialization of the spacing -// block support is being skipped for a block but the spacing related CSS -// styles still need to be generated so they can be applied to inner elements. - -/** - * Provides the CSS class names and inline styles for a block's spacing support - * attributes. - * - * @param {Object} attributes Block attributes. - * - * @return {Object} Spacing block support derived CSS classes & styles. - */ - -function getSpacingClassesAndStyles(attributes) { - const { - style - } = attributes; // Collect inline styles for spacing. - - const spacingStyles = (style === null || style === void 0 ? void 0 : style.spacing) || {}; - const styleProp = getInlineStyles({ - spacing: spacingStyles - }); - return { - style: styleProp - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-typography-props.js -/** - * External dependencies - */ - - -/** - * Internal dependencies - */ - - - - // This utility is intended to assist where the serialization of the typography -// block support is being skipped for a block but the typography related CSS -// styles still need to be generated so they can be applied to inner elements. - -/** - * Provides the CSS class names and inline styles for a block's typography support - * attributes. - * - * @param {Object} attributes Block attributes. - * @param {boolean} isFluidFontSizeActive Whether the function should try to convert font sizes to fluid values. - * - * @return {Object} Typography block support derived CSS classes & styles. - */ - -function getTypographyClassesAndStyles(attributes, isFluidFontSizeActive) { - var _attributes$style; - - let typographyStyles = (attributes === null || attributes === void 0 ? void 0 : (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : _attributes$style.typography) || {}; - - if (isFluidFontSizeActive) { - var _attributes$style2, _attributes$style2$ty; - - typographyStyles = { ...typographyStyles, - fontSize: getComputedFluidTypographyValue({ - fontSize: attributes === null || attributes === void 0 ? void 0 : (_attributes$style2 = attributes.style) === null || _attributes$style2 === void 0 ? void 0 : (_attributes$style2$ty = _attributes$style2.typography) === null || _attributes$style2$ty === void 0 ? void 0 : _attributes$style2$ty.fontSize - }) - }; - } - - const style = getInlineStyles({ - typography: typographyStyles - }); - const fontFamilyClassName = !!(attributes !== null && attributes !== void 0 && attributes.fontFamily) ? `has-${(0,external_lodash_namespaceObject.kebabCase)(attributes.fontFamily)}-font-family` : ''; - const className = classnames_default()(fontFamilyClassName, getFontSizeClass(attributes === null || attributes === void 0 ? void 0 : attributes.fontSize)); - return { - className, - style - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-cached-truthy.js -/** - * WordPress dependencies - */ - -/** - * Keeps an up-to-date copy of the passed value and returns it. If value becomes falsy, it will return the last truthy copy. - * - * @param {any} value - * @return {any} value - */ - -function useCachedTruthy(value) { - const [cachedValue, setCachedValue] = (0,external_wp_element_namespaceObject.useState)(value); - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (value) { - setCachedValue(value); - } - }, [value]); - return cachedValue; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/index.js -/** - * Internal dependencies - */ - - - - - - - - - - - - - - - - - - - - - - - - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/with-colors.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -/** - * Capitalizes the first letter in a string. - * - * @param {string} str The string whose first letter the function will capitalize. - * - * @return {string} Capitalized string. - */ - -const upperFirst = _ref => { - let [firstLetter, ...rest] = _ref; - return firstLetter.toUpperCase() + rest.join(''); -}; -/** - * Higher order component factory for injecting the `colorsArray` argument as - * the colors prop in the `withCustomColors` HOC. - * - * @param {Array} colorsArray An array of color objects. - * - * @return {Function} The higher order component. - */ - - -const withCustomColorPalette = colorsArray => (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { - colors: colorsArray -})), 'withCustomColorPalette'); -/** - * Higher order component factory for injecting the editor colors as the - * `colors` prop in the `withColors` HOC. - * - * @return {Function} The higher order component. - */ - - -const withEditorColorPalette = () => (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => { - // Some color settings have a special handling for deprecated flags in `useSetting`, - // so we can't unwrap them by doing const { ... } = useSetting('color') - // until https://github.com/WordPress/gutenberg/issues/37094 is fixed. - const userPalette = useSetting('color.palette.custom'); - const themePalette = useSetting('color.palette.theme'); - const defaultPalette = useSetting('color.palette.default'); - const allColors = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); - return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { - colors: allColors - })); -}, 'withEditorColorPalette'); -/** - * Helper function used with `createHigherOrderComponent` to create - * higher order components for managing color logic. - * - * @param {Array} colorTypes An array of color types (e.g. 'backgroundColor, borderColor). - * @param {Function} withColorPalette A HOC for injecting the 'colors' prop into the WrappedComponent. - * - * @return {WPComponent} The component that can be used as a HOC. - */ - - -function createColorHOC(colorTypes, withColorPalette) { - const colorMap = (0,external_lodash_namespaceObject.reduce)(colorTypes, (colorObject, colorType) => { - return { ...colorObject, - ...(typeof colorType === 'string' ? { - [colorType]: (0,external_lodash_namespaceObject.kebabCase)(colorType) - } : colorType) - }; - }, {}); - return (0,external_wp_compose_namespaceObject.compose)([withColorPalette, WrappedComponent => { - return class extends external_wp_element_namespaceObject.Component { - constructor(props) { - super(props); - this.setters = this.createSetters(); - this.colorUtils = { - getMostReadableColor: this.getMostReadableColor.bind(this) - }; - this.state = {}; - } - - getMostReadableColor(colorValue) { - const { - colors - } = this.props; - return getMostReadableColor(colors, colorValue); - } - - createSetters() { - return (0,external_lodash_namespaceObject.reduce)(colorMap, (settersAccumulator, colorContext, colorAttributeName) => { - const upperFirstColorAttributeName = upperFirst(colorAttributeName); - const customColorAttributeName = `custom${upperFirstColorAttributeName}`; - settersAccumulator[`set${upperFirstColorAttributeName}`] = this.createSetColor(colorAttributeName, customColorAttributeName); - return settersAccumulator; - }, {}); - } - - createSetColor(colorAttributeName, customColorAttributeName) { - return colorValue => { - const colorObject = getColorObjectByColorValue(this.props.colors, colorValue); - this.props.setAttributes({ - [colorAttributeName]: colorObject && colorObject.slug ? colorObject.slug : undefined, - [customColorAttributeName]: colorObject && colorObject.slug ? undefined : colorValue - }); - }; - } - - static getDerivedStateFromProps(_ref2, previousState) { - let { - attributes, - colors - } = _ref2; - return (0,external_lodash_namespaceObject.reduce)(colorMap, (newState, colorContext, colorAttributeName) => { - const colorObject = getColorObjectByAttributeValues(colors, attributes[colorAttributeName], attributes[`custom${upperFirst(colorAttributeName)}`]); - const previousColorObject = previousState[colorAttributeName]; - const previousColor = previousColorObject === null || previousColorObject === void 0 ? void 0 : previousColorObject.color; - /** - * The "and previousColorObject" condition checks that a previous color object was already computed. - * At the start previousColorObject and colorValue are both equal to undefined - * bus as previousColorObject does not exist we should compute the object. - */ - - if (previousColor === colorObject.color && previousColorObject) { - newState[colorAttributeName] = previousColorObject; - } else { - newState[colorAttributeName] = { ...colorObject, - class: getColorClassName(colorContext, colorObject.slug) - }; - } - - return newState; - }, {}); - } - - render() { - return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, this.props, { - colors: undefined - }, this.state, this.setters, { - colorUtils: this.colorUtils - })); - } - - }; - }]); -} -/** - * A higher-order component factory for creating a 'withCustomColors' HOC, which handles color logic - * for class generation color value, retrieval and color attribute setting. - * - * Use this higher-order component to work with a custom set of colors. - * - * @example - * - * ```jsx - * const CUSTOM_COLORS = [ { name: 'Red', slug: 'red', color: '#ff0000' }, { name: 'Blue', slug: 'blue', color: '#0000ff' } ]; - * const withCustomColors = createCustomColorsHOC( CUSTOM_COLORS ); - * // ... - * export default compose( - * withCustomColors( 'backgroundColor', 'borderColor' ), - * MyColorfulComponent, - * ); - * ``` - * - * @param {Array} colorsArray The array of color objects (name, slug, color, etc... ). - * - * @return {Function} Higher-order component. - */ - - -function createCustomColorsHOC(colorsArray) { - return function () { - const withColorPalette = withCustomColorPalette(colorsArray); - - for (var _len = arguments.length, colorTypes = new Array(_len), _key = 0; _key < _len; _key++) { - colorTypes[_key] = arguments[_key]; - } - - return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(createColorHOC(colorTypes, withColorPalette), 'withCustomColors'); - }; -} -/** - * A higher-order component, which handles color logic for class generation color value, retrieval and color attribute setting. - * - * For use with the default editor/theme color palette. - * - * @example - * - * ```jsx - * export default compose( - * withColors( 'backgroundColor', { textColor: 'color' } ), - * MyColorfulComponent, - * ); - * ``` - * - * @param {...(Object|string)} colorTypes The arguments can be strings or objects. If the argument is an object, - * it should contain the color attribute name as key and the color context as value. - * If the argument is a string the value should be the color attribute name, - * the color context is computed by applying a kebab case transform to the value. - * Color context represents the context/place where the color is going to be used. - * The class name of the color is generated using 'has' followed by the color name - * and ending with the color context all in kebab case e.g: has-green-background-color. - * - * @return {Function} Higher-order component. - */ - -function withColors() { - const withColorPalette = withEditorColorPalette(); - - for (var _len2 = arguments.length, colorTypes = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { - colorTypes[_key2] = arguments[_key2]; - } - - return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(createColorHOC(colorTypes, withColorPalette), 'withColors'); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/index.js - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradients/index.js - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/with-font-sizes.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -const DEFAULT_FONT_SIZES = []; -/** - * Capitalizes the first letter in a string. - * - * @param {string} str The string whose first letter the function will capitalize. - * - * @return {string} Capitalized string. - */ - -const with_font_sizes_upperFirst = _ref => { - let [firstLetter, ...rest] = _ref; - return firstLetter.toUpperCase() + rest.join(''); -}; -/** - * Higher-order component, which handles font size logic for class generation, - * font size value retrieval, and font size change handling. - * - * @param {...(Object|string)} fontSizeNames The arguments should all be strings. - * Each string contains the font size - * attribute name e.g: 'fontSize'. - * - * @return {Function} Higher-order component. - */ - - -/* harmony default export */ var with_font_sizes = (function () { - for (var _len = arguments.length, fontSizeNames = new Array(_len), _key = 0; _key < _len; _key++) { - fontSizeNames[_key] = arguments[_key]; - } - - /* - * Computes an object whose key is the font size attribute name as passed in the array, - * and the value is the custom font size attribute name. - * Custom font size is automatically compted by appending custom followed by the font size attribute name in with the first letter capitalized. - */ - const fontSizeAttributeNames = (0,external_lodash_namespaceObject.reduce)(fontSizeNames, (fontSizeAttributeNamesAccumulator, fontSizeAttributeName) => { - fontSizeAttributeNamesAccumulator[fontSizeAttributeName] = `custom${with_font_sizes_upperFirst(fontSizeAttributeName)}`; - return fontSizeAttributeNamesAccumulator; - }, {}); - return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => { - const fontSizes = useSetting('typography.fontSizes') || DEFAULT_FONT_SIZES; - return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { - fontSizes: fontSizes - })); - }, 'withFontSizes'), WrappedComponent => { - return class extends external_wp_element_namespaceObject.Component { - constructor(props) { - super(props); - this.setters = this.createSetters(); - this.state = {}; - } - - createSetters() { - return (0,external_lodash_namespaceObject.reduce)(fontSizeAttributeNames, (settersAccumulator, customFontSizeAttributeName, fontSizeAttributeName) => { - const upperFirstFontSizeAttributeName = with_font_sizes_upperFirst(fontSizeAttributeName); - settersAccumulator[`set${upperFirstFontSizeAttributeName}`] = this.createSetFontSize(fontSizeAttributeName, customFontSizeAttributeName); - return settersAccumulator; - }, {}); - } - - createSetFontSize(fontSizeAttributeName, customFontSizeAttributeName) { - return fontSizeValue => { - const fontSizeObject = (0,external_lodash_namespaceObject.find)(this.props.fontSizes, { - size: Number(fontSizeValue) - }); - this.props.setAttributes({ - [fontSizeAttributeName]: fontSizeObject && fontSizeObject.slug ? fontSizeObject.slug : undefined, - [customFontSizeAttributeName]: fontSizeObject && fontSizeObject.slug ? undefined : fontSizeValue - }); - }; - } - - static getDerivedStateFromProps(_ref2, previousState) { - let { - attributes, - fontSizes - } = _ref2; - - const didAttributesChange = (customFontSizeAttributeName, fontSizeAttributeName) => { - if (previousState[fontSizeAttributeName]) { - // If new font size is name compare with the previous slug. - if (attributes[fontSizeAttributeName]) { - return attributes[fontSizeAttributeName] !== previousState[fontSizeAttributeName].slug; - } // If font size is not named, update when the font size value changes. - - - return previousState[fontSizeAttributeName].size !== attributes[customFontSizeAttributeName]; - } // In this case we need to build the font size object. - - - return true; - }; - - if (!(0,external_lodash_namespaceObject.some)(fontSizeAttributeNames, didAttributesChange)) { - return null; - } - - const newState = (0,external_lodash_namespaceObject.reduce)((0,external_lodash_namespaceObject.pickBy)(fontSizeAttributeNames, didAttributesChange), (newStateAccumulator, customFontSizeAttributeName, fontSizeAttributeName) => { - const fontSizeAttributeValue = attributes[fontSizeAttributeName]; - const fontSizeObject = getFontSize(fontSizes, fontSizeAttributeValue, attributes[customFontSizeAttributeName]); - newStateAccumulator[fontSizeAttributeName] = { ...fontSizeObject, - class: getFontSizeClass(fontSizeAttributeValue) - }; - return newStateAccumulator; - }, {}); - return { ...previousState, - ...newState - }; - } - - render() { - return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, this.props, { - fontSizes: undefined - }, this.state, this.setters)); - } - - }; - }]), 'withFontSizes'); -}); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/index.js - - - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone/index.js - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-left.js - - -/** - * WordPress dependencies - */ - -const alignLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z" -})); -/* harmony default export */ var align_left = (alignLeft); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-center.js - - -/** - * WordPress dependencies - */ - -const align_center_alignCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z" -})); -/* harmony default export */ var align_center = (align_center_alignCenter); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-right.js - - -/** - * WordPress dependencies - */ - -const alignRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z" -})); -/* harmony default export */ var align_right = (alignRight); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/alignment-control/ui.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -const DEFAULT_ALIGNMENT_CONTROLS = [{ - icon: align_left, - title: (0,external_wp_i18n_namespaceObject.__)('Align text left'), - align: 'left' -}, { - icon: align_center, - title: (0,external_wp_i18n_namespaceObject.__)('Align text center'), - align: 'center' -}, { - icon: align_right, - title: (0,external_wp_i18n_namespaceObject.__)('Align text right'), - align: 'right' -}]; -const ui_POPOVER_PROPS = { - position: 'bottom right', - isAlternate: true -}; - -function AlignmentUI(_ref) { - let { - value, - onChange, - alignmentControls = DEFAULT_ALIGNMENT_CONTROLS, - label = (0,external_wp_i18n_namespaceObject.__)('Align'), - describedBy = (0,external_wp_i18n_namespaceObject.__)('Change text alignment'), - isCollapsed = true, - isToolbar - } = _ref; - - function applyOrUnset(align) { - return () => onChange(value === align ? undefined : align); - } - - const activeAlignment = (0,external_lodash_namespaceObject.find)(alignmentControls, control => control.align === value); - - function setIcon() { - if (activeAlignment) return activeAlignment.icon; - return (0,external_wp_i18n_namespaceObject.isRTL)() ? align_right : align_left; - } - - const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; - const extraProps = isToolbar ? { - isCollapsed - } : { toggleProps: { - describedBy + 'aria-describedby': descriptionId }, - popoverProps: ui_POPOVER_PROPS - }; - return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({ - icon: setIcon(), - label: label, - controls: alignmentControls.map(control => { - const { - align - } = control; - const isActive = value === align; - return { ...control, - isActive, - role: isCollapsed ? 'menuitemradio' : undefined, - onClick: applyOrUnset(align) - }; - }) - }, extraProps)); -} - -/* harmony default export */ var alignment_control_ui = (AlignmentUI); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/alignment-control/index.js - - - -/** - * Internal dependencies - */ - - -const AlignmentControl = props => { - return (0,external_wp_element_namespaceObject.createElement)(alignment_control_ui, _extends({}, props, { - isToolbar: false - })); -}; - -const AlignmentToolbar = props => { - return (0,external_wp_element_namespaceObject.createElement)(alignment_control_ui, _extends({}, props, { - isToolbar: true - })); -}; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/alignment-control/README.md - */ - - - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/autocompleters/block.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - - -const block_noop = () => {}; - -const block_SHOWN_BLOCK_TYPES = 9; -/** @typedef {import('@wordpress/components').WPCompleter} WPCompleter */ - -/** - * Creates a blocks repeater for replacing the current block with a selected block type. - * - * @return {WPCompleter} A blocks completer. - */ - -function createBlockCompleter() { - return { - name: 'blocks', - className: 'block-editor-autocompleters__block', - triggerPrefix: '/', - - useItems(filterValue) { - const { - rootClientId, - selectedBlockName - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getSelectedBlockClientId, - getBlockName, - getBlockInsertionPoint - } = select(store); - const selectedBlockClientId = getSelectedBlockClientId(); - return { - selectedBlockName: selectedBlockClientId ? getBlockName(selectedBlockClientId) : null, - rootClientId: getBlockInsertionPoint().rootClientId - }; - }, []); - const [items, categories, collections] = use_block_types_state(rootClientId, block_noop); - const filteredItems = (0,external_wp_element_namespaceObject.useMemo)(() => { - const initialFilteredItems = !!filterValue.trim() ? searchBlockItems(items, categories, collections, filterValue) : (0,external_lodash_namespaceObject.orderBy)(items, ['frecency'], ['desc']); - return initialFilteredItems.filter(item => item.name !== selectedBlockName).slice(0, block_SHOWN_BLOCK_TYPES); - }, [filterValue, selectedBlockName, items, categories, collections]); - const options = (0,external_wp_element_namespaceObject.useMemo)(() => filteredItems.map(blockItem => { - const { - title, - icon, - isDisabled - } = blockItem; - return { - key: `block-${blockItem.id}`, - value: blockItem, - label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { - key: "icon", - icon: icon, - showColors: true - }), title), - isDisabled - }; - }), [filteredItems]); - return [options]; - }, - - allowContext(before, after) { - return !(/\S/.test(before) || /\S/.test(after)); - }, - - getOptionCompletion(inserterItem) { - const { - name, - initialAttributes, - innerBlocks - } = inserterItem; - return { - action: 'replace', - value: (0,external_wp_blocks_namespaceObject.createBlock)(name, initialAttributes, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(innerBlocks)) - }; - } - - }; -} -/** - * Creates a blocks repeater for replacing the current block with a selected block type. - * - * @return {WPCompleter} A blocks completer. - */ - - -/* harmony default export */ var autocompleters_block = (createBlockCompleter()); - -;// CONCATENATED MODULE: external ["wp","apiFetch"] -var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"]; -var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject); -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/page.js - - -/** - * WordPress dependencies - */ - -const page = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M7 5.5h10a.5.5 0 01.5.5v12a.5.5 0 01-.5.5H7a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM17 4H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V6a2 2 0 00-2-2zm-1 3.75H8v1.5h8v-1.5zM8 11h8v1.5H8V11zm6 3.25H8v1.5h6v-1.5z" -})); -/* harmony default export */ var library_page = (page); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post.js - - -/** - * WordPress dependencies - */ - -const post = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "m7.3 9.7 1.4 1.4c.2-.2.3-.3.4-.5 0 0 0-.1.1-.1.3-.5.4-1.1.3-1.6L12 7 9 4 7.2 6.5c-.6-.1-1.1 0-1.6.3 0 0-.1 0-.1.1-.3.1-.4.2-.6.4l1.4 1.4L4 11v1h1l2.3-2.3zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z" -})); -/* harmony default export */ var library_post = (post); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/autocompleters/link.js - - -/** - * WordPress dependencies - */ - - - -const SHOWN_SUGGESTIONS = 10; -/** @typedef {import('@wordpress/components').WPCompleter} WPCompleter */ - -/** - * Creates a suggestion list for links to posts or pages. - * - * @return {WPCompleter} A links completer. - */ - -function createLinkCompleter() { - return { - name: 'links', - className: 'block-editor-autocompleters__link', - triggerPrefix: '[[', - options: async letters => { - let options = await external_wp_apiFetch_default()({ - path: (0,external_wp_url_namespaceObject.addQueryArgs)('/wp/v2/search', { - per_page: SHOWN_SUGGESTIONS, - search: letters, - type: 'post', - order_by: 'menu_order' - }) - }); - options = options.filter(option => option.title !== ''); - return options; - }, - - getOptionKeywords(item) { - const expansionWords = item.title.split(/\s+/); - return [...expansionWords]; - }, - - getOptionLabel(item) { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - key: "icon", - icon: item.subtype === 'page' ? library_page : library_post - }), item.title); - }, - - getOptionCompletion(item) { - return (0,external_wp_element_namespaceObject.createElement)("a", { - href: item.url - }, item.title); - } - - }; -} -/** - * Creates a suggestion list for links to posts or pages.. - * - * @return {WPCompleter} A link completer. - */ - - -/* harmony default export */ var autocompleters_link = (createLinkCompleter()); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/autocomplete/index.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - -/** - * Shared reference to an empty array for cases where it is important to avoid - * returning a new array reference on every invocation. - * - * @type {Array} - */ - -const autocomplete_EMPTY_ARRAY = []; - -function useCompleters(_ref) { - let { - completers = autocomplete_EMPTY_ARRAY - } = _ref; - const { - name - } = useBlockEditContext(); - return (0,external_wp_element_namespaceObject.useMemo)(() => { - let filteredCompleters = [...completers, autocompleters_link]; - - if (name === (0,external_wp_blocks_namespaceObject.getDefaultBlockName)() || (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, '__experimentalSlashInserter', false)) { - filteredCompleters = [...filteredCompleters, autocompleters_block]; - } - - if ((0,external_wp_hooks_namespaceObject.hasFilter)('editor.Autocomplete.completers')) { - // Provide copies so filters may directly modify them. - if (filteredCompleters === completers) { - filteredCompleters = filteredCompleters.map(external_lodash_namespaceObject.clone); + onSelectOrClose: maybeInsertedBlock => { + if (maybeInsertedBlock !== null && maybeInsertedBlock !== void 0 && maybeInsertedBlock.clientId) { + setInsertedBlock(maybeInsertedBlock); } - - filteredCompleters = (0,external_wp_hooks_namespaceObject.applyFilters)('editor.Autocomplete.completers', filteredCompleters, name); } + })), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "offcanvas-editor-appender__description", + id: descriptionId + }, description)); +}); - return filteredCompleters; - }, [completers, name]); -} - -function useBlockEditorAutocompleteProps(props) { - return (0,external_wp_components_namespaceObject.__unstableUseAutocompleteProps)({ ...props, - completers: useCompleters(props) - }); -} -/** - * Wrap the default Autocomplete component with one that supports a filter hook - * for customizing its list of autocompleters. - * - * @type {import('react').FC} - */ - -function BlockEditorAutocomplete(props) { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Autocomplete, _extends({}, props, { - completers: useCompleters(props) - })); -} -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/autocomplete/README.md - */ - - -/* harmony default export */ var autocomplete = (BlockEditorAutocomplete); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/fullscreen.js - - -/** - * WordPress dependencies - */ - -const fullscreen = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var library_fullscreen = (fullscreen); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-full-height-alignment-control/index.js - - -/** - * WordPress dependencies - */ - - - - -function BlockFullHeightAlignmentControl(_ref) { - let { - isActive, - label = (0,external_wp_i18n_namespaceObject.__)('Toggle full height'), - onToggle, - isDisabled - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - isActive: isActive, - icon: library_fullscreen, - label: label, - onClick: () => onToggle(!isActive), - disabled: isDisabled - }); -} - -/* harmony default export */ var block_full_height_alignment_control = (BlockFullHeightAlignmentControl); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-matrix-control/index.js - - -/** - * WordPress dependencies - */ - - - - -const block_alignment_matrix_control_noop = () => {}; - -function BlockAlignmentMatrixControl(props) { - const { - label = (0,external_wp_i18n_namespaceObject.__)('Change matrix alignment'), - onChange = block_alignment_matrix_control_noop, - value = 'center', - isDisabled - } = props; - const icon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalAlignmentMatrixControl.Icon, { - value: value - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { - position: "bottom right", - popoverProps: { - isAlternate: true - }, - renderToggle: _ref => { - let { - onToggle, - isOpen - } = _ref; - - const openOnArrowDown = event => { - if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) { - event.preventDefault(); - onToggle(); - } - }; - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - onClick: onToggle, - "aria-haspopup": "true", - "aria-expanded": isOpen, - onKeyDown: openOnArrowDown, - label: label, - icon: icon, - showTooltip: true, - disabled: isDisabled - }); - }, - renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalAlignmentMatrixControl, { - hasFocusBorder: false, - onChange: onChange, - value: value - }) - }); -} - -/* harmony default export */ var block_alignment_matrix_control = (BlockAlignmentMatrixControl); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right-small.js - - -/** - * WordPress dependencies - */ - -const chevronRightSmall = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z" -})); -/* harmony default export */ var chevron_right_small = (chevronRightSmall); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-breadcrumb/index.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - -/** - * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb. - * - * @param {Object} props Component props. - * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail. - * @return {WPElement} Block Breadcrumb. - */ - -function BlockBreadcrumb(_ref) { - let { - rootLabelText - } = _ref; - const { - selectBlock, - clearSelectedBlock - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const { - clientId, - parents, - hasSelection - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getSelectionStart, - getSelectedBlockClientId, - getBlockParents - } = select(store); - const selectedBlockClientId = getSelectedBlockClientId(); - return { - parents: getBlockParents(selectedBlockClientId), - clientId: selectedBlockClientId, - hasSelection: !!getSelectionStart().clientId - }; - }, []); - - const rootLabel = rootLabelText || (0,external_wp_i18n_namespaceObject.__)('Document'); - /* - * Disable reason: The `list` ARIA role is redundant but - * Safari+VoiceOver won't announce the list otherwise. - */ - - /* eslint-disable jsx-a11y/no-redundant-roles */ - - - return (0,external_wp_element_namespaceObject.createElement)("ul", { - className: "block-editor-block-breadcrumb", - role: "list", - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block breadcrumb') - }, (0,external_wp_element_namespaceObject.createElement)("li", { - className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined, - "aria-current": !hasSelection ? 'true' : undefined - }, hasSelection && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - className: "block-editor-block-breadcrumb__button", - variant: "tertiary", - onClick: clearSelectedBlock - }, rootLabel), !hasSelection && rootLabel, !!clientId && (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - icon: chevron_right_small, - className: "block-editor-block-breadcrumb__separator" - })), parents.map(parentClientId => (0,external_wp_element_namespaceObject.createElement)("li", { - key: parentClientId - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - className: "block-editor-block-breadcrumb__button", - variant: "tertiary", - onClick: () => selectBlock(parentClientId) - }, (0,external_wp_element_namespaceObject.createElement)(BlockTitle, { - clientId: parentClientId, - maximumLength: 35 - })), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - icon: chevron_right_small, - className: "block-editor-block-breadcrumb__separator" - }))), !!clientId && (0,external_wp_element_namespaceObject.createElement)("li", { - className: "block-editor-block-breadcrumb__current", - "aria-current": "true" - }, (0,external_wp_element_namespaceObject.createElement)(BlockTitle, { - clientId: clientId, - maximumLength: 35 - }))) - /* eslint-enable jsx-a11y/no-redundant-roles */ - ; -} - -/* harmony default export */ var block_breadcrumb = (BlockBreadcrumb); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-style-selector/index.js - - -/** - * WordPress dependencies - */ - - - - - -const ColorSelectorSVGIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { - xmlns: "https://www.w3.org/2000/svg", - viewBox: "0 0 20 20" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.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" -})); -/** - * Color Selector Icon component. - * - * @param {Object} props Component properties. - * @param {Object} props.style Style object. - * @param {string} props.className Class name for component. - * - * @return {*} React Icon component. - */ - - -const ColorSelectorIcon = _ref => { - let { - style, - className - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-library-colors-selector__icon-container" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: `${className} block-library-colors-selector__state-selection`, - style: style - }, (0,external_wp_element_namespaceObject.createElement)(ColorSelectorSVGIcon, null))); -}; -/** - * Renders the Colors Selector Toolbar with the icon button. - * - * @param {Object} props Component properties. - * @param {Object} props.TextColor Text color component that wraps icon. - * @param {Object} props.BackgroundColor Background color component that wraps icon. - * - * @return {*} React toggle button component. - */ - - -const renderToggleComponent = _ref2 => { - let { - TextColor, - BackgroundColor - } = _ref2; - return _ref3 => { - let { - onToggle, - isOpen - } = _ref3; - - const openOnArrowDown = event => { - if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) { - event.preventDefault(); - onToggle(); - } - }; - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - className: "components-toolbar__control block-library-colors-selector__toggle", - label: (0,external_wp_i18n_namespaceObject.__)('Open Colors Selector'), - onClick: onToggle, - onKeyDown: openOnArrowDown, - icon: (0,external_wp_element_namespaceObject.createElement)(BackgroundColor, null, (0,external_wp_element_namespaceObject.createElement)(TextColor, null, (0,external_wp_element_namespaceObject.createElement)(ColorSelectorIcon, null))) - })); - }; -}; - -const BlockColorsStyleSelector = _ref4 => { - let { - children, - ...other - } = _ref4; - external_wp_deprecated_default()(`wp.blockEditor.BlockColorsStyleSelector`, { - alternative: 'block supports API', - since: '6.1', - version: '6.3' - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { - position: "bottom right", - className: "block-library-colors-selector", - contentClassName: "block-library-colors-selector__popover", - renderToggle: renderToggleComponent(other), - renderContent: () => children - }); -}; - -/* harmony default export */ var color_style_selector = (BlockColorsStyleSelector); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/list-view.js - - -/** - * WordPress dependencies - */ - -const listView = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z" -})); -/* harmony default export */ var list_view = (listView); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/leaf.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/leaf.js @@ -41661,13 +39045,30 @@ function ListViewLeaf(_ref) { }); return (0,external_wp_element_namespaceObject.createElement)(AnimatedTreeGridRow, _extends({ ref: ref, - className: classnames_default()('block-editor-list-view-leaf', className), + className: classnames_default()('block-editor-list-view-leaf', 'offcanvas-editor-list-view-leaf', className), level: level, positionInSet: position, setSize: rowCount }, props), children); } +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/lock-small.js + + +/** + * WordPress dependencies + */ + +const lockSmall = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M15 11h-.2V9c0-1.5-1.2-2.8-2.8-2.8S9.2 7.5 9.2 9v2H9c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1zm-1.8 0h-2.5V9c0-.7.6-1.2 1.2-1.2s1.2.6 1.2 1.2v2z" +})); +/* harmony default export */ var lock_small = (lockSmall); + ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left-small.js @@ -41683,7 +39084,22 @@ const chevronLeftSmall = (0,external_wp_element_namespaceObject.createElement)(e })); /* harmony default export */ var chevron_left_small = (chevronLeftSmall); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/expander.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right-small.js + + +/** + * WordPress dependencies + */ + +const chevronRightSmall = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z" +})); +/* harmony default export */ var chevron_right_small = (chevronRightSmall); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/expander.js /** @@ -41716,7 +39132,7 @@ function ListViewExpander(_ref) { ); } -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/block-select-button.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/block-select-button.js /** @@ -41731,6 +39147,7 @@ function ListViewExpander(_ref) { + /** * Internal dependencies */ @@ -41744,9 +39161,7 @@ function ListViewExpander(_ref) { function ListViewBlockSelectButton(_ref, ref) { let { className, - block: { - clientId - }, + block, onClick, onToggleExpanded, tabIndex, @@ -41755,6 +39170,9 @@ function ListViewBlockSelectButton(_ref, ref) { onDragEnd, draggable } = _ref; + const { + clientId + } = block; const blockInformation = useBlockDisplayInformation(clientId); const blockTitle = useBlockDisplayTitle({ clientId, @@ -41778,6 +39196,8 @@ function ListViewBlockSelectButton(_ref, ref) { } } + const editAriaLabel = blockInformation ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. + (0,external_wp_i18n_namespaceObject.__)('Edit %s block'), blockInformation.title) : (0,external_wp_i18n_namespaceObject.__)('Edit'); return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { className: classnames_default()('block-editor-list-view-block-select-button', className), onClick: onClick, @@ -41789,12 +39209,14 @@ function ListViewBlockSelectButton(_ref, ref) { onDragEnd: onDragEnd, draggable: draggable, href: `#block-${clientId}`, - "aria-hidden": true + "aria-hidden": true, + title: editAriaLabel }, (0,external_wp_element_namespaceObject.createElement)(ListViewExpander, { onClick: onToggleExpanded }), (0,external_wp_element_namespaceObject.createElement)(block_icon, { icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon, - showColors: true + showColors: true, + context: "list-view" }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, { alignment: "center", className: "block-editor-list-view-block-select-button__label-wrapper", @@ -41812,4386 +39234,111 @@ function ListViewBlockSelectButton(_ref, ref) { }, blockInformation.anchor)), isLocked && (0,external_wp_element_namespaceObject.createElement)("span", { className: "block-editor-list-view-block-select-button__lock" }, (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { - icon: library_lock + icon: lock_small }))))); } /* harmony default export */ var block_select_button = ((0,external_wp_element_namespaceObject.forwardRef)(ListViewBlockSelectButton)); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/block-contents.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -const ListViewBlockContents = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) => { - let { - onClick, - onToggleExpanded, - block, - isSelected, - position, - siblingBlockCount, - level, - isExpanded, - selectedClientIds, - ...props - } = _ref; - const { - clientId - } = block; - const { - blockMovingClientId, - selectedBlockInBlockEditor - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - hasBlockMovingClientId, - getSelectedBlockClientId - } = select(store); - return { - blockMovingClientId: hasBlockMovingClientId(), - selectedBlockInBlockEditor: getSelectedBlockClientId() - }; - }, [clientId]); - const isBlockMoveTarget = blockMovingClientId && selectedBlockInBlockEditor === clientId; - const className = classnames_default()('block-editor-list-view-block-contents', { - 'is-dropping-before': isBlockMoveTarget - }); // Only include all selected blocks if the currently clicked on block - // is one of the selected blocks. This ensures that if a user attempts - // to drag a block that isn't part of the selection, they're still able - // to drag it and rearrange its position. - - const draggableClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId]; - return (0,external_wp_element_namespaceObject.createElement)(block_draggable, { - clientIds: draggableClientIds - }, _ref2 => { - let { - draggable, - onDragStart, - onDragEnd - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(block_select_button, _extends({ - ref: ref, - className: className, - block: block, - onClick: onClick, - onToggleExpanded: onToggleExpanded, - isSelected: isSelected, - position: position, - siblingBlockCount: siblingBlockCount, - level: level, - draggable: draggable, - onDragStart: onDragStart, - onDragEnd: onDragEnd, - isExpanded: isExpanded - }, props)); - }); -}); -/* harmony default export */ var block_contents = (ListViewBlockContents); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/context.js -/** - * WordPress dependencies - */ - -const ListViewContext = (0,external_wp_element_namespaceObject.createContext)({}); -const useListViewContext = () => (0,external_wp_element_namespaceObject.useContext)(ListViewContext); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/utils.js -/** - * WordPress dependencies - */ - -const getBlockPositionDescription = (position, siblingCount, level) => (0,external_wp_i18n_namespaceObject.sprintf)( -/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */ -(0,external_wp_i18n_namespaceObject.__)('Block %1$d of %2$d, Level %3$d'), position, siblingCount, level); -/** - * Returns true if the client ID occurs within the block selection or multi-selection, - * or false otherwise. - * - * @param {string} clientId Block client ID. - * @param {string|string[]} selectedBlockClientIds Selected block client ID, or an array of multi-selected blocks client IDs. - * - * @return {boolean} Whether the block is in multi-selection set. - */ - -const isClientIdSelected = (clientId, selectedBlockClientIds) => Array.isArray(selectedBlockClientIds) && selectedBlockClientIds.length ? selectedBlockClientIds.indexOf(clientId) !== -1 : selectedBlockClientIds === clientId; -/** - * From a start and end clientId of potentially different nesting levels, - * return the nearest-depth ids that have a common level of depth in the - * nesting hierarchy. For multiple block selection, this ensure that the - * selection is always at the same nesting level, and not split across - * separate levels. - * - * @param {string} startId The first id of a selection. - * @param {string} endId The end id of a selection, usually one that has been clicked on. - * @param {string[]} startParents An array of ancestor ids for the start id, in descending order. - * @param {string[]} endParents An array of ancestor ids for the end id, in descending order. - * @return {Object} An object containing the start and end ids. - */ - -function getCommonDepthClientIds(startId, endId, startParents, endParents) { - const startPath = [...startParents, startId]; - const endPath = [...endParents, endId]; - const depth = Math.min(startPath.length, endPath.length) - 1; - const start = startPath[depth]; - const end = endPath[depth]; - return { - start, - end - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/block.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - - - -/** - * Internal dependencies - */ - - - - - - - - - - - -function ListViewBlock(_ref) { - let { - block, - isDragged, - isSelected, - isBranchSelected, - selectBlock, - position, - level, - rowCount, - siblingBlockCount, - showBlockMovers, - path, - isExpanded, - selectedClientIds, - preventAnnouncement - } = _ref; - const cellRef = (0,external_wp_element_namespaceObject.useRef)(null); - const [isHovered, setIsHovered] = (0,external_wp_element_namespaceObject.useState)(false); - const { - clientId - } = block; - const { - isLocked, - isContentLocked - } = useBlockLock(clientId); - const forceSelectionContentLock = (0,external_wp_data_namespaceObject.useSelect)(select => { - if (isSelected) { - return false; - } - - if (!isContentLocked) { - return false; - } - - return select(store).hasSelectedInnerBlock(clientId, true); - }, [isContentLocked, clientId, isSelected]); - const isFirstSelectedBlock = forceSelectionContentLock || isSelected && selectedClientIds[0] === clientId; - const isLastSelectedBlock = forceSelectionContentLock || isSelected && selectedClientIds[selectedClientIds.length - 1] === clientId; - const { - toggleBlockHighlight - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const blockInformation = useBlockDisplayInformation(clientId); - const blockName = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlockName(clientId), [clientId]); // When a block hides its toolbar it also hides the block settings menu, - // since that menu is part of the toolbar in the editor canvas. - // List View respects this by also hiding the block settings menu. - - const showBlockActions = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, '__experimentalToolbar', true); - const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(ListViewBlock); - const descriptionId = `list-view-block-select-button__${instanceId}`; - const blockPositionDescription = getBlockPositionDescription(position, siblingBlockCount, level); - - let blockAriaLabel = (0,external_wp_i18n_namespaceObject.__)('Link'); - - if (blockInformation) { - blockAriaLabel = isLocked ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. This string indicates a link to select the locked block. - (0,external_wp_i18n_namespaceObject.__)('%s link (locked)'), blockInformation.title) : (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. This string indicates a link to select the block. - (0,external_wp_i18n_namespaceObject.__)('%s link'), blockInformation.title); - } - - const settingsAriaLabel = blockInformation ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. - (0,external_wp_i18n_namespaceObject.__)('Options for %s block'), blockInformation.title) : (0,external_wp_i18n_namespaceObject.__)('Options'); - const { - isTreeGridMounted, - expand, - collapse - } = useListViewContext(); - const hasSiblings = siblingBlockCount > 0; - const hasRenderedMovers = showBlockMovers && hasSiblings; - const moverCellClassName = classnames_default()('block-editor-list-view-block__mover-cell', { - 'is-visible': isHovered || isSelected - }); - const listViewBlockSettingsClassName = classnames_default()('block-editor-list-view-block__menu-cell', { - 'is-visible': isHovered || isFirstSelectedBlock - }); // If ListView has experimental features related to the Persistent List View, - // only focus the selected list item on mount; otherwise the list would always - // try to steal the focus from the editor canvas. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (!isTreeGridMounted && isSelected) { - cellRef.current.focus(); - } - }, []); - const onMouseEnter = (0,external_wp_element_namespaceObject.useCallback)(() => { - setIsHovered(true); - toggleBlockHighlight(clientId, true); - }, [clientId, setIsHovered, toggleBlockHighlight]); - const onMouseLeave = (0,external_wp_element_namespaceObject.useCallback)(() => { - setIsHovered(false); - toggleBlockHighlight(clientId, false); - }, [clientId, setIsHovered, toggleBlockHighlight]); - const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)(event => { - selectBlock(event, clientId); - event.preventDefault(); - }, [clientId, selectBlock]); - const updateSelection = (0,external_wp_element_namespaceObject.useCallback)(newClientId => { - selectBlock(undefined, newClientId); - }, [selectBlock]); - const toggleExpanded = (0,external_wp_element_namespaceObject.useCallback)(event => { - // Prevent shift+click from opening link in a new window when toggling. - event.preventDefault(); - event.stopPropagation(); - - if (isExpanded === true) { - collapse(clientId); - } else if (isExpanded === false) { - expand(clientId); - } - }, [clientId, expand, collapse, isExpanded]); - let colSpan; - - if (hasRenderedMovers) { - colSpan = 2; - } else if (!showBlockActions) { - colSpan = 3; - } - - const classes = classnames_default()({ - 'is-selected': isSelected || forceSelectionContentLock, - 'is-first-selected': isFirstSelectedBlock, - 'is-last-selected': isLastSelectedBlock, - 'is-branch-selected': isBranchSelected, - 'is-dragging': isDragged, - 'has-single-cell': !showBlockActions - }); // Only include all selected blocks if the currently clicked on block - // is one of the selected blocks. This ensures that if a user attempts - // to alter a block that isn't part of the selection, they're still able - // to do so. - - const dropdownClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId]; - return (0,external_wp_element_namespaceObject.createElement)(ListViewLeaf, { - className: classes, - onMouseEnter: onMouseEnter, - onMouseLeave: onMouseLeave, - onFocus: onMouseEnter, - onBlur: onMouseLeave, - level: level, - position: position, - rowCount: rowCount, - path: path, - id: `list-view-block-${clientId}`, - "data-block": clientId, - isExpanded: isContentLocked ? undefined : isExpanded, - "aria-selected": !!isSelected || forceSelectionContentLock - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { - className: "block-editor-list-view-block__contents-cell", - colSpan: colSpan, - ref: cellRef, - "aria-label": blockAriaLabel, - "aria-selected": !!isSelected || forceSelectionContentLock, - "aria-expanded": isContentLocked ? undefined : isExpanded, - "aria-describedby": descriptionId - }, _ref2 => { - let { - ref, - tabIndex, - onFocus - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-list-view-block__contents-container" - }, (0,external_wp_element_namespaceObject.createElement)(block_contents, { - block: block, - onClick: selectEditorBlock, - onToggleExpanded: toggleExpanded, - isSelected: isSelected, - position: position, - siblingBlockCount: siblingBlockCount, - level: level, - ref: ref, - tabIndex: tabIndex, - onFocus: onFocus, - isExpanded: isExpanded, - selectedClientIds: selectedClientIds, - preventAnnouncement: preventAnnouncement - }), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-list-view-block-select-button__description", - id: descriptionId - }, blockPositionDescription)); - }), hasRenderedMovers && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { - className: moverCellClassName, - withoutGridItem: true - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridItem, null, _ref3 => { - let { - ref, - tabIndex, - onFocus - } = _ref3; - return (0,external_wp_element_namespaceObject.createElement)(BlockMoverUpButton, { - orientation: "vertical", - clientIds: [clientId], - ref: ref, - tabIndex: tabIndex, - onFocus: onFocus - }); - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridItem, null, _ref4 => { - let { - ref, - tabIndex, - onFocus - } = _ref4; - return (0,external_wp_element_namespaceObject.createElement)(BlockMoverDownButton, { - orientation: "vertical", - clientIds: [clientId], - ref: ref, - tabIndex: tabIndex, - onFocus: onFocus - }); - }))), showBlockActions && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { - className: listViewBlockSettingsClassName, - "aria-selected": !!isSelected || forceSelectionContentLock - }, _ref5 => { - let { - ref, - tabIndex, - onFocus - } = _ref5; - return (0,external_wp_element_namespaceObject.createElement)(block_settings_dropdown, { - clientIds: dropdownClientIds, - icon: more_vertical, - label: settingsAriaLabel, - toggleProps: { - ref, - className: 'block-editor-list-view-block__menu', - tabIndex, - onFocus - }, - disableOpenOnArrowDown: true, - __experimentalSelectBlock: updateSelection - }); - })); -} - -/* harmony default export */ var list_view_block = ((0,external_wp_element_namespaceObject.memo)(ListViewBlock)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/branch.js - - +;// CONCATENATED MODULE: external ["wp","escapeHtml"] +var external_wp_escapeHtml_namespaceObject = window["wp"]["escapeHtml"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/update-attributes.js /** * WordPress dependencies */ /** - * Internal dependencies + * @typedef {'post-type'|'custom'|'taxonomy'|'post-type-archive'} WPNavigationLinkKind */ /** - * Internal dependencies + * Navigation Link Block Attributes + * + * @typedef {Object} WPNavigationLinkBlockAttributes + * + * @property {string} [label] Link text. + * @property {WPNavigationLinkKind} [kind] Kind is used to differentiate between term and post ids to check post draft status. + * @property {string} [type] The type such as post, page, tag, category and other custom types. + * @property {string} [rel] The relationship of the linked URL. + * @property {number} [id] A post or term id. + * @property {boolean} [opensInNewTab] Sets link target to _blank when true. + * @property {string} [url] Link href. + * @property {string} [title] Link title attribute. */ - - - - /** - * Given a block, returns the total number of blocks in that subtree. This is used to help determine - * the list position of a block. + * Link Control onChange handler that updates block attributes when a setting is changed. * - * When a block is collapsed, we do not count their children as part of that total. In the current drag - * implementation dragged blocks and their children are not counted. + * @param {Object} updatedValue New block attributes to update. + * @param {Function} setAttributes Block attribute update function. + * @param {WPNavigationLinkBlockAttributes} blockAttributes Current block attributes. * - * @param {Object} block block tree - * @param {Object} expandedState state that notes which branches are collapsed - * @param {Array} draggedClientIds a list of dragged client ids - * @param {boolean} isExpandedByDefault flag to determine the default fallback expanded state. - * @return {number} block count */ -function countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault) { - var _expandedState$block$; - - const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId); - - if (isDragged) { - return 0; - } - - const isExpanded = (_expandedState$block$ = expandedState[block.clientId]) !== null && _expandedState$block$ !== void 0 ? _expandedState$block$ : isExpandedByDefault; - - if (isExpanded) { - return 1 + block.innerBlocks.reduce(countReducer(expandedState, draggedClientIds, isExpandedByDefault), 0); - } - - return 1; -} - -const countReducer = (expandedState, draggedClientIds, isExpandedByDefault) => (count, block) => { - var _expandedState$block$2; - - const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId); - - if (isDragged) { - return count; - } - - const isExpanded = (_expandedState$block$2 = expandedState[block.clientId]) !== null && _expandedState$block$2 !== void 0 ? _expandedState$block$2 : isExpandedByDefault; - - if (isExpanded && block.innerBlocks.length > 0) { - return count + countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault); - } - - return count + 1; -}; - -function ListViewBranch(props) { +const updateAttributes = function () { + let updatedValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let setAttributes = arguments.length > 1 ? arguments[1] : undefined; + let blockAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; const { - blocks, - selectBlock, - showBlockMovers, - selectedClientIds, - level = 1, - path = '', - isBranchSelected = false, - listPosition = 0, - fixedListWindow, - isExpanded, - parentId, - shouldShowInnerBlocks = true - } = props; - const isContentLocked = (0,external_wp_data_namespaceObject.useSelect)(select => { - return !!(parentId && select(store).getTemplateLock(parentId) === 'contentOnly'); - }, [parentId]); + label: originalLabel = '', + kind: originalKind = '', + type: originalType = '' + } = blockAttributes; const { - expandedState, - draggedClientIds - } = useListViewContext(); - - if (isContentLocked) { - return null; - } - - const filteredBlocks = blocks.filter(Boolean); - const blockCount = filteredBlocks.length; - let nextPosition = listPosition; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, filteredBlocks.map((block, index) => { - var _expandedState$client; - - const { - clientId, - innerBlocks - } = block; - - if (index > 0) { - nextPosition += countBlocks(filteredBlocks[index - 1], expandedState, draggedClientIds, isExpanded); - } - - const { - itemInView - } = fixedListWindow; - const blockInView = itemInView(nextPosition); - const position = index + 1; - const updatedPath = path.length > 0 ? `${path}_${position}` : `${position}`; - const hasNestedBlocks = !!(innerBlocks !== null && innerBlocks !== void 0 && innerBlocks.length); - const shouldExpand = hasNestedBlocks && shouldShowInnerBlocks ? (_expandedState$client = expandedState[clientId]) !== null && _expandedState$client !== void 0 ? _expandedState$client : isExpanded : undefined; - const isDragged = !!(draggedClientIds !== null && draggedClientIds !== void 0 && draggedClientIds.includes(clientId)); - const showBlock = isDragged || blockInView; // Make updates to the selected or dragged blocks synchronous, - // but asynchronous for any other block. - - const isSelected = isClientIdSelected(clientId, selectedClientIds); - const isSelectedBranch = isBranchSelected || isSelected && hasNestedBlocks; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { - key: clientId, - value: !isSelected - }, showBlock && (0,external_wp_element_namespaceObject.createElement)(list_view_block, { - block: block, - selectBlock: selectBlock, - isSelected: isSelected, - isBranchSelected: isSelectedBranch, - isDragged: isDragged, - level: level, - position: position, - rowCount: blockCount, - siblingBlockCount: blockCount, - showBlockMovers: showBlockMovers, - path: updatedPath, - isExpanded: shouldExpand, - listPosition: nextPosition, - selectedClientIds: selectedClientIds - }), !showBlock && (0,external_wp_element_namespaceObject.createElement)("tr", null, (0,external_wp_element_namespaceObject.createElement)("td", { - className: "block-editor-list-view-placeholder" - })), hasNestedBlocks && shouldExpand && !isDragged && (0,external_wp_element_namespaceObject.createElement)(ListViewBranch, { - parentId: clientId, - blocks: innerBlocks, - selectBlock: selectBlock, - showBlockMovers: showBlockMovers, - level: level + 1, - path: updatedPath, - listPosition: nextPosition + 1, - fixedListWindow: fixedListWindow, - isBranchSelected: isSelectedBranch, - selectedClientIds: selectedClientIds, - isExpanded: isExpanded - })); - })); -} - -ListViewBranch.defaultProps = { - selectBlock: () => {} -}; -/* harmony default export */ var branch = ((0,external_wp_element_namespaceObject.memo)(ListViewBranch)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/drop-indicator.js - - -/** - * WordPress dependencies - */ - - -function ListViewDropIndicator(_ref) { - let { - listViewRef, - blockDropTarget - } = _ref; - const { - rootClientId, - clientId, - dropPosition - } = blockDropTarget || {}; - const [rootBlockElement, blockElement] = (0,external_wp_element_namespaceObject.useMemo)(() => { - if (!listViewRef.current) { - return []; - } // The rootClientId will be defined whenever dropping into inner - // block lists, but is undefined when dropping at the root level. - - - const _rootBlockElement = rootClientId ? listViewRef.current.querySelector(`[data-block="${rootClientId}"]`) : undefined; // The clientId represents the sibling block, the dragged block will - // usually be inserted adjacent to it. It will be undefined when - // dropping a block into an empty block list. - - - const _blockElement = clientId ? listViewRef.current.querySelector(`[data-block="${clientId}"]`) : undefined; - - return [_rootBlockElement, _blockElement]; - }, [rootClientId, clientId]); // The targetElement is the element that the drop indicator will appear - // before or after. When dropping into an empty block list, blockElement - // is undefined, so the indicator will appear after the rootBlockElement. - - const targetElement = blockElement || rootBlockElement; - const getDropIndicatorIndent = (0,external_wp_element_namespaceObject.useCallback)(() => { - if (!rootBlockElement) { - return 0; - } // Calculate the indent using the block icon of the root block. - // Using a classname selector here might be flaky and could be - // improved. - - - const targetElementRect = targetElement.getBoundingClientRect(); - const rootBlockIconElement = rootBlockElement.querySelector('.block-editor-block-icon'); - const rootBlockIconRect = rootBlockIconElement.getBoundingClientRect(); - return rootBlockIconRect.right - targetElementRect.left; - }, [rootBlockElement, targetElement]); - const style = (0,external_wp_element_namespaceObject.useMemo)(() => { - if (!targetElement) { - return {}; - } - - const indent = getDropIndicatorIndent(); - return { - width: targetElement.offsetWidth - indent - }; - }, [getDropIndicatorIndent, targetElement]); - const popoverAnchor = (0,external_wp_element_namespaceObject.useMemo)(() => { - const isValidDropPosition = dropPosition === 'top' || dropPosition === 'bottom' || dropPosition === 'inside'; - - if (!targetElement || !isValidDropPosition) { - return undefined; - } - - return { - ownerDocument: targetElement.ownerDocument, - - getBoundingClientRect() { - const rect = targetElement.getBoundingClientRect(); - const indent = getDropIndicatorIndent(); - const left = rect.left + indent; - const right = rect.right; - let top = 0; - let bottom = 0; - - if (dropPosition === 'top') { - top = rect.top; - bottom = rect.top; - } else { - // `dropPosition` is either `bottom` or `inside` - top = rect.bottom; - bottom = rect.bottom; - } - - const width = right - left; - const height = bottom - top; - return new window.DOMRect(left, top, width, height); - } - - }; - }, [targetElement, dropPosition, getDropIndicatorIndent]); - - if (!targetElement) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { - animate: false, - anchor: popoverAnchor, - focusOnMount: false, - className: "block-editor-list-view-drop-indicator" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - style: style, - className: "block-editor-list-view-drop-indicator__line" - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-block-selection.js -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - -function useBlockSelection() { - const { - clearSelectedBlock, - multiSelect, - selectBlock - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const { - getBlockName, - getBlockParents, - getBlockSelectionStart, - getBlockSelectionEnd, - getSelectedBlockClientIds, - hasMultiSelection, - hasSelectedBlock - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const { - getBlockType - } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store); - const updateBlockSelection = (0,external_wp_element_namespaceObject.useCallback)(async (event, clientId, destinationClientId) => { - if (!(event !== null && event !== void 0 && event.shiftKey)) { - selectBlock(clientId); - return; - } // To handle multiple block selection via the `SHIFT` key, prevent - // the browser default behavior of opening the link in a new window. - - - event.preventDefault(); - const isKeyPress = event.type === 'keydown' && (event.keyCode === external_wp_keycodes_namespaceObject.UP || event.keyCode === external_wp_keycodes_namespaceObject.DOWN || event.keyCode === external_wp_keycodes_namespaceObject.HOME || event.keyCode === external_wp_keycodes_namespaceObject.END); // Handle clicking on a block when no blocks are selected, and return early. - - if (!isKeyPress && !hasSelectedBlock() && !hasMultiSelection()) { - selectBlock(clientId, null); - return; - } - - const selectedBlocks = getSelectedBlockClientIds(); - const clientIdWithParents = [...getBlockParents(clientId), clientId]; - - if (isKeyPress && !selectedBlocks.some(blockId => clientIdWithParents.includes(blockId))) { - // Ensure that shift-selecting blocks via the keyboard only - // expands the current selection if focusing over already - // selected blocks. Otherwise, clear the selection so that - // a user can create a new selection entirely by keyboard. - await clearSelectedBlock(); - } - - let startTarget = getBlockSelectionStart(); - let endTarget = clientId; // Handle keyboard behavior for selecting multiple blocks. - - if (isKeyPress) { - if (!hasSelectedBlock() && !hasMultiSelection()) { - // Set the starting point of the selection to the currently - // focused block, if there are no blocks currently selected. - // This ensures that as the selection is expanded or contracted, - // the starting point of the selection is anchored to that block. - startTarget = clientId; - } - - if (destinationClientId) { - // If the user presses UP or DOWN, we want to ensure that the block they're - // moving to is the target for selection, and not the currently focused one. - endTarget = destinationClientId; - } - } - - const startParents = getBlockParents(startTarget); - const endParents = getBlockParents(endTarget); - const { - start, - end - } = getCommonDepthClientIds(startTarget, endTarget, startParents, endParents); - await multiSelect(start, end, null); // Announce deselected block, or number of deselected blocks if - // the total number of blocks deselected is greater than one. - - const updatedSelectedBlocks = getSelectedBlockClientIds(); // If the selection is greater than 1 and the Home or End keys - // were used to generate the selection, then skip announcing the - // deselected blocks. - - if ((event.keyCode === external_wp_keycodes_namespaceObject.HOME || event.keyCode === external_wp_keycodes_namespaceObject.END) && updatedSelectedBlocks.length > 1) { - return; - } - - const selectionDiff = selectedBlocks.filter(blockId => !updatedSelectedBlocks.includes(blockId)); - let label; - - if (selectionDiff.length === 1) { - var _getBlockType; - - const title = (_getBlockType = getBlockType(getBlockName(selectionDiff[0]))) === null || _getBlockType === void 0 ? void 0 : _getBlockType.title; - - if (title) { - label = (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: block name */ - (0,external_wp_i18n_namespaceObject.__)('%s deselected.'), title); - } - } else if (selectionDiff.length > 1) { - label = (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: number of deselected blocks */ - (0,external_wp_i18n_namespaceObject.__)('%s blocks deselected.'), selectionDiff.length); - } - - if (label) { - (0,external_wp_a11y_namespaceObject.speak)(label); - } - }, [clearSelectedBlock, getBlockName, getBlockType, getBlockParents, getBlockSelectionStart, getBlockSelectionEnd, getSelectedBlockClientIds, hasMultiSelection, hasSelectedBlock, multiSelect, selectBlock]); - return { - updateBlockSelection - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-list-view-client-ids.js -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -function useListViewClientIds(blocks) { - return (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getDraggedBlockClientIds, - getSelectedBlockClientIds, - __unstableGetClientIdsTree - } = select(store); - return { - selectedClientIds: getSelectedBlockClientIds(), - draggedClientIds: getDraggedBlockClientIds(), - clientIdsTree: blocks ? blocks : __unstableGetClientIdsTree() - }; - }, [blocks]); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-list-view-drop-zone.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -/** @typedef {import('../../utils/math').WPPoint} WPPoint */ - -/** - * The type of a drag event. - * - * @typedef {'default'|'file'|'html'} WPDragEventType - */ - -/** - * An array representing data for blocks in the DOM used by drag and drop. - * - * @typedef {Object} WPListViewDropZoneBlocks - * @property {string} clientId The client id for the block. - * @property {string} rootClientId The root client id for the block. - * @property {number} blockIndex The block's index. - * @property {Element} element The DOM element representing the block. - * @property {number} innerBlockCount The number of inner blocks the block has. - * @property {boolean} isDraggedBlock Whether the block is currently being dragged. - * @property {boolean} canInsertDraggedBlocksAsSibling Whether the dragged block can be a sibling of this block. - * @property {boolean} canInsertDraggedBlocksAsChild Whether the dragged block can be a child of this block. - */ - -/** - * An object containing details of a drop target. - * - * @typedef {Object} WPListViewDropZoneTarget - * @property {string} blockIndex The insertion index. - * @property {string} rootClientId The root client id for the block. - * @property {string|undefined} clientId The client id for the block. - * @property {'top'|'bottom'|'inside'} dropPosition The position relative to the block that the user is dropping to. - * 'inside' refers to nesting as an inner block. - */ - -/** - * Is the point contained by the rectangle. - * - * @param {WPPoint} point The point. - * @param {DOMRect} rect The rectangle. - * - * @return {boolean} True if the point is contained by the rectangle, false otherwise. - */ - -function isPointContainedByRect(point, rect) { - return rect.left <= point.x && rect.right >= point.x && rect.top <= point.y && rect.bottom >= point.y; -} -/** - * Determines whether the user positioning the dragged block to nest as an - * inner block. - * - * Presently this is determined by whether the cursor is on the right hand side - * of the block. - * - * @param {WPPoint} point The point representing the cursor position when dragging. - * @param {DOMRect} rect The rectangle. - */ - - -function isNestingGesture(point, rect) { - const blockCenterX = rect.left + rect.width / 2; - return point.x > blockCenterX; -} // Block navigation is always a vertical list, so only allow dropping -// to the above or below a block. - - -const ALLOWED_DROP_EDGES = ['top', 'bottom']; -/** - * Given blocks data and the cursor position, compute the drop target. - * - * @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view. - * @param {WPPoint} position The point representing the cursor position when dragging. - * - * @return {WPListViewDropZoneTarget} An object containing data about the drop target. - */ - -function getListViewDropTarget(blocksData, position) { - let candidateEdge; - let candidateBlockData; - let candidateDistance; - let candidateRect; - - for (const blockData of blocksData) { - if (blockData.isDraggedBlock) { - continue; - } - - const rect = blockData.element.getBoundingClientRect(); - const [distance, edge] = getDistanceToNearestEdge(position, rect, ALLOWED_DROP_EDGES); - const isCursorWithinBlock = isPointContainedByRect(position, rect); - - if (candidateDistance === undefined || distance < candidateDistance || isCursorWithinBlock) { - candidateDistance = distance; - const index = blocksData.indexOf(blockData); - const previousBlockData = blocksData[index - 1]; // If dragging near the top of a block and the preceding block - // is at the same level, use the preceding block as the candidate - // instead, as later it makes determining a nesting drop easier. - - if (edge === 'top' && previousBlockData && previousBlockData.rootClientId === blockData.rootClientId && !previousBlockData.isDraggedBlock) { - candidateBlockData = previousBlockData; - candidateEdge = 'bottom'; - candidateRect = previousBlockData.element.getBoundingClientRect(); - } else { - candidateBlockData = blockData; - candidateEdge = edge; - candidateRect = rect; - } // If the mouse position is within the block, break early - // as the user would intend to drop either before or after - // this block. - // - // This solves an issue where some rows in the list view - // tree overlap slightly due to sub-pixel rendering. - - - if (isCursorWithinBlock) { - break; - } - } - } - - if (!candidateBlockData) { - return; - } - - const isDraggingBelow = candidateEdge === 'bottom'; // If the user is dragging towards the bottom of the block check whether - // they might be trying to nest the block as a child. - // If the block already has inner blocks, this should always be treated - // as nesting since the next block in the tree will be the first child. - - if (isDraggingBelow && candidateBlockData.canInsertDraggedBlocksAsChild && (candidateBlockData.innerBlockCount > 0 || isNestingGesture(position, candidateRect))) { - return { - rootClientId: candidateBlockData.clientId, - blockIndex: 0, - dropPosition: 'inside' - }; - } // If dropping as a sibling, but block cannot be inserted in - // this context, return early. - - - if (!candidateBlockData.canInsertDraggedBlocksAsSibling) { - return; - } - - const offset = isDraggingBelow ? 1 : 0; - return { - rootClientId: candidateBlockData.rootClientId, - clientId: candidateBlockData.clientId, - blockIndex: candidateBlockData.blockIndex + offset, - dropPosition: candidateEdge - }; -} -/** - * A react hook for implementing a drop zone in list view. - * - * @return {WPListViewDropZoneTarget} The drop target. - */ - - -function useListViewDropZone() { - const { - getBlockRootClientId, - getBlockIndex, - getBlockCount, - getDraggedBlockClientIds, - canInsertBlocks - } = (0,external_wp_data_namespaceObject.useSelect)(store); - const [target, setTarget] = (0,external_wp_element_namespaceObject.useState)(); - const { - rootClientId: targetRootClientId, - blockIndex: targetBlockIndex - } = target || {}; - const onBlockDrop = useOnBlockDrop(targetRootClientId, targetBlockIndex); - const draggedBlockClientIds = getDraggedBlockClientIds(); - const throttled = (0,external_wp_compose_namespaceObject.useThrottle)((0,external_wp_element_namespaceObject.useCallback)((event, currentTarget) => { - const position = { - x: event.clientX, - y: event.clientY - }; - const isBlockDrag = !!(draggedBlockClientIds !== null && draggedBlockClientIds !== void 0 && draggedBlockClientIds.length); - const blockElements = Array.from(currentTarget.querySelectorAll('[data-block]')); - const blocksData = blockElements.map(blockElement => { - const clientId = blockElement.dataset.block; - const rootClientId = getBlockRootClientId(clientId); - return { - clientId, - rootClientId, - blockIndex: getBlockIndex(clientId), - element: blockElement, - isDraggedBlock: isBlockDrag ? draggedBlockClientIds.includes(clientId) : false, - innerBlockCount: getBlockCount(clientId), - canInsertDraggedBlocksAsSibling: isBlockDrag ? canInsertBlocks(draggedBlockClientIds, rootClientId) : true, - canInsertDraggedBlocksAsChild: isBlockDrag ? canInsertBlocks(draggedBlockClientIds, clientId) : true - }; - }); - const newTarget = getListViewDropTarget(blocksData, position); - - if (newTarget) { - setTarget(newTarget); - } - }, [draggedBlockClientIds]), 200); - const ref = (0,external_wp_compose_namespaceObject.__experimentalUseDropZone)({ - onDrop: onBlockDrop, - - onDragOver(event) { - // `currentTarget` is only available while the event is being - // handled, so get it now and pass it to the thottled function. - // https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget - throttled(event, event.currentTarget); - }, - - onDragEnd() { - throttled.cancel(); - setTarget(null); - } - - }); - return { - ref, - target - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-list-view-expand-selected-item.js -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -function useListViewExpandSelectedItem(_ref) { - let { - firstSelectedBlockClientId, - setExpandedState - } = _ref; - const [selectedTreeId, setSelectedTreeId] = (0,external_wp_element_namespaceObject.useState)(null); - const { - selectedBlockParentClientIds - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockParents - } = select(store); - return { - selectedBlockParentClientIds: getBlockParents(firstSelectedBlockClientId, false) - }; - }, [firstSelectedBlockClientId]); - const parentClientIds = Array.isArray(selectedBlockParentClientIds) && selectedBlockParentClientIds.length ? selectedBlockParentClientIds : null; // Expand tree when a block is selected. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - // If the selectedTreeId is the same as the selected block, - // it means that the block was selected using the block list tree. - if (selectedTreeId === firstSelectedBlockClientId) { - return; - } // If the selected block has parents, get the top-level parent. - - - if (parentClientIds) { - // If the selected block has parents, - // expand the tree branch. - setExpandedState({ - type: 'expand', - clientIds: selectedBlockParentClientIds - }); - } - }, [firstSelectedBlockClientId]); - return { - setSelectedTreeId - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/index.js - - -/** - * WordPress dependencies - */ - - - - - -/** - * Internal dependencies - */ - - - - - - - - - - -const expanded = (state, action) => { - if (Array.isArray(action.clientIds)) { - return { ...state, - ...action.clientIds.reduce((newState, id) => ({ ...newState, - [id]: action.type === 'expand' - }), {}) - }; - } - - return state; -}; - -const BLOCK_LIST_ITEM_HEIGHT = 36; -/** - * Show a hierarchical list of blocks. - * - * @param {Object} props Components props. - * @param {string} props.id An HTML element id for the root element of ListView. - * @param {Array} props.blocks Custom subset of block client IDs to be used instead of the default hierarchy. - * @param {boolean} props.showBlockMovers Flag to enable block movers - * @param {boolean} props.isExpanded Flag to determine whether nested levels are expanded by default. - * @param {Object} ref Forwarded ref - */ - -function ListView(_ref, ref) { - let { + title: newLabel = '', + // the title of any provided Post. + url: newUrl = '', + opensInNewTab, id, - blocks, - showBlockMovers = false, - isExpanded = false - } = _ref; - const { - clientIdsTree, - draggedClientIds, - selectedClientIds - } = useListViewClientIds(blocks); - const { - visibleBlockCount, - shouldShowInnerBlocks - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getGlobalBlockCount, - getClientIdsOfDescendants, - __unstableGetEditorMode - } = select(store); - const draggedBlockCount = (draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.length) > 0 ? getClientIdsOfDescendants(draggedClientIds).length + 1 : 0; - return { - visibleBlockCount: getGlobalBlockCount() - draggedBlockCount, - shouldShowInnerBlocks: __unstableGetEditorMode() !== 'zoom-out' - }; - }, [draggedClientIds]); - const { - updateBlockSelection - } = useBlockSelection(); - const [expandedState, setExpandedState] = (0,external_wp_element_namespaceObject.useReducer)(expanded, {}); - const { - ref: dropZoneRef, - target: blockDropTarget - } = useListViewDropZone(); - const elementRef = (0,external_wp_element_namespaceObject.useRef)(); - const treeGridRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([elementRef, dropZoneRef, ref]); - const isMounted = (0,external_wp_element_namespaceObject.useRef)(false); - const { - setSelectedTreeId - } = useListViewExpandSelectedItem({ - firstSelectedBlockClientId: selectedClientIds[0], - setExpandedState - }); - const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)((event, clientId) => { - updateBlockSelection(event, clientId); - setSelectedTreeId(clientId); - }, [setSelectedTreeId, updateBlockSelection]); - (0,external_wp_element_namespaceObject.useEffect)(() => { - isMounted.current = true; - }, []); // List View renders a fixed number of items and relies on each having a fixed item height of 36px. - // If this value changes, we should also change the itemHeight value set in useFixedWindowList. - // See: https://github.com/WordPress/gutenberg/pull/35230 for additional context. - - const [fixedListWindow] = (0,external_wp_compose_namespaceObject.__experimentalUseFixedWindowList)(elementRef, BLOCK_LIST_ITEM_HEIGHT, visibleBlockCount, { - useWindowing: true, - windowOverscan: 40 - }); - const expand = (0,external_wp_element_namespaceObject.useCallback)(clientId => { - if (!clientId) { - return; - } - - setExpandedState({ - type: 'expand', - clientIds: [clientId] - }); - }, [setExpandedState]); - const collapse = (0,external_wp_element_namespaceObject.useCallback)(clientId => { - if (!clientId) { - return; - } - - setExpandedState({ - type: 'collapse', - clientIds: [clientId] - }); - }, [setExpandedState]); - const expandRow = (0,external_wp_element_namespaceObject.useCallback)(row => { - var _row$dataset; - - expand(row === null || row === void 0 ? void 0 : (_row$dataset = row.dataset) === null || _row$dataset === void 0 ? void 0 : _row$dataset.block); - }, [expand]); - const collapseRow = (0,external_wp_element_namespaceObject.useCallback)(row => { - var _row$dataset2; - - collapse(row === null || row === void 0 ? void 0 : (_row$dataset2 = row.dataset) === null || _row$dataset2 === void 0 ? void 0 : _row$dataset2.block); - }, [collapse]); - const focusRow = (0,external_wp_element_namespaceObject.useCallback)((event, startRow, endRow) => { - if (event.shiftKey) { - var _startRow$dataset, _endRow$dataset; - - updateBlockSelection(event, startRow === null || startRow === void 0 ? void 0 : (_startRow$dataset = startRow.dataset) === null || _startRow$dataset === void 0 ? void 0 : _startRow$dataset.block, endRow === null || endRow === void 0 ? void 0 : (_endRow$dataset = endRow.dataset) === null || _endRow$dataset === void 0 ? void 0 : _endRow$dataset.block); - } - }, [updateBlockSelection]); - const contextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({ - isTreeGridMounted: isMounted.current, - draggedClientIds, - expandedState, - expand, - collapse - }), [isMounted.current, draggedClientIds, expandedState, expand, collapse]); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { - value: true - }, (0,external_wp_element_namespaceObject.createElement)(ListViewDropIndicator, { - listViewRef: elementRef, - blockDropTarget: blockDropTarget - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGrid, { - id: id, - className: "block-editor-list-view-tree", - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block navigation structure'), - ref: treeGridRef, - onCollapseRow: collapseRow, - onExpandRow: expandRow, - onFocusRow: focusRow, - applicationAriaLabel: (0,external_wp_i18n_namespaceObject.__)('Block navigation structure') - }, (0,external_wp_element_namespaceObject.createElement)(ListViewContext.Provider, { - value: contextValue - }, (0,external_wp_element_namespaceObject.createElement)(branch, { - blocks: clientIdsTree, - selectBlock: selectEditorBlock, - showBlockMovers: showBlockMovers, - fixedListWindow: fixedListWindow, - selectedClientIds: selectedClientIds, - isExpanded: isExpanded, - shouldShowInnerBlocks: shouldShowInnerBlocks - })))); -} - -/* harmony default export */ var components_list_view = ((0,external_wp_element_namespaceObject.forwardRef)(ListView)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/dropdown.js - - - -/** - * WordPress dependencies - */ - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - -function BlockNavigationDropdownToggle(_ref) { - let { - isEnabled, - onToggle, - isOpen, - innerRef, - ...props - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({}, props, { - ref: innerRef, - icon: list_view, - "aria-expanded": isOpen, - "aria-haspopup": "true", - onClick: isEnabled ? onToggle : undefined - /* translators: button label text should, if possible, be under 16 characters. */ - , - label: (0,external_wp_i18n_namespaceObject.__)('List view'), - className: "block-editor-block-navigation", - "aria-disabled": !isEnabled - })); -} - -function BlockNavigationDropdown(_ref2, ref) { - let { - isDisabled, - ...props - } = _ref2; - external_wp_deprecated_default()('wp.blockEditor.BlockNavigationDropdown', { - since: '6.1', - alternative: 'wp.components.Dropdown and wp.blockEditor.ListView' - }); - const hasBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(store).getBlockCount(), []); - const isEnabled = hasBlocks && !isDisabled; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { - contentClassName: "block-editor-block-navigation__popover", - position: "bottom right", - renderToggle: _ref3 => { - let { - isOpen, - onToggle - } = _ref3; - return (0,external_wp_element_namespaceObject.createElement)(BlockNavigationDropdownToggle, _extends({}, props, { - innerRef: ref, - isOpen: isOpen, - onToggle: onToggle, - isEnabled: isEnabled - })); - }, - renderContent: () => (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-navigation__container" - }, (0,external_wp_element_namespaceObject.createElement)("p", { - className: "block-editor-block-navigation__label" - }, (0,external_wp_i18n_namespaceObject.__)('List view')), (0,external_wp_element_namespaceObject.createElement)(components_list_view, null)) - }); -} - -/* harmony default export */ var dropdown = ((0,external_wp_element_namespaceObject.forwardRef)(BlockNavigationDropdown)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/preview-panel.js - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -function BlockStylesPreviewPanel(_ref) { - var _getBlockType; - - let { - genericPreviewBlock, - style, - className, - activeStyle - } = _ref; - const example = (_getBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(genericPreviewBlock.name)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.example; - const styleClassName = replaceActiveStyle(className, activeStyle, style); - const previewBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => { - return { ...genericPreviewBlock, - title: style.label || style.name, - description: style.description, - initialAttributes: { ...genericPreviewBlock.attributes, - className: styleClassName + ' block-editor-block-styles__block-preview-container' - }, - example - }; - }, [genericPreviewBlock, styleClassName]); - return (0,external_wp_element_namespaceObject.createElement)(preview_panel, { - item: previewBlocks, - isStylePreview: true - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/index.js - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - -function BlockStylesPreviewPanelSlot(_ref) { - let { - scope - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Slot, { - name: `BlockStylesPreviewPanel/${scope}` - }); -} - -function BlockStylesPreviewPanelFill(_ref2) { - let { - children, - scope, - ...props - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Fill, { - name: `BlockStylesPreviewPanel/${scope}` - }, (0,external_wp_element_namespaceObject.createElement)("div", props, children)); -} // Top position (in px) of the Block Styles container -// relative to the editor pane. -// The value is the equivalent of the container's right position. - - -const DEFAULT_POSITION_TOP = 16; - -const block_styles_noop = () => {}; // Block Styles component for the Settings Sidebar. - - -function BlockStyles(_ref3) { - let { - clientId, - onSwitch = block_styles_noop, - onHoverClassName = block_styles_noop, - scope - } = _ref3; - const { - onSelect, - stylesToRender, - activeStyle, - genericPreviewBlock, - className: previewClassName - } = useStylesForBlocks({ - clientId, - onSwitch - }); - const [hoveredStyle, setHoveredStyle] = (0,external_wp_element_namespaceObject.useState)(null); - const [containerScrollTop, setContainerScrollTop] = (0,external_wp_element_namespaceObject.useState)(0); - const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); - (0,external_wp_element_namespaceObject.useLayoutEffect)(() => { - const scrollContainer = document.querySelector('.interface-interface-skeleton__content'); - const scrollTop = (scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollTop) || 0; - setContainerScrollTop(scrollTop + DEFAULT_POSITION_TOP); - }, [hoveredStyle]); - - if (!stylesToRender || stylesToRender.length === 0) { - return null; - } - - const debouncedSetHoveredStyle = (0,external_lodash_namespaceObject.debounce)(setHoveredStyle, 250); - - const onSelectStylePreview = style => { - onSelect(style); - onHoverClassName(null); - setHoveredStyle(null); - debouncedSetHoveredStyle.cancel(); - }; - - const styleItemHandler = item => { - var _item$name; - - if (hoveredStyle === item) { - debouncedSetHoveredStyle.cancel(); - return; - } - - debouncedSetHoveredStyle(item); - onHoverClassName((_item$name = item === null || item === void 0 ? void 0 : item.name) !== null && _item$name !== void 0 ? _item$name : null); - }; - - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-styles" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-styles__variants" - }, stylesToRender.map(style => { - const buttonText = style.label || style.name; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - className: classnames_default()('block-editor-block-styles__item', { - 'is-active': activeStyle.name === style.name - }), - key: style.name, - variant: "secondary", - label: buttonText, - onMouseEnter: () => styleItemHandler(style), - onFocus: () => styleItemHandler(style), - onMouseLeave: () => styleItemHandler(null), - onBlur: () => styleItemHandler(null), - onClick: () => onSelectStylePreview(style), - "aria-current": activeStyle.name === style.name - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTruncate, { - numberOfLines: 1, - className: "block-editor-block-styles__item-text" - }, buttonText)); - })), hoveredStyle && !isMobileViewport && (0,external_wp_element_namespaceObject.createElement)(BlockStylesPreviewPanelFill, { - scope: scope, - className: "block-editor-block-styles__preview-panel", - style: { - top: containerScrollTop - }, - onMouseLeave: () => styleItemHandler(null) - }, (0,external_wp_element_namespaceObject.createElement)(BlockStylesPreviewPanel, { - activeStyle: activeStyle, - className: previewClassName, - genericPreviewBlock: genericPreviewBlock, - style: hoveredStyle - }))); -} - -BlockStyles.Slot = BlockStylesPreviewPanelSlot; -/* harmony default export */ var block_styles = (BlockStyles); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/layout.js - - -/** - * WordPress dependencies - */ - -const layout = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var library_layout = (layout); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-variation-picker/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -function BlockVariationPicker(_ref) { - let { - icon = library_layout, - label = (0,external_wp_i18n_namespaceObject.__)('Choose variation'), - instructions = (0,external_wp_i18n_namespaceObject.__)('Select a variation to start with.'), - variations, - onSelect, - allowSkip - } = _ref; - const classes = classnames_default()('block-editor-block-variation-picker', { - 'has-many-variations': variations.length > 4 - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, { - icon: icon, - label: label, - instructions: instructions, - className: classes - }, (0,external_wp_element_namespaceObject.createElement)("ul", { - className: "block-editor-block-variation-picker__variations", - role: "list", - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block variations') - }, variations.map(variation => (0,external_wp_element_namespaceObject.createElement)("li", { - key: variation.name - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - variant: "secondary", - icon: variation.icon, - iconSize: 48, - onClick: () => onSelect(variation), - className: "block-editor-block-variation-picker__variation", - label: variation.description || variation.title - }), (0,external_wp_element_namespaceObject.createElement)("span", { - className: "block-editor-block-variation-picker__variation-label", - role: "presentation" - }, variation.title)))), allowSkip && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-variation-picker__skip" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - variant: "link", - onClick: () => onSelect() - }, (0,external_wp_i18n_namespaceObject.__)('Skip')))); -} - -/* harmony default export */ var block_variation_picker = (BlockVariationPicker); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/grid.js - - -/** - * WordPress dependencies - */ - -const grid = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var library_grid = (grid); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/constants.js -const VIEWMODES = { - carousel: 'carousel', - grid: 'grid' -}; - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/setup-toolbar.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -const Actions = _ref => { - let { - onBlockPatternSelect - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-pattern-setup__actions" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - variant: "primary", - onClick: onBlockPatternSelect - }, (0,external_wp_i18n_namespaceObject.__)('Choose'))); -}; - -const CarouselNavigation = _ref2 => { - let { - handlePrevious, - handleNext, - activeSlide, - totalSlides - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-pattern-setup__navigation" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - icon: chevron_left, - label: (0,external_wp_i18n_namespaceObject.__)('Previous pattern'), - onClick: handlePrevious, - disabled: activeSlide === 0 - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - icon: chevron_right, - label: (0,external_wp_i18n_namespaceObject.__)('Next pattern'), - onClick: handleNext, - disabled: activeSlide === totalSlides - 1 - })); -}; - -const SetupToolbar = _ref3 => { - let { - viewMode, - setViewMode, - handlePrevious, - handleNext, - activeSlide, - totalSlides, - onBlockPatternSelect - } = _ref3; - const isCarouselView = viewMode === VIEWMODES.carousel; - const displayControls = (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-pattern-setup__display-controls" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - icon: stretch_full_width, - label: (0,external_wp_i18n_namespaceObject.__)('Carousel view'), - onClick: () => setViewMode(VIEWMODES.carousel), - isPressed: isCarouselView - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - icon: library_grid, - label: (0,external_wp_i18n_namespaceObject.__)('Grid view'), - onClick: () => setViewMode(VIEWMODES.grid), - isPressed: viewMode === VIEWMODES.grid - })); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-pattern-setup__toolbar" - }, isCarouselView && (0,external_wp_element_namespaceObject.createElement)(CarouselNavigation, { - handlePrevious: handlePrevious, - handleNext: handleNext, - activeSlide: activeSlide, - totalSlides: totalSlides - }), displayControls, isCarouselView && (0,external_wp_element_namespaceObject.createElement)(Actions, { - onBlockPatternSelect: onBlockPatternSelect - })); -}; - -/* harmony default export */ var setup_toolbar = (SetupToolbar); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/use-patterns-setup.js -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - -function usePatternsSetup(clientId, blockName, filterPatternsFn) { - return (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockRootClientId, - __experimentalGetPatternsByBlockTypes, - __experimentalGetAllowedPatterns - } = select(store); - const rootClientId = getBlockRootClientId(clientId); - - if (filterPatternsFn) { - return __experimentalGetAllowedPatterns(rootClientId).filter(filterPatternsFn); - } - - return __experimentalGetPatternsByBlockTypes(blockName, rootClientId); - }, [clientId, blockName, filterPatternsFn]); -} - -/* harmony default export */ var use_patterns_setup = (usePatternsSetup); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/index.js - - - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - - - - -const SetupContent = _ref => { - let { - viewMode, - activeSlide, - patterns, - onBlockPatternSelect - } = _ref; - const composite = (0,external_wp_components_namespaceObject.__unstableUseCompositeState)(); - const containerClass = 'block-editor-block-pattern-setup__container'; - - if (viewMode === VIEWMODES.carousel) { - const slideClass = new Map([[activeSlide, 'active-slide'], [activeSlide - 1, 'previous-slide'], [activeSlide + 1, 'next-slide']]); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-pattern-setup__carousel" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: containerClass - }, (0,external_wp_element_namespaceObject.createElement)("ul", { - className: "carousel-container" - }, patterns.map((pattern, index) => (0,external_wp_element_namespaceObject.createElement)(BlockPatternSlide, { - className: slideClass.get(index) || '', - key: pattern.name, - pattern: pattern - }))))); - } - - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-block-pattern-setup__grid" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableComposite, _extends({}, composite, { - role: "listbox", - className: containerClass, - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Patterns list') - }), patterns.map(pattern => (0,external_wp_element_namespaceObject.createElement)(block_pattern_setup_BlockPattern, { - key: pattern.name, - pattern: pattern, - onSelect: onBlockPatternSelect, - composite: composite - })))); -}; - -function block_pattern_setup_BlockPattern(_ref2) { - let { - pattern, - onSelect, - composite - } = _ref2; - const baseClassName = 'block-editor-block-pattern-setup-list'; - const { - blocks, - description, - viewportWidth = 700 - } = pattern; - const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(block_pattern_setup_BlockPattern, `${baseClassName}__item-description`); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: `${baseClassName}__list-item`, - "aria-label": pattern.title, - "aria-describedby": pattern.description ? descriptionId : undefined - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableCompositeItem, _extends({ - role: "option", - as: "div" - }, composite, { - className: `${baseClassName}__item`, - onClick: () => onSelect(blocks) - }), (0,external_wp_element_namespaceObject.createElement)(block_preview, { - blocks: blocks, - viewportWidth: viewportWidth - })), !!description && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - id: descriptionId - }, description)); -} - -function BlockPatternSlide(_ref3) { - let { - className, - pattern, - minHeight - } = _ref3; - const { - blocks, - title, - description - } = pattern; - const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockPatternSlide, 'block-editor-block-pattern-setup-list__item-description'); - return (0,external_wp_element_namespaceObject.createElement)("li", { - className: `pattern-slide ${className}`, - "aria-label": title, - "aria-describedby": description ? descriptionId : undefined - }, (0,external_wp_element_namespaceObject.createElement)(block_preview, { - blocks: blocks, - __experimentalMinHeight: minHeight - }), !!description && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - id: descriptionId - }, description)); -} - -const BlockPatternSetup = _ref4 => { - let { - clientId, - blockName, - filterPatternsFn, - onBlockPatternSelect - } = _ref4; - const [viewMode, setViewMode] = (0,external_wp_element_namespaceObject.useState)(VIEWMODES.carousel); - const [activeSlide, setActiveSlide] = (0,external_wp_element_namespaceObject.useState)(0); - const { - replaceBlock - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const patterns = use_patterns_setup(clientId, blockName, filterPatternsFn); - - if (!(patterns !== null && patterns !== void 0 && patterns.length)) { - return null; - } - - const onBlockPatternSelectDefault = blocks => { - const clonedBlocks = blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); - replaceBlock(clientId, clonedBlocks); - }; - - const onPatternSelectCallback = onBlockPatternSelect || onBlockPatternSelectDefault; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { - className: `block-editor-block-pattern-setup view-mode-${viewMode}` - }, (0,external_wp_element_namespaceObject.createElement)(SetupContent, { - viewMode: viewMode, - activeSlide: activeSlide, - patterns: patterns, - onBlockPatternSelect: onPatternSelectCallback - }), (0,external_wp_element_namespaceObject.createElement)(setup_toolbar, { - viewMode: viewMode, - setViewMode: setViewMode, - activeSlide: activeSlide, - totalSlides: patterns.length, - handleNext: () => { - setActiveSlide(active => active + 1); - }, - handlePrevious: () => { - setActiveSlide(active => active - 1); - }, - onBlockPatternSelect: () => { - onPatternSelectCallback(patterns[activeSlide].blocks); - } - }))); -}; - -/* harmony default export */ var block_pattern_setup = (BlockPatternSetup); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-variation-transforms/index.js - - -/** - * WordPress dependencies - */ - - - - - - -/** - * Internal dependencies - */ - - - - -function VariationsButtons(_ref) { - let { - className, - onSelectVariation, - selectedValue, - variations - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: className - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - as: "legend" - }, (0,external_wp_i18n_namespaceObject.__)('Transform to variation')), variations.map(variation => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: variation.name, - icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, { - icon: variation.icon, - showColors: true + kind: newKind = originalKind, + type: newType = originalType + } = updatedValue; + const newLabelWithoutHttp = newLabel.replace(/http(s?):\/\//gi, ''); + const newUrlWithoutHttp = newUrl.replace(/http(s?):\/\//gi, ''); + const useNewLabel = newLabel && newLabel !== originalLabel && // LinkControl without the title field relies + // on the check below. Specifically, it assumes that + // the URL is the same as a title. + // This logic a) looks suspicious and b) should really + // live in the LinkControl and not here. It's a great + // candidate for future refactoring. + newLabelWithoutHttp !== newUrlWithoutHttp; // Unfortunately this causes the escaping model to be inverted. + // The escaped content is stored in the block attributes (and ultimately in the database), + // and then the raw data is "recovered" when outputting into the DOM. + // It would be preferable to store the **raw** data in the block attributes and escape it in JS. + // Why? Because there isn't one way to escape data. Depending on the context, you need to do + // different transforms. It doesn't make sense to me to choose one of them for the purposes of storage. + // See also: + // - https://github.com/WordPress/gutenberg/pull/41063 + // - https://github.com/WordPress/gutenberg/pull/18617. + + const label = useNewLabel ? (0,external_wp_escapeHtml_namespaceObject.escapeHTML)(newLabel) : originalLabel || (0,external_wp_escapeHtml_namespaceObject.escapeHTML)(newUrlWithoutHttp); // In https://github.com/WordPress/gutenberg/pull/24670 we decided to use "tag" in favor of "post_tag" + + const type = newType === 'post_tag' ? 'tag' : newType.replace('-', '_'); + const isBuiltInType = ['post', 'page', 'tag', 'category'].indexOf(type) > -1; + const isCustomLink = !newKind && !isBuiltInType || newKind === 'custom'; + const kind = isCustomLink ? 'custom' : newKind; + setAttributes({ // Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string. + ...(newUrl && { + url: encodeURI((0,external_wp_url_namespaceObject.safeDecodeURI)(newUrl)) }), - isPressed: selectedValue === variation.name, - label: selectedValue === variation.name ? variation.title : (0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: Name of the block variation */ - (0,external_wp_i18n_namespaceObject.__)('Transform to %s'), variation.title), - onClick: () => onSelectVariation(variation.name), - "aria-label": variation.title, - showTooltip: true - }))); -} - -function VariationsDropdown(_ref2) { - let { - className, - onSelectVariation, - selectedValue, - variations - } = _ref2; - const selectOptions = variations.map(_ref3 => { - let { - name, - title, - description - } = _ref3; - return { - value: name, - label: title, - info: description - }; - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, { - className: className, - label: (0,external_wp_i18n_namespaceObject.__)('Transform to variation'), - text: (0,external_wp_i18n_namespaceObject.__)('Transform to variation'), - popoverProps: { - position: 'bottom center', - className: `${className}__popover` - }, - icon: chevron_down, - toggleProps: { - iconPosition: 'right' - } - }, () => (0,external_wp_element_namespaceObject.createElement)("div", { - className: `${className}__container` - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItemsChoice, { - choices: selectOptions, - value: selectedValue, - onSelect: onSelectVariation - })))); -} - -function __experimentalBlockVariationTransforms(_ref4) { - let { - blockClientId - } = _ref4; - const { - updateBlockAttributes - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const { - activeBlockVariation, - variations - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getActiveBlockVariation, - getBlockVariations - } = select(external_wp_blocks_namespaceObject.store); - const { - getBlockName, - getBlockAttributes - } = select(store); - const name = blockClientId && getBlockName(blockClientId); - return { - activeBlockVariation: getActiveBlockVariation(name, getBlockAttributes(blockClientId)), - variations: name && getBlockVariations(name, 'transform') - }; - }, [blockClientId]); - const selectedValue = activeBlockVariation === null || activeBlockVariation === void 0 ? void 0 : activeBlockVariation.name; // Check if each variation has a unique icon. - - const hasUniqueIcons = (0,external_wp_element_namespaceObject.useMemo)(() => { - const variationIcons = new Set(); - - if (!variations) { - return false; - } - - variations.forEach(variation => { - if (variation.icon) { - var _variation$icon; - - variationIcons.add(((_variation$icon = variation.icon) === null || _variation$icon === void 0 ? void 0 : _variation$icon.src) || variation.icon); - } - }); - return variationIcons.size === variations.length; - }, [variations]); - - const onSelectVariation = variationName => { - updateBlockAttributes(blockClientId, { ...variations.find(_ref5 => { - let { - name - } = _ref5; - return name === variationName; - }).attributes - }); - }; - - const baseClass = 'block-editor-block-variation-transforms'; // Skip rendering if there are no variations - - if (!(variations !== null && variations !== void 0 && variations.length)) return null; - const Component = hasUniqueIcons ? VariationsButtons : VariationsDropdown; - return (0,external_wp_element_namespaceObject.createElement)(Component, { - className: baseClass, - onSelectVariation: onSelectVariation, - selectedValue: selectedValue, - variations: variations - }); -} - -/* harmony default export */ var block_variation_transforms = (__experimentalBlockVariationTransforms); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/with-color-context.js - - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -/* harmony default export */ var with_color_context = ((0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => { - return props => { - const colorsFeature = useSetting('color.palette'); - const disableCustomColorsFeature = !useSetting('color.custom'); - const colors = props.colors === undefined ? colorsFeature : props.colors; - const disableCustomColors = props.disableCustomColors === undefined ? disableCustomColorsFeature : props.disableCustomColors; - const hasColorsToChoose = !(0,external_lodash_namespaceObject.isEmpty)(colors) || !disableCustomColors; - return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { - colors, - disableCustomColors, - hasColorsToChoose - })); - }; -}, 'withColorContext')); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/index.js -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -/* harmony default export */ var color_palette = (with_color_context(external_wp_components_namespaceObject.ColorPalette)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/control.js - - - -/** - * Internal dependencies - */ - -function ColorPaletteControl(_ref) { - let { - onChange, - value, - ...otherProps - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(control, _extends({}, otherProps, { - onColorChange: onChange, - colorValue: value, - gradients: [], - disableCustomGradients: true - })); -} - -;// CONCATENATED MODULE: external ["wp","date"] -var external_wp_date_namespaceObject = window["wp"]["date"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/date-format-picker/index.js - - -/** - * WordPress dependencies - */ - - - - // So that we can illustrate the different formats in the dropdown properly, -// show a date that has a day greater than 12 and a month with more than three -// letters. Here we're using 2022-01-25 which is when WordPress 5.9 was -// released. - -const EXAMPLE_DATE = new Date(2022, 0, 25); -/** - * The `DateFormatPicker` component renders controls that let the user choose a - * _date format_. That is, how they want their dates to be formatted. - * - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/date-format-picker/README.md - * - * @param {Object} props - * @param {string|null} props.format The selected date - * format. If - * `null`, - * _Default_ is - * selected. - * @param {string} props.defaultFormat The date format that - * will be used if the - * user selects - * 'Default'. - * @param {( format: string|null ) => void} props.onChange Called when a - * selection is - * made. If `null`, - * _Default_ is - * selected. - */ - -function DateFormatPicker(_ref) { - let { - format, - defaultFormat, - onChange - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("fieldset", { - className: "block-editor-date-format-picker" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - as: "legend" - }, (0,external_wp_i18n_namespaceObject.__)('Date format')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { - label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('Default format'), (0,external_wp_element_namespaceObject.createElement)("span", { - className: "block-editor-date-format-picker__default-format-toggle-control__hint" - }, (0,external_wp_date_namespaceObject.dateI18n)(defaultFormat, EXAMPLE_DATE))), - checked: !format, - onChange: checked => onChange(checked ? null : defaultFormat) - }), format && (0,external_wp_element_namespaceObject.createElement)(NonDefaultControls, { - format: format, - onChange: onChange - })); -} - -function NonDefaultControls(_ref2) { - var _suggestedOptions$fin; - - let { - format, - onChange - } = _ref2; - // Suggest a short format, medium format, long format, and a standardised - // (YYYY-MM-DD) format. The short, medium, and long formats are localised as - // different languages have different ways of writing these. For example, 'F - // j, Y' (April 20, 2022) in American English (en_US) is 'j. F Y' (20. April - // 2022) in German (de). The resultant array is de-duplicated as some - // languages will use the same format string for short, medium, and long - // formats. - const suggestedFormats = [...new Set(['Y-m-d', (0,external_wp_i18n_namespaceObject._x)('n/j/Y', 'short date format'), (0,external_wp_i18n_namespaceObject._x)('n/j/Y g:i A', 'short date format with time'), (0,external_wp_i18n_namespaceObject._x)('M j, Y', 'medium date format'), (0,external_wp_i18n_namespaceObject._x)('M j, Y g:i A', 'medium date format with time'), (0,external_wp_i18n_namespaceObject._x)('F j, Y', 'long date format'), (0,external_wp_i18n_namespaceObject._x)('M j', 'short date format without the year')])]; - const suggestedOptions = suggestedFormats.map((suggestedFormat, index) => ({ - key: `suggested-${index}`, - name: (0,external_wp_date_namespaceObject.dateI18n)(suggestedFormat, EXAMPLE_DATE), - format: suggestedFormat - })); - const customOption = { - key: 'custom', - name: (0,external_wp_i18n_namespaceObject.__)('Custom'), - className: 'block-editor-date-format-picker__custom-format-select-control__custom-option', - __experimentalHint: (0,external_wp_i18n_namespaceObject.__)('Enter your own date format') - }; - const [isCustom, setIsCustom] = (0,external_wp_element_namespaceObject.useState)(() => !!format && !suggestedFormats.includes(format)); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, { - className: "block-editor-date-format-picker__custom-format-select-control" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, { - __nextUnconstrainedWidth: true, - label: (0,external_wp_i18n_namespaceObject.__)('Choose a format'), - options: [...suggestedOptions, customOption], - value: isCustom ? customOption : (_suggestedOptions$fin = suggestedOptions.find(option => option.format === format)) !== null && _suggestedOptions$fin !== void 0 ? _suggestedOptions$fin : customOption, - onChange: _ref3 => { - let { - selectedItem - } = _ref3; - - if (selectedItem === customOption) { - setIsCustom(true); - } else { - setIsCustom(false); - onChange(selectedItem.format); - } - } - })), isCustom && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Custom format'), - hideLabelFromVision: true, - help: (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Enter a date or time format string.'), { - Link: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, { - href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/support/article/formatting-date-and-time/') - }) + ...(label && { + label }), - value: format, - onChange: value => onChange(value) - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/panel-color-gradient-settings.js - - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - - - -const panel_color_gradient_settings_colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients']; -const PanelColorGradientSettingsInner = _ref => { - let { - className, - colors, - gradients, - disableCustomColors, - disableCustomGradients, - children, - settings, - title, - showTitle = true, - __experimentalHasMultipleOrigins, - __experimentalIsRenderedInSidebar, - enableAlpha - } = _ref; - const panelId = (0,external_wp_compose_namespaceObject.useInstanceId)(PanelColorGradientSettingsInner); - const { - batch - } = (0,external_wp_data_namespaceObject.useRegistry)(); - - 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))) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanel, { - className: classnames_default()('block-editor-panel-color-gradient-settings', className), - label: showTitle ? title : undefined, - resetAll: () => { - batch(() => { - settings.forEach(_ref2 => { - let { - colorValue, - gradientValue, - onColorChange, - onGradientChange - } = _ref2; - - if (colorValue) { - onColorChange(); - } else if (gradientValue) { - onGradientChange(); - } - }); - }); - }, - panelId: panelId, - __experimentalFirstVisibleItemClass: "first", - __experimentalLastVisibleItemClass: "last" - }, (0,external_wp_element_namespaceObject.createElement)(ColorGradientSettingsDropdown, { - settings: settings, - panelId: panelId, - colors, - gradients, - disableCustomColors, - disableCustomGradients, - __experimentalHasMultipleOrigins, - __experimentalIsRenderedInSidebar, - enableAlpha - }), !!children && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalSpacer, { - marginY: 4 - }), " ", children)); -}; - -const PanelColorGradientSettingsSingleSelect = props => { - const colorGradientSettings = useCommonSingleMultipleSelects(); - colorGradientSettings.colors = useSetting('color.palette'); - colorGradientSettings.gradients = useSetting('color.gradients'); - return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, _extends({}, colorGradientSettings, props)); -}; - -const PanelColorGradientSettingsMultipleSelect = props => { - const colorGradientSettings = useMultipleOriginColorsAndGradients(); - return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, _extends({}, colorGradientSettings, props)); -}; - -const PanelColorGradientSettings = props => { - if ((0,external_lodash_namespaceObject.every)(panel_color_gradient_settings_colorsAndGradientKeys, key => props.hasOwnProperty(key))) { - return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, props); - } - - if (props.__experimentalHasMultipleOrigins) { - return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsMultipleSelect, props); - } - - return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsSingleSelect, props); -}; - -/* harmony default export */ var panel_color_gradient_settings = (PanelColorGradientSettings); - -;// CONCATENATED MODULE: ./node_modules/react-easy-crop/node_modules/tslib/tslib.es6.js -/*! ***************************************************************************** -Copyright (c) Microsoft Corporation. - -Permission to use, copy, modify, and/or distribute this software for any -purpose with or without fee is hereby granted. - -THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH -REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY -AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, -INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM -LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR -OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR -PERFORMANCE OF THIS SOFTWARE. -***************************************************************************** */ -/* global Reflect, Promise */ - -var extendStatics = function(d, b) { - extendStatics = Object.setPrototypeOf || - ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || - function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; - return extendStatics(d, b); -}; - -function __extends(d, b) { - extendStatics(d, b); - function __() { this.constructor = d; } - d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); -} - -var __assign = function() { - __assign = Object.assign || function __assign(t) { - for (var s, i = 1, n = arguments.length; i < n; i++) { - s = arguments[i]; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; - } - return t; - } - return __assign.apply(this, arguments); -} - -function __rest(s, e) { - var t = {}; - for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) - t[p] = s[p]; - if (s != null && typeof Object.getOwnPropertySymbols === "function") - for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) - t[p[i]] = s[p[i]]; - } - return t; -} - -function __decorate(decorators, target, key, desc) { - var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; - if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); - else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; - return c > 3 && r && Object.defineProperty(target, key, r), r; -} - -function __param(paramIndex, decorator) { - return function (target, key) { decorator(target, key, paramIndex); } -} - -function __metadata(metadataKey, metadataValue) { - if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue); -} - -function __awaiter(thisArg, _arguments, P, generator) { - function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } - return new (P || (P = Promise))(function (resolve, reject) { - function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } - function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } - function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } - step((generator = generator.apply(thisArg, _arguments || [])).next()); - }); -} - -function __generator(thisArg, body) { - var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; - return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; - function verb(n) { return function (v) { return step([n, v]); }; } - function step(op) { - if (f) throw new TypeError("Generator is already executing."); - while (_) try { - if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; - if (y = 0, t) op = [op[0] & 2, t.value]; - switch (op[0]) { - case 0: case 1: t = op; break; - case 4: _.label++; return { value: op[1], done: false }; - case 5: _.label++; y = op[1]; op = [0]; continue; - case 7: op = _.ops.pop(); _.trys.pop(); continue; - default: - if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } - if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } - if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } - if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } - if (t[2]) _.ops.pop(); - _.trys.pop(); continue; - } - op = body.call(thisArg, _); - } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } - if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; - } -} - -var __createBinding = Object.create ? (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); -}) : (function(o, m, k, k2) { - if (k2 === undefined) k2 = k; - o[k2] = m[k]; -}); - -function __exportStar(m, o) { - for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p); -} - -function __values(o) { - var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0; - if (m) return m.call(o); - if (o && typeof o.length === "number") return { - next: function () { - if (o && i >= o.length) o = void 0; - return { value: o && o[i++], done: !o }; - } - }; - throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined."); -} - -function __read(o, n) { - var m = typeof Symbol === "function" && o[Symbol.iterator]; - if (!m) return o; - var i = m.call(o), r, ar = [], e; - try { - while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); - } - catch (error) { e = { error: error }; } - finally { - try { - if (r && !r.done && (m = i["return"])) m.call(i); - } - finally { if (e) throw e.error; } - } - return ar; -} - -function __spread() { - for (var ar = [], i = 0; i < arguments.length; i++) - ar = ar.concat(__read(arguments[i])); - return ar; -} - -function __spreadArrays() { - for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; - for (var r = Array(s), k = 0, i = 0; i < il; i++) - for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) - r[k] = a[j]; - return r; -}; - -function __await(v) { - return this instanceof __await ? (this.v = v, this) : new __await(v); -} - -function __asyncGenerator(thisArg, _arguments, generator) { - if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); - var g = generator.apply(thisArg, _arguments || []), i, q = []; - return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i; - function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; } - function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } } - function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); } - function fulfill(value) { resume("next", value); } - function reject(value) { resume("throw", value); } - function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); } -} - -function __asyncDelegator(o) { - var i, p; - return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i; - function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; } -} - -function __asyncValues(o) { - if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); - var m = o[Symbol.asyncIterator], i; - return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i); - function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; } - function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); } -} - -function __makeTemplateObject(cooked, raw) { - if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } - return cooked; -}; - -var __setModuleDefault = Object.create ? (function(o, v) { - Object.defineProperty(o, "default", { enumerable: true, value: v }); -}) : function(o, v) { - o["default"] = v; -}; - -function __importStar(mod) { - if (mod && mod.__esModule) return mod; - var result = {}; - if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); - __setModuleDefault(result, mod); - return result; -} - -function __importDefault(mod) { - return (mod && mod.__esModule) ? mod : { default: mod }; -} - -function __classPrivateFieldGet(receiver, privateMap) { - if (!privateMap.has(receiver)) { - throw new TypeError("attempted to get private field on non-instance"); - } - return privateMap.get(receiver); -} - -function __classPrivateFieldSet(receiver, privateMap, value) { - if (!privateMap.has(receiver)) { - throw new TypeError("attempted to set private field on non-instance"); - } - privateMap.set(receiver, value); - return value; -} - -// EXTERNAL MODULE: ./node_modules/normalize-wheel/index.js -var normalize_wheel = __webpack_require__(7970); -var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel); -;// CONCATENATED MODULE: ./node_modules/react-easy-crop/index.module.js - - - - -/** - * Compute the dimension of the crop area based on media size, - * aspect ratio and optionally rotation - */ - -function getCropSize(mediaWidth, mediaHeight, containerWidth, containerHeight, aspect, rotation) { - if (rotation === void 0) { - rotation = 0; - } - - var _a = rotateSize(mediaWidth, mediaHeight, rotation), - width = _a.width, - height = _a.height; - - var fittingWidth = Math.min(width, containerWidth); - var fittingHeight = Math.min(height, containerHeight); - - if (fittingWidth > fittingHeight * aspect) { - return { - width: fittingHeight * aspect, - height: fittingHeight - }; - } - - return { - width: fittingWidth, - height: fittingWidth / aspect - }; -} -/** - * Compute media zoom. - * We fit the media into the container with "max-width: 100%; max-height: 100%;" - */ - -function getMediaZoom(mediaSize) { - // Take the axis with more pixels to improve accuracy - return mediaSize.width > mediaSize.height ? mediaSize.width / mediaSize.naturalWidth : mediaSize.height / mediaSize.naturalHeight; -} -/** - * Ensure a new media position stays in the crop area. - */ - -function restrictPosition(position, mediaSize, cropSize, zoom, rotation) { - if (rotation === void 0) { - rotation = 0; - } - - var _a = rotateSize(mediaSize.width, mediaSize.height, rotation), - width = _a.width, - height = _a.height; - - return { - x: restrictPositionCoord(position.x, width, cropSize.width, zoom), - y: restrictPositionCoord(position.y, height, cropSize.height, zoom) - }; -} - -function restrictPositionCoord(position, mediaSize, cropSize, zoom) { - var maxPosition = mediaSize * zoom / 2 - cropSize / 2; - return clamp(position, -maxPosition, maxPosition); -} - -function getDistanceBetweenPoints(pointA, pointB) { - return Math.sqrt(Math.pow(pointA.y - pointB.y, 2) + Math.pow(pointA.x - pointB.x, 2)); -} -function getRotationBetweenPoints(pointA, pointB) { - return Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x) * 180 / Math.PI; -} -/** - * Compute the output cropped area of the media in percentages and pixels. - * x/y are the top-left coordinates on the src media - */ - -function computeCroppedArea(crop, mediaSize, cropSize, aspect, zoom, rotation, restrictPosition) { - if (rotation === void 0) { - rotation = 0; - } - - if (restrictPosition === void 0) { - restrictPosition = true; - } // if the media is rotated by the user, we cannot limit the position anymore - // as it might need to be negative. - - - var limitAreaFn = restrictPosition ? limitArea : noOp; - var mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation); - var mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation); // calculate the crop area in percentages - // in the rotated space - - var croppedAreaPercentages = { - x: limitAreaFn(100, ((mediaBBoxSize.width - cropSize.width / zoom) / 2 - crop.x / zoom) / mediaBBoxSize.width * 100), - y: limitAreaFn(100, ((mediaBBoxSize.height - cropSize.height / zoom) / 2 - crop.y / zoom) / mediaBBoxSize.height * 100), - width: limitAreaFn(100, cropSize.width / mediaBBoxSize.width * 100 / zoom), - height: limitAreaFn(100, cropSize.height / mediaBBoxSize.height * 100 / zoom) - }; // we compute the pixels size naively - - var widthInPixels = Math.round(limitAreaFn(mediaNaturalBBoxSize.width, croppedAreaPercentages.width * mediaNaturalBBoxSize.width / 100)); - var heightInPixels = Math.round(limitAreaFn(mediaNaturalBBoxSize.height, croppedAreaPercentages.height * mediaNaturalBBoxSize.height / 100)); - var isImgWiderThanHigh = mediaNaturalBBoxSize.width >= mediaNaturalBBoxSize.height * aspect; // then we ensure the width and height exactly match the aspect (to avoid rounding approximations) - // if the media is wider than high, when zoom is 0, the crop height will be equals to image height - // thus we want to compute the width from the height and aspect for accuracy. - // Otherwise, we compute the height from width and aspect. - - var sizePixels = isImgWiderThanHigh ? { - width: Math.round(heightInPixels * aspect), - height: heightInPixels - } : { - width: widthInPixels, - height: Math.round(widthInPixels / aspect) - }; - - var croppedAreaPixels = __assign(__assign({}, sizePixels), { - x: Math.round(limitAreaFn(mediaNaturalBBoxSize.width - sizePixels.width, croppedAreaPercentages.x * mediaNaturalBBoxSize.width / 100)), - y: Math.round(limitAreaFn(mediaNaturalBBoxSize.height - sizePixels.height, croppedAreaPercentages.y * mediaNaturalBBoxSize.height / 100)) - }); - - return { - croppedAreaPercentages: croppedAreaPercentages, - croppedAreaPixels: croppedAreaPixels - }; -} -/** - * Ensure the returned value is between 0 and max - */ - -function limitArea(max, value) { - return Math.min(max, Math.max(0, value)); -} - -function noOp(_max, value) { - return value; -} -/** - * Compute crop and zoom from the croppedAreaPercentages. - */ - - -function getInitialCropFromCroppedAreaPercentages(croppedAreaPercentages, mediaSize, rotation, cropSize, minZoom, maxZoom) { - var mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation); // This is the inverse process of computeCroppedArea - - var zoom = clamp(cropSize.width / mediaBBoxSize.width * (100 / croppedAreaPercentages.width), minZoom, maxZoom); - var crop = { - x: zoom * mediaBBoxSize.width / 2 - cropSize.width / 2 - mediaBBoxSize.width * zoom * (croppedAreaPercentages.x / 100), - y: zoom * mediaBBoxSize.height / 2 - cropSize.height / 2 - mediaBBoxSize.height * zoom * (croppedAreaPercentages.y / 100) - }; - return { - crop: crop, - zoom: zoom - }; -} -/** - * Compute zoom from the croppedAreaPixels - */ - -function getZoomFromCroppedAreaPixels(croppedAreaPixels, mediaSize, cropSize) { - var mediaZoom = getMediaZoom(mediaSize); - return cropSize.height > cropSize.width ? cropSize.height / (croppedAreaPixels.height * mediaZoom) : cropSize.width / (croppedAreaPixels.width * mediaZoom); -} -/** - * Compute crop and zoom from the croppedAreaPixels - */ - - -function getInitialCropFromCroppedAreaPixels(croppedAreaPixels, mediaSize, rotation, cropSize, minZoom, maxZoom) { - if (rotation === void 0) { - rotation = 0; - } - - var mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation); - var zoom = clamp(getZoomFromCroppedAreaPixels(croppedAreaPixels, mediaSize, cropSize), minZoom, maxZoom); - var cropZoom = cropSize.height > cropSize.width ? cropSize.height / croppedAreaPixels.height : cropSize.width / croppedAreaPixels.width; - var crop = { - x: ((mediaNaturalBBoxSize.width - croppedAreaPixels.width) / 2 - croppedAreaPixels.x) * cropZoom, - y: ((mediaNaturalBBoxSize.height - croppedAreaPixels.height) / 2 - croppedAreaPixels.y) * cropZoom - }; - return { - crop: crop, - zoom: zoom - }; -} -/** - * Return the point that is the center of point a and b - */ - -function getCenter(a, b) { - return { - x: (b.x + a.x) / 2, - y: (b.y + a.y) / 2 - }; -} -function getRadianAngle(degreeValue) { - return degreeValue * Math.PI / 180; -} -/** - * Returns the new bounding area of a rotated rectangle. - */ - -function rotateSize(width, height, rotation) { - var rotRad = getRadianAngle(rotation); - return { - width: Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height), - height: Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height) - }; -} -/** - * Clamp value between min and max - */ - -function clamp(value, min, max) { - return Math.min(Math.max(value, min), max); -} -/** - * Combine multiple class names into a single string. - */ - -function classNames() { - var args = []; - - for (var _i = 0; _i < arguments.length; _i++) { - args[_i] = arguments[_i]; - } - - return args.filter(function (value) { - if (typeof value === 'string' && value.length > 0) { - return true; - } - - return false; - }).join(' ').trim(); -} - -var css_248z = ".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 display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\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}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\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"; - -var MIN_ZOOM = 1; -var MAX_ZOOM = 3; - -var Cropper = -/** @class */ -function (_super) { - __extends(Cropper, _super); - - function Cropper() { - var _this = _super !== null && _super.apply(this, arguments) || this; - - _this.imageRef = /*#__PURE__*/external_React_default().createRef(); - _this.videoRef = /*#__PURE__*/external_React_default().createRef(); - _this.containerRef = null; - _this.styleRef = null; - _this.containerRect = null; - _this.mediaSize = { - width: 0, - height: 0, - naturalWidth: 0, - naturalHeight: 0 - }; - _this.dragStartPosition = { - x: 0, - y: 0 - }; - _this.dragStartCrop = { - x: 0, - y: 0 - }; - _this.gestureZoomStart = 0; - _this.gestureRotationStart = 0; - _this.isTouching = false; - _this.lastPinchDistance = 0; - _this.lastPinchRotation = 0; - _this.rafDragTimeout = null; - _this.rafPinchTimeout = null; - _this.wheelTimer = null; - _this.currentDoc = document; - _this.currentWindow = window; - _this.state = { - cropSize: null, - hasWheelJustStarted: false - }; // this is to prevent Safari on iOS >= 10 to zoom the page - - _this.preventZoomSafari = function (e) { - return e.preventDefault(); - }; - - _this.cleanEvents = function () { - _this.currentDoc.removeEventListener('mousemove', _this.onMouseMove); - - _this.currentDoc.removeEventListener('mouseup', _this.onDragStopped); - - _this.currentDoc.removeEventListener('touchmove', _this.onTouchMove); - - _this.currentDoc.removeEventListener('touchend', _this.onDragStopped); - - _this.currentDoc.removeEventListener('gesturemove', _this.onGestureMove); - - _this.currentDoc.removeEventListener('gestureend', _this.onGestureEnd); - }; - - _this.clearScrollEvent = function () { - if (_this.containerRef) _this.containerRef.removeEventListener('wheel', _this.onWheel); - - if (_this.wheelTimer) { - clearTimeout(_this.wheelTimer); - } - }; - - _this.onMediaLoad = function () { - var cropSize = _this.computeSizes(); - - if (cropSize) { - _this.emitCropData(); - - _this.setInitialCrop(cropSize); - } - - if (_this.props.onMediaLoaded) { - _this.props.onMediaLoaded(_this.mediaSize); - } - }; - - _this.setInitialCrop = function (cropSize) { - if (_this.props.initialCroppedAreaPercentages) { - var _a = getInitialCropFromCroppedAreaPercentages(_this.props.initialCroppedAreaPercentages, _this.mediaSize, _this.props.rotation, cropSize, _this.props.minZoom, _this.props.maxZoom), - crop = _a.crop, - zoom = _a.zoom; - - _this.props.onCropChange(crop); - - _this.props.onZoomChange && _this.props.onZoomChange(zoom); - } else if (_this.props.initialCroppedAreaPixels) { - var _b = getInitialCropFromCroppedAreaPixels(_this.props.initialCroppedAreaPixels, _this.mediaSize, _this.props.rotation, cropSize, _this.props.minZoom, _this.props.maxZoom), - crop = _b.crop, - zoom = _b.zoom; - - _this.props.onCropChange(crop); - - _this.props.onZoomChange && _this.props.onZoomChange(zoom); - } - }; - - _this.computeSizes = function () { - var _a, _b, _c, _d, _e, _f; - - var mediaRef = _this.imageRef.current || _this.videoRef.current; - - if (mediaRef && _this.containerRef) { - _this.containerRect = _this.containerRef.getBoundingClientRect(); - var containerAspect = _this.containerRect.width / _this.containerRect.height; - var naturalWidth = ((_a = _this.imageRef.current) === null || _a === void 0 ? void 0 : _a.naturalWidth) || ((_b = _this.videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) || 0; - var naturalHeight = ((_c = _this.imageRef.current) === null || _c === void 0 ? void 0 : _c.naturalHeight) || ((_d = _this.videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) || 0; - var isMediaScaledDown = mediaRef.offsetWidth < naturalWidth || mediaRef.offsetHeight < naturalHeight; - var mediaAspect = naturalWidth / naturalHeight; // We do not rely on the offsetWidth/offsetHeight if the media is scaled down - // as the values they report are rounded. That will result in precision losses - // when calculating zoom. We use the fact that the media is positionned relative - // to the container. That allows us to use the container's dimensions - // and natural aspect ratio of the media to calculate accurate media size. - // However, for this to work, the container should not be rotated - - var renderedMediaSize = void 0; - - if (isMediaScaledDown) { - switch (_this.props.objectFit) { - default: - case 'contain': - renderedMediaSize = containerAspect > mediaAspect ? { - width: _this.containerRect.height * mediaAspect, - height: _this.containerRect.height - } : { - width: _this.containerRect.width, - height: _this.containerRect.width / mediaAspect - }; - break; - - case 'horizontal-cover': - renderedMediaSize = { - width: _this.containerRect.width, - height: _this.containerRect.width / mediaAspect - }; - break; - - case 'vertical-cover': - renderedMediaSize = { - width: _this.containerRect.height * mediaAspect, - height: _this.containerRect.height - }; - break; - - case 'auto-cover': - renderedMediaSize = naturalWidth > naturalHeight ? { - width: _this.containerRect.width, - height: _this.containerRect.width / mediaAspect - } : { - width: _this.containerRect.height * mediaAspect, - height: _this.containerRect.height - }; - break; - } - } else { - renderedMediaSize = { - width: mediaRef.offsetWidth, - height: mediaRef.offsetHeight - }; - } - - _this.mediaSize = __assign(__assign({}, renderedMediaSize), { - naturalWidth: naturalWidth, - naturalHeight: naturalHeight - }); // set media size in the parent - - if (_this.props.setMediaSize) { - _this.props.setMediaSize(_this.mediaSize); - } - - var cropSize = _this.props.cropSize ? _this.props.cropSize : getCropSize(_this.mediaSize.width, _this.mediaSize.height, _this.containerRect.width, _this.containerRect.height, _this.props.aspect, _this.props.rotation); - - if (((_e = _this.state.cropSize) === null || _e === void 0 ? void 0 : _e.height) !== cropSize.height || ((_f = _this.state.cropSize) === null || _f === void 0 ? void 0 : _f.width) !== cropSize.width) { - _this.props.onCropSizeChange && _this.props.onCropSizeChange(cropSize); - } - - _this.setState({ - cropSize: cropSize - }, _this.recomputeCropPosition); // pass crop size to parent - - - if (_this.props.setCropSize) { - _this.props.setCropSize(cropSize); - } - - return cropSize; - } - }; - - _this.onMouseDown = function (e) { - e.preventDefault(); - - _this.currentDoc.addEventListener('mousemove', _this.onMouseMove); - - _this.currentDoc.addEventListener('mouseup', _this.onDragStopped); - - _this.onDragStart(Cropper.getMousePoint(e)); - }; - - _this.onMouseMove = function (e) { - return _this.onDrag(Cropper.getMousePoint(e)); - }; - - _this.onTouchStart = function (e) { - _this.isTouching = true; - - if (_this.props.onTouchRequest && !_this.props.onTouchRequest(e)) { - return; - } - - _this.currentDoc.addEventListener('touchmove', _this.onTouchMove, { - passive: false - }); // iOS 11 now defaults to passive: true - - - _this.currentDoc.addEventListener('touchend', _this.onDragStopped); - - if (e.touches.length === 2) { - _this.onPinchStart(e); - } else if (e.touches.length === 1) { - _this.onDragStart(Cropper.getTouchPoint(e.touches[0])); - } - }; - - _this.onTouchMove = function (e) { - // Prevent whole page from scrolling on iOS. - e.preventDefault(); - - if (e.touches.length === 2) { - _this.onPinchMove(e); - } else if (e.touches.length === 1) { - _this.onDrag(Cropper.getTouchPoint(e.touches[0])); - } - }; - - _this.onGestureStart = function (e) { - e.preventDefault(); - - _this.currentDoc.addEventListener('gesturechange', _this.onGestureMove); - - _this.currentDoc.addEventListener('gestureend', _this.onGestureEnd); - - _this.gestureZoomStart = _this.props.zoom; - _this.gestureRotationStart = _this.props.rotation; - }; - - _this.onGestureMove = function (e) { - e.preventDefault(); - - if (_this.isTouching) { - // this is to avoid conflict between gesture and touch events - return; - } - - var point = Cropper.getMousePoint(e); - var newZoom = _this.gestureZoomStart - 1 + e.scale; - - _this.setNewZoom(newZoom, point, { - shouldUpdatePosition: true - }); - - if (_this.props.onRotationChange) { - var newRotation = _this.gestureRotationStart + e.rotation; - - _this.props.onRotationChange(newRotation); - } - }; - - _this.onGestureEnd = function (e) { - _this.cleanEvents(); - }; - - _this.onDragStart = function (_a) { - var _b, _c; - - var x = _a.x, - y = _a.y; - _this.dragStartPosition = { - x: x, - y: y - }; - _this.dragStartCrop = __assign({}, _this.props.crop); - (_c = (_b = _this.props).onInteractionStart) === null || _c === void 0 ? void 0 : _c.call(_b); - }; - - _this.onDrag = function (_a) { - var x = _a.x, - y = _a.y; - if (_this.rafDragTimeout) _this.currentWindow.cancelAnimationFrame(_this.rafDragTimeout); - _this.rafDragTimeout = _this.currentWindow.requestAnimationFrame(function () { - if (!_this.state.cropSize) return; - if (x === undefined || y === undefined) return; - var offsetX = x - _this.dragStartPosition.x; - var offsetY = y - _this.dragStartPosition.y; - var requestedPosition = { - x: _this.dragStartCrop.x + offsetX, - y: _this.dragStartCrop.y + offsetY - }; - var newPosition = _this.props.restrictPosition ? restrictPosition(requestedPosition, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : requestedPosition; - - _this.props.onCropChange(newPosition); - }); - }; - - _this.onDragStopped = function () { - var _a, _b; - - _this.isTouching = false; - - _this.cleanEvents(); - - _this.emitCropData(); - - (_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 ? void 0 : _b.call(_a); - }; - - _this.onWheel = function (e) { - if (_this.props.onWheelRequest && !_this.props.onWheelRequest(e)) { - return; - } - - e.preventDefault(); - var point = Cropper.getMousePoint(e); - var pixelY = normalize_wheel_default()(e).pixelY; - var newZoom = _this.props.zoom - pixelY * _this.props.zoomSpeed / 200; - - _this.setNewZoom(newZoom, point, { - shouldUpdatePosition: true - }); - - if (!_this.state.hasWheelJustStarted) { - _this.setState({ - hasWheelJustStarted: true - }, function () { - var _a, _b; - - return (_b = (_a = _this.props).onInteractionStart) === null || _b === void 0 ? void 0 : _b.call(_a); - }); - } - - if (_this.wheelTimer) { - clearTimeout(_this.wheelTimer); - } - - _this.wheelTimer = _this.currentWindow.setTimeout(function () { - return _this.setState({ - hasWheelJustStarted: false - }, function () { - var _a, _b; - - return (_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 ? void 0 : _b.call(_a); - }); - }, 250); - }; - - _this.getPointOnContainer = function (_a) { - var x = _a.x, - y = _a.y; - - if (!_this.containerRect) { - throw new Error('The Cropper is not mounted'); - } - - return { - x: _this.containerRect.width / 2 - (x - _this.containerRect.left), - y: _this.containerRect.height / 2 - (y - _this.containerRect.top) - }; - }; - - _this.getPointOnMedia = function (_a) { - var x = _a.x, - y = _a.y; - var _b = _this.props, - crop = _b.crop, - zoom = _b.zoom; - return { - x: (x + crop.x) / zoom, - y: (y + crop.y) / zoom - }; - }; - - _this.setNewZoom = function (zoom, point, _a) { - var _b = (_a === void 0 ? {} : _a).shouldUpdatePosition, - shouldUpdatePosition = _b === void 0 ? true : _b; - if (!_this.state.cropSize || !_this.props.onZoomChange) return; - var newZoom = clamp(zoom, _this.props.minZoom, _this.props.maxZoom); - - if (shouldUpdatePosition) { - var zoomPoint = _this.getPointOnContainer(point); - - var zoomTarget = _this.getPointOnMedia(zoomPoint); - - var requestedPosition = { - x: zoomTarget.x * newZoom - zoomPoint.x, - y: zoomTarget.y * newZoom - zoomPoint.y - }; - var newPosition = _this.props.restrictPosition ? restrictPosition(requestedPosition, _this.mediaSize, _this.state.cropSize, newZoom, _this.props.rotation) : requestedPosition; - - _this.props.onCropChange(newPosition); - } - - _this.props.onZoomChange(newZoom); - }; - - _this.getCropData = function () { - if (!_this.state.cropSize) { - return null; - } // this is to ensure the crop is correctly restricted after a zoom back (https://github.com/ValentinH/react-easy-crop/issues/6) - - - var restrictedPosition = _this.props.restrictPosition ? restrictPosition(_this.props.crop, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : _this.props.crop; - return computeCroppedArea(restrictedPosition, _this.mediaSize, _this.state.cropSize, _this.getAspect(), _this.props.zoom, _this.props.rotation, _this.props.restrictPosition); - }; - - _this.emitCropData = function () { - var cropData = _this.getCropData(); - - if (!cropData) return; - var croppedAreaPercentages = cropData.croppedAreaPercentages, - croppedAreaPixels = cropData.croppedAreaPixels; - - if (_this.props.onCropComplete) { - _this.props.onCropComplete(croppedAreaPercentages, croppedAreaPixels); - } - - if (_this.props.onCropAreaChange) { - _this.props.onCropAreaChange(croppedAreaPercentages, croppedAreaPixels); - } - }; - - _this.emitCropAreaChange = function () { - var cropData = _this.getCropData(); - - if (!cropData) return; - var croppedAreaPercentages = cropData.croppedAreaPercentages, - croppedAreaPixels = cropData.croppedAreaPixels; - - if (_this.props.onCropAreaChange) { - _this.props.onCropAreaChange(croppedAreaPercentages, croppedAreaPixels); - } - }; - - _this.recomputeCropPosition = function () { - if (!_this.state.cropSize) return; - var newPosition = _this.props.restrictPosition ? restrictPosition(_this.props.crop, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : _this.props.crop; - - _this.props.onCropChange(newPosition); - - _this.emitCropData(); - }; - - return _this; - } - - Cropper.prototype.componentDidMount = function () { - if (this.containerRef) { - if (this.containerRef.ownerDocument) { - this.currentDoc = this.containerRef.ownerDocument; - } - - if (this.currentDoc.defaultView) { - this.currentWindow = this.currentDoc.defaultView; - } - - this.currentWindow.addEventListener('resize', this.computeSizes); - this.props.zoomWithScroll && this.containerRef.addEventListener('wheel', this.onWheel, { - passive: false - }); - this.containerRef.addEventListener('gesturestart', this.onGestureStart); - } - - if (!this.props.disableAutomaticStylesInjection) { - this.styleRef = this.currentDoc.createElement('style'); - this.styleRef.setAttribute('type', 'text/css'); - - if (this.props.nonce) { - this.styleRef.setAttribute('nonce', this.props.nonce); - } - - this.styleRef.innerHTML = css_248z; - this.currentDoc.head.appendChild(this.styleRef); - } // when rendered via SSR, the image can already be loaded and its onLoad callback will never be called - - - if (this.imageRef.current && this.imageRef.current.complete) { - this.onMediaLoad(); - } // set image and video refs in the parent if the callbacks exist - - - if (this.props.setImageRef) { - this.props.setImageRef(this.imageRef); - } - - if (this.props.setVideoRef) { - this.props.setVideoRef(this.videoRef); - } - }; - - Cropper.prototype.componentWillUnmount = function () { - var _a; - - this.currentWindow.removeEventListener('resize', this.computeSizes); - - if (this.containerRef) { - this.containerRef.removeEventListener('gesturestart', this.preventZoomSafari); - } - - if (this.styleRef) { - (_a = this.styleRef.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this.styleRef); - } - - this.cleanEvents(); - this.props.zoomWithScroll && this.clearScrollEvent(); - }; - - Cropper.prototype.componentDidUpdate = function (prevProps) { - var _a, _b, _c, _d, _e, _f, _g, _h, _j; - - if (prevProps.rotation !== this.props.rotation) { - this.computeSizes(); - this.recomputeCropPosition(); - } else if (prevProps.aspect !== this.props.aspect) { - this.computeSizes(); - } else if (prevProps.zoom !== this.props.zoom) { - this.recomputeCropPosition(); - } else if (((_a = prevProps.cropSize) === null || _a === void 0 ? void 0 : _a.height) !== ((_b = this.props.cropSize) === null || _b === void 0 ? void 0 : _b.height) || ((_c = prevProps.cropSize) === null || _c === void 0 ? void 0 : _c.width) !== ((_d = this.props.cropSize) === null || _d === void 0 ? void 0 : _d.width)) { - this.computeSizes(); - } else if (((_e = prevProps.crop) === null || _e === void 0 ? void 0 : _e.x) !== ((_f = this.props.crop) === null || _f === void 0 ? void 0 : _f.x) || ((_g = prevProps.crop) === null || _g === void 0 ? void 0 : _g.y) !== ((_h = this.props.crop) === null || _h === void 0 ? void 0 : _h.y)) { - this.emitCropAreaChange(); - } - - if (prevProps.zoomWithScroll !== this.props.zoomWithScroll && this.containerRef) { - this.props.zoomWithScroll ? this.containerRef.addEventListener('wheel', this.onWheel, { - passive: false - }) : this.clearScrollEvent(); - } - - if (prevProps.video !== this.props.video) { - (_j = this.videoRef.current) === null || _j === void 0 ? void 0 : _j.load(); - } - }; - - Cropper.prototype.getAspect = function () { - var _a = this.props, - cropSize = _a.cropSize, - aspect = _a.aspect; - - if (cropSize) { - return cropSize.width / cropSize.height; - } - - return aspect; - }; - - Cropper.prototype.onPinchStart = function (e) { - var pointA = Cropper.getTouchPoint(e.touches[0]); - var pointB = Cropper.getTouchPoint(e.touches[1]); - this.lastPinchDistance = getDistanceBetweenPoints(pointA, pointB); - this.lastPinchRotation = getRotationBetweenPoints(pointA, pointB); - this.onDragStart(getCenter(pointA, pointB)); - }; - - Cropper.prototype.onPinchMove = function (e) { - var _this = this; - - var pointA = Cropper.getTouchPoint(e.touches[0]); - var pointB = Cropper.getTouchPoint(e.touches[1]); - var center = getCenter(pointA, pointB); - this.onDrag(center); - if (this.rafPinchTimeout) this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout); - this.rafPinchTimeout = this.currentWindow.requestAnimationFrame(function () { - var distance = getDistanceBetweenPoints(pointA, pointB); - var newZoom = _this.props.zoom * (distance / _this.lastPinchDistance); - - _this.setNewZoom(newZoom, center, { - shouldUpdatePosition: false - }); - - _this.lastPinchDistance = distance; - var rotation = getRotationBetweenPoints(pointA, pointB); - var newRotation = _this.props.rotation + (rotation - _this.lastPinchRotation); - _this.props.onRotationChange && _this.props.onRotationChange(newRotation); - _this.lastPinchRotation = rotation; - }); - }; - - Cropper.prototype.render = function () { - var _this = this; - - var _a = this.props, - image = _a.image, - video = _a.video, - mediaProps = _a.mediaProps, - transform = _a.transform, - _b = _a.crop, - x = _b.x, - y = _b.y, - rotation = _a.rotation, - zoom = _a.zoom, - cropShape = _a.cropShape, - showGrid = _a.showGrid, - _c = _a.style, - containerStyle = _c.containerStyle, - cropAreaStyle = _c.cropAreaStyle, - mediaStyle = _c.mediaStyle, - _d = _a.classes, - containerClassName = _d.containerClassName, - cropAreaClassName = _d.cropAreaClassName, - mediaClassName = _d.mediaClassName, - objectFit = _a.objectFit; - return /*#__PURE__*/external_React_default().createElement("div", { - onMouseDown: this.onMouseDown, - onTouchStart: this.onTouchStart, - ref: function ref(el) { - return _this.containerRef = el; - }, - "data-testid": "container", - style: containerStyle, - className: classNames('reactEasyCrop_Container', containerClassName) - }, image ? /*#__PURE__*/external_React_default().createElement("img", __assign({ - alt: "", - className: classNames('reactEasyCrop_Image', objectFit === 'contain' && 'reactEasyCrop_Contain', objectFit === 'horizontal-cover' && 'reactEasyCrop_Cover_Horizontal', objectFit === 'vertical-cover' && 'reactEasyCrop_Cover_Vertical', objectFit === 'auto-cover' && (this.mediaSize.naturalWidth > this.mediaSize.naturalHeight ? 'reactEasyCrop_Cover_Horizontal' : 'reactEasyCrop_Cover_Vertical'), mediaClassName) - }, mediaProps, { - src: image, - ref: this.imageRef, - style: __assign(__assign({}, mediaStyle), { - transform: transform || "translate(" + x + "px, " + y + "px) rotate(" + rotation + "deg) scale(" + zoom + ")" - }), - onLoad: this.onMediaLoad - })) : video && /*#__PURE__*/external_React_default().createElement("video", __assign({ - autoPlay: true, - loop: true, - muted: true, - className: classNames('reactEasyCrop_Video', objectFit === 'contain' && 'reactEasyCrop_Contain', objectFit === 'horizontal-cover' && 'reactEasyCrop_Cover_Horizontal', objectFit === 'vertical-cover' && 'reactEasyCrop_Cover_Vertical', objectFit === 'auto-cover' && (this.mediaSize.naturalWidth > this.mediaSize.naturalHeight ? 'reactEasyCrop_Cover_Horizontal' : 'reactEasyCrop_Cover_Vertical'), mediaClassName) - }, mediaProps, { - ref: this.videoRef, - onLoadedMetadata: this.onMediaLoad, - style: __assign(__assign({}, mediaStyle), { - transform: transform || "translate(" + x + "px, " + y + "px) rotate(" + rotation + "deg) scale(" + zoom + ")" - }), - controls: false - }), (Array.isArray(video) ? video : [{ - src: video - }]).map(function (item) { - return /*#__PURE__*/external_React_default().createElement("source", __assign({ - key: item.src - }, item)); - })), this.state.cropSize && /*#__PURE__*/external_React_default().createElement("div", { - style: __assign(__assign({}, cropAreaStyle), { - width: this.state.cropSize.width, - height: this.state.cropSize.height - }), - "data-testid": "cropper", - className: classNames('reactEasyCrop_CropArea', cropShape === 'round' && 'reactEasyCrop_CropAreaRound', showGrid && 'reactEasyCrop_CropAreaGrid', cropAreaClassName) - })); - }; - - Cropper.defaultProps = { - zoom: 1, - rotation: 0, - aspect: 4 / 3, - maxZoom: MAX_ZOOM, - minZoom: MIN_ZOOM, - cropShape: 'rect', - objectFit: 'contain', - showGrid: true, - style: {}, - classes: {}, - mediaProps: {}, - zoomSpeed: 1, - restrictPosition: true, - zoomWithScroll: true - }; - - Cropper.getMousePoint = function (e) { - return { - x: Number(e.clientX), - y: Number(e.clientY) - }; - }; - - Cropper.getTouchPoint = function (touch) { - return { - x: Number(touch.clientX), - y: Number(touch.clientY) - }; - }; - - return Cropper; -}((external_React_default()).Component); - -/* harmony default export */ var index_module = (Cropper); - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/constants.js -const constants_MIN_ZOOM = 100; -const constants_MAX_ZOOM = 300; -const image_editor_constants_POPOVER_PROPS = { - position: 'bottom right', - isAlternate: true -}; - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/use-save-image.js -/** - * WordPress dependencies - */ - - - - - - -function useSaveImage(_ref) { - let { - crop, - rotation, - height, - width, - aspect, - url, - id, - onSaveImage, - onFinishEditing - } = _ref; - const { - createErrorNotice - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); - const [isInProgress, setIsInProgress] = (0,external_wp_element_namespaceObject.useState)(false); - const cancel = (0,external_wp_element_namespaceObject.useCallback)(() => { - setIsInProgress(false); - onFinishEditing(); - }, [setIsInProgress, onFinishEditing]); - const apply = (0,external_wp_element_namespaceObject.useCallback)(() => { - setIsInProgress(true); - let attrs = {}; // The crop script may return some very small, sub-pixel values when the image was not cropped. - // Crop only when the new size has changed by more than 0.1%. - - if (crop.width < 99.9 || crop.height < 99.9) { - attrs = crop; - } - - if (rotation > 0) { - attrs.rotation = rotation; - } - - attrs.src = url; - external_wp_apiFetch_default()({ - path: `/wp/v2/media/${id}/edit`, - method: 'POST', - data: attrs - }).then(response => { - onSaveImage({ - id: response.id, - url: response.source_url, - height: height && width ? width / aspect : undefined - }); - }).catch(error => { - createErrorNotice((0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: 1. Error message */ - (0,external_wp_i18n_namespaceObject.__)('Could not edit image. %s'), (0,external_wp_dom_namespaceObject.__unstableStripHTML)(error.message)), { - id: 'image-editing-error', - type: 'snackbar' - }); - }).finally(() => { - setIsInProgress(false); - onFinishEditing(); - }); - }, [setIsInProgress, crop, rotation, height, width, aspect, url, onSaveImage, createErrorNotice, setIsInProgress, onFinishEditing]); - return (0,external_wp_element_namespaceObject.useMemo)(() => ({ - isInProgress, - apply, - cancel - }), [isInProgress, apply, cancel]); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/use-transform-image.js -/** - * WordPress dependencies - */ - - - -function useTransformState(_ref) { - let { - url, - naturalWidth, - naturalHeight - } = _ref; - const [editedUrl, setEditedUrl] = (0,external_wp_element_namespaceObject.useState)(); - const [crop, setCrop] = (0,external_wp_element_namespaceObject.useState)(); - const [position, setPosition] = (0,external_wp_element_namespaceObject.useState)({ - x: 0, - y: 0 - }); - const [zoom, setZoom] = (0,external_wp_element_namespaceObject.useState)(); - const [rotation, setRotation] = (0,external_wp_element_namespaceObject.useState)(); - const [aspect, setAspect] = (0,external_wp_element_namespaceObject.useState)(); - const [defaultAspect, setDefaultAspect] = (0,external_wp_element_namespaceObject.useState)(); - const initializeTransformValues = (0,external_wp_element_namespaceObject.useCallback)(() => { - setPosition({ - x: 0, - y: 0 - }); - setZoom(100); - setRotation(0); - setAspect(naturalWidth / naturalHeight); - setDefaultAspect(naturalWidth / naturalHeight); - }, [naturalWidth, naturalHeight, setPosition, setZoom, setRotation, setAspect, setDefaultAspect]); - const rotateClockwise = (0,external_wp_element_namespaceObject.useCallback)(() => { - const angle = (rotation + 90) % 360; - let naturalAspectRatio = naturalWidth / naturalHeight; - - if (rotation % 180 === 90) { - naturalAspectRatio = naturalHeight / naturalWidth; - } - - if (angle === 0) { - setEditedUrl(); - setRotation(angle); - setAspect(naturalWidth / naturalHeight); - setPosition({ - x: -(position.y * naturalAspectRatio), - y: position.x * naturalAspectRatio - }); - return; - } - - function editImage(event) { - const canvas = document.createElement('canvas'); - let translateX = 0; - let translateY = 0; - - if (angle % 180) { - canvas.width = event.target.height; - canvas.height = event.target.width; - } else { - canvas.width = event.target.width; - canvas.height = event.target.height; - } - - if (angle === 90 || angle === 180) { - translateX = canvas.width; - } - - if (angle === 270 || angle === 180) { - translateY = canvas.height; - } - - const context = canvas.getContext('2d'); - context.translate(translateX, translateY); - context.rotate(angle * Math.PI / 180); - context.drawImage(event.target, 0, 0); - canvas.toBlob(blob => { - setEditedUrl(URL.createObjectURL(blob)); - setRotation(angle); - setAspect(canvas.width / canvas.height); - setPosition({ - x: -(position.y * naturalAspectRatio), - y: position.x * naturalAspectRatio - }); - }); - } - - const el = new window.Image(); - el.src = url; - el.onload = editImage; - const imgCrossOrigin = (0,external_wp_hooks_namespaceObject.applyFilters)('media.crossOrigin', undefined, url); - - if (typeof imgCrossOrigin === 'string') { - el.crossOrigin = imgCrossOrigin; - } - }, [rotation, naturalWidth, naturalHeight, setEditedUrl, setRotation, setAspect, setPosition]); - return (0,external_wp_element_namespaceObject.useMemo)(() => ({ - editedUrl, - setEditedUrl, - crop, - setCrop, - position, - setPosition, - zoom, - setZoom, - rotation, - setRotation, - rotateClockwise, - aspect, - setAspect, - defaultAspect, - initializeTransformValues - }), [editedUrl, setEditedUrl, crop, setCrop, position, setPosition, zoom, setZoom, rotation, setRotation, rotateClockwise, aspect, setAspect, defaultAspect, initializeTransformValues]); -} - -function useTransformImage(imageProperties, isEditing) { - const transformState = useTransformState(imageProperties); - const { - initializeTransformValues - } = transformState; - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (isEditing) { - initializeTransformValues(); - } - }, [isEditing, initializeTransformValues]); - return transformState; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/context.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - -const ImageEditingContext = (0,external_wp_element_namespaceObject.createContext)({}); -const useImageEditingContext = () => (0,external_wp_element_namespaceObject.useContext)(ImageEditingContext); -function ImageEditingProvider(_ref) { - let { - id, - url, - naturalWidth, - naturalHeight, - isEditing, - onFinishEditing, - onSaveImage, - children - } = _ref; - const transformImage = useTransformImage({ - url, - naturalWidth, - naturalHeight - }, isEditing); - const saveImage = useSaveImage({ - id, - url, - onSaveImage, - onFinishEditing, - ...transformImage - }); - const providerValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({ ...transformImage, - ...saveImage - }), [transformImage, saveImage]); - return (0,external_wp_element_namespaceObject.createElement)(ImageEditingContext.Provider, { - value: providerValue - }, children); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/cropper.js - - -/** - * External dependencies - */ - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - - -function ImageCropper(_ref) { - let { - url, - width, - height, - clientWidth, - naturalHeight, - naturalWidth, - borderProps - } = _ref; - const { - isInProgress, - editedUrl, - position, - zoom, - aspect, - setPosition, - setCrop, - setZoom, - rotation - } = useImageEditingContext(); - let editedHeight = height || clientWidth * naturalHeight / naturalWidth; - - if (rotation % 180 === 90) { - editedHeight = clientWidth * naturalWidth / naturalHeight; - } - - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: classnames_default()('wp-block-image__crop-area', borderProps === null || borderProps === void 0 ? void 0 : borderProps.className, { - 'is-applying': isInProgress + ...(undefined !== opensInNewTab && { + opensInNewTab }), - style: { ...(borderProps === null || borderProps === void 0 ? void 0 : borderProps.style), - width: width || clientWidth, - height: editedHeight - } - }, (0,external_wp_element_namespaceObject.createElement)(index_module, { - image: editedUrl || url, - disabled: isInProgress, - minZoom: constants_MIN_ZOOM / 100, - maxZoom: constants_MAX_ZOOM / 100, - crop: position, - zoom: zoom / 100, - aspect: aspect, - onCropChange: setPosition, - onCropComplete: newCropPercent => { - setCrop(newCropPercent); - }, - onZoomChange: newZoom => { - setZoom(newZoom * 100); - } - }), isInProgress && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/search.js - - -/** - * WordPress dependencies - */ - -const search = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var library_search = (search); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/zoom-dropdown.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - -function ZoomDropdown() { - const { - isInProgress, - zoom, - setZoom - } = useImageEditingContext(); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { - contentClassName: "wp-block-image__zoom", - popoverProps: image_editor_constants_POPOVER_PROPS, - renderToggle: _ref => { - let { - isOpen, - onToggle - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: library_search, - label: (0,external_wp_i18n_namespaceObject.__)('Zoom'), - onClick: onToggle, - "aria-expanded": isOpen, - disabled: isInProgress - }); - }, - renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Zoom'), - min: constants_MIN_ZOOM, - max: constants_MAX_ZOOM, - value: Math.round(zoom), - onChange: setZoom + ...(id && Number.isInteger(id) && { + id + }), + ...(kind && { + kind + }), + ...(type && type !== 'URL' && { + type }) }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/aspect-ratio.js - - -/** - * WordPress dependencies - */ - -const aspectRatio = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var aspect_ratio = (aspectRatio); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/aspect-ratio-dropdown.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -function AspectGroup(_ref) { - let { - aspectRatios, - isDisabled, - label, - onClick, - value - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - label: label - }, aspectRatios.map(_ref2 => { - let { - title, - aspect - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - key: aspect, - disabled: isDisabled, - onClick: () => { - onClick(aspect); - }, - role: "menuitemradio", - isSelected: aspect === value, - icon: aspect === value ? library_check : undefined - }, title); - })); -} - -function AspectRatioDropdown(_ref3) { - let { - toggleProps - } = _ref3; - const { - isInProgress, - aspect, - setAspect, - defaultAspect - } = useImageEditingContext(); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, { - icon: aspect_ratio, - label: (0,external_wp_i18n_namespaceObject.__)('Aspect Ratio'), - popoverProps: image_editor_constants_POPOVER_PROPS, - toggleProps: toggleProps, - className: "wp-block-image__aspect-ratio" - }, _ref4 => { - let { - onClose - } = _ref4; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(AspectGroup, { - isDisabled: isInProgress, - onClick: newAspect => { - setAspect(newAspect); - onClose(); - }, - value: aspect, - aspectRatios: [{ - title: (0,external_wp_i18n_namespaceObject.__)('Original'), - aspect: defaultAspect - }, { - title: (0,external_wp_i18n_namespaceObject.__)('Square'), - aspect: 1 - }] - }), (0,external_wp_element_namespaceObject.createElement)(AspectGroup, { - label: (0,external_wp_i18n_namespaceObject.__)('Landscape'), - isDisabled: isInProgress, - onClick: newAspect => { - setAspect(newAspect); - onClose(); - }, - value: aspect, - aspectRatios: [{ - title: (0,external_wp_i18n_namespaceObject.__)('16:10'), - aspect: 16 / 10 - }, { - title: (0,external_wp_i18n_namespaceObject.__)('16:9'), - aspect: 16 / 9 - }, { - title: (0,external_wp_i18n_namespaceObject.__)('4:3'), - aspect: 4 / 3 - }, { - title: (0,external_wp_i18n_namespaceObject.__)('3:2'), - aspect: 3 / 2 - }] - }), (0,external_wp_element_namespaceObject.createElement)(AspectGroup, { - label: (0,external_wp_i18n_namespaceObject.__)('Portrait'), - isDisabled: isInProgress, - onClick: newAspect => { - setAspect(newAspect); - onClose(); - }, - value: aspect, - aspectRatios: [{ - title: (0,external_wp_i18n_namespaceObject.__)('10:16'), - aspect: 10 / 16 - }, { - title: (0,external_wp_i18n_namespaceObject.__)('9:16'), - aspect: 9 / 16 - }, { - title: (0,external_wp_i18n_namespaceObject.__)('3:4'), - aspect: 3 / 4 - }, { - title: (0,external_wp_i18n_namespaceObject.__)('2:3'), - aspect: 2 / 3 - }] - })); - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/rotate-right.js - - -/** - * WordPress dependencies - */ - -const rotateRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var rotate_right = (rotateRight); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/rotation-button.js - - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - -function RotationButton() { - const { - isInProgress, - rotateClockwise - } = useImageEditingContext(); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: rotate_right, - label: (0,external_wp_i18n_namespaceObject.__)('Rotate'), - onClick: rotateClockwise, - disabled: isInProgress - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/form-controls.js - - -/** - * WordPress dependencies - */ - - -/** - * Internal dependencies - */ - - -function FormControls() { - const { - isInProgress, - apply, - cancel - } = useImageEditingContext(); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - onClick: apply, - disabled: isInProgress - }, (0,external_wp_i18n_namespaceObject.__)('Apply')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - onClick: cancel - }, (0,external_wp_i18n_namespaceObject.__)('Cancel'))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/index.js - - -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - - - - - - -function ImageEditor(_ref) { - let { - url, - width, - height, - clientWidth, - naturalHeight, - naturalWidth, - borderProps - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ImageCropper, { - borderProps: borderProps, - url: url, - width: width, - height: height, - clientWidth: clientWidth, - naturalHeight: naturalHeight, - naturalWidth: naturalWidth - }), (0,external_wp_element_namespaceObject.createElement)(block_controls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(ZoomDropdown, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, toggleProps => (0,external_wp_element_namespaceObject.createElement)(AspectRatioDropdown, { - toggleProps: toggleProps - })), (0,external_wp_element_namespaceObject.createElement)(RotationButton, null)), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(FormControls, null)))); -} - - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-size-control/use-dimension-handler.js -/** - * WordPress dependencies - */ - -function useDimensionHandler(customHeight, customWidth, defaultHeight, defaultWidth, onChange) { - var _ref, _ref2; - - const [currentWidth, setCurrentWidth] = (0,external_wp_element_namespaceObject.useState)((_ref = customWidth !== null && customWidth !== void 0 ? customWidth : defaultWidth) !== null && _ref !== void 0 ? _ref : ''); - const [currentHeight, setCurrentHeight] = (0,external_wp_element_namespaceObject.useState)((_ref2 = customHeight !== null && customHeight !== void 0 ? customHeight : defaultHeight) !== null && _ref2 !== void 0 ? _ref2 : ''); // When an image is first inserted, the default dimensions are initially - // undefined. This effect updates the dimensions when the default values - // come through. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (customWidth === undefined && defaultWidth !== undefined) { - setCurrentWidth(defaultWidth); - } - - if (customHeight === undefined && defaultHeight !== undefined) { - setCurrentHeight(defaultHeight); - } - }, [defaultWidth, defaultHeight]); // If custom values change, it means an outsider has resized the image using some other method (eg resize box) - // this keeps track of these values too. We need to parse before comparing; custom values can be strings. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (customWidth !== undefined && Number.parseInt(customWidth) !== Number.parseInt(currentWidth)) { - setCurrentWidth(customWidth); - } - - if (customHeight !== undefined && Number.parseInt(customHeight) !== Number.parseInt(currentHeight)) { - setCurrentHeight(customHeight); - } - }, [customWidth, customHeight]); - - const updateDimension = (dimension, value) => { - if (dimension === 'width') { - setCurrentWidth(value); - } else { - setCurrentHeight(value); - } - - onChange({ - [dimension]: value === '' ? undefined : parseInt(value, 10) - }); - }; - - const updateDimensions = (nextHeight, nextWidth) => { - setCurrentHeight(nextHeight !== null && nextHeight !== void 0 ? nextHeight : defaultHeight); - setCurrentWidth(nextWidth !== null && nextWidth !== void 0 ? nextWidth : defaultWidth); - onChange({ - height: nextHeight, - width: nextWidth - }); - }; - - return { - currentHeight, - currentWidth, - updateDimension, - updateDimensions - }; -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-size-control/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - -const IMAGE_SIZE_PRESETS = [25, 50, 75, 100]; - -const image_size_control_noop = () => {}; - -function ImageSizeControl(_ref) { - let { - imageSizeHelp, - imageWidth, - imageHeight, - imageSizeOptions = [], - isResizable = true, - slug, - width, - height, - onChange, - onChangeImage = image_size_control_noop - } = _ref; - const { - currentHeight, - currentWidth, - updateDimension, - updateDimensions - } = useDimensionHandler(height, width, imageHeight, imageWidth, onChange); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !(0,external_lodash_namespaceObject.isEmpty)(imageSizeOptions) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Image size'), - value: slug, - options: imageSizeOptions, - onChange: onChangeImage, - help: imageSizeHelp - }), isResizable && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-image-size-control" - }, (0,external_wp_element_namespaceObject.createElement)("p", { - className: "block-editor-image-size-control__row" - }, (0,external_wp_i18n_namespaceObject.__)('Image dimensions')), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-image-size-control__row" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { - type: "number", - className: "block-editor-image-size-control__width", - label: (0,external_wp_i18n_namespaceObject.__)('Width'), - value: currentWidth, - min: 1, - onChange: value => updateDimension('width', value) - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { - type: "number", - className: "block-editor-image-size-control__height", - label: (0,external_wp_i18n_namespaceObject.__)('Height'), - value: currentHeight, - min: 1, - onChange: value => updateDimension('height', value) - })), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-image-size-control__row" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, { - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Image size presets') - }, IMAGE_SIZE_PRESETS.map(scale => { - const scaledWidth = Math.round(imageWidth * (scale / 100)); - const scaledHeight = Math.round(imageHeight * (scale / 100)); - const isCurrent = currentWidth === scaledWidth && currentHeight === scaledHeight; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: scale, - isSmall: true, - variant: isCurrent ? 'primary' : undefined, - isPressed: isCurrent, - onClick: () => updateDimensions(scaledHeight, scaledWidth) - }, scale, "%"); - })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - isSmall: true, - onClick: () => updateDimensions() - }, (0,external_wp_i18n_namespaceObject.__)('Reset'))))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js - - -/** - * WordPress dependencies - */ - -const keyboardReturn = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "-2 -2 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" -})); -/* harmony default export */ var keyboard_return = (keyboardReturn); +}; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/settings-drawer.js @@ -46249,7 +39396,6 @@ var lib_default = /*#__PURE__*/__webpack_require__.n(dom_scroll_into_view_lib); */ - /** * WordPress dependencies */ @@ -46261,6 +39407,7 @@ var lib_default = /*#__PURE__*/__webpack_require__.n(dom_scroll_into_view_lib); + /** * Internal dependencies */ @@ -46288,12 +39435,14 @@ class URLInput extends external_wp_element_namespaceObject.Component { this.bindSuggestionNode = this.bindSuggestionNode.bind(this); this.autocompleteRef = props.autocompleteRef || (0,external_wp_element_namespaceObject.createRef)(); this.inputRef = (0,external_wp_element_namespaceObject.createRef)(); - this.updateSuggestions = (0,external_lodash_namespaceObject.debounce)(this.updateSuggestions.bind(this), 200); + this.updateSuggestions = (0,external_wp_compose_namespaceObject.debounce)(this.updateSuggestions.bind(this), 200); this.suggestionNodes = []; - this.isUpdatingSuggestions = false; + this.suggestionsRequest = null; this.state = { suggestions: [], showSuggestions: false, + isUpdatingSuggestions: false, + suggestionsValue: null, selectedSuggestion: null, suggestionsListboxId: '', suggestionOptionIdPrefix: '' @@ -46322,7 +39471,7 @@ class URLInput extends external_wp_element_namespaceObject.Component { } // Update suggestions when the value changes. - if (prevProps.value !== value && !this.props.disableSuggestions && !this.isUpdatingSuggestions) { + if (prevProps.value !== value && !this.props.disableSuggestions && !this.state.isUpdatingSuggestions) { if (value !== null && value !== void 0 && value.length) { // If the new value is not empty we need to update with suggestions for it. this.updateSuggestions(value); @@ -46343,7 +39492,7 @@ class URLInput extends external_wp_element_namespaceObject.Component { var _this$suggestionsRequ, _this$suggestionsRequ2; (_this$suggestionsRequ = this.suggestionsRequest) === null || _this$suggestionsRequ === void 0 ? void 0 : (_this$suggestionsRequ2 = _this$suggestionsRequ.cancel) === null || _this$suggestionsRequ2 === void 0 ? void 0 : _this$suggestionsRequ2.call(_this$suggestionsRequ); - delete this.suggestionsRequest; + this.suggestionsRequest = null; } bindSuggestionNode(index) { @@ -46353,14 +39502,11 @@ class URLInput extends external_wp_element_namespaceObject.Component { } shouldShowInitialSuggestions() { - const { - suggestions - } = this.state; const { __experimentalShowInitialSuggestions = false, value } = this.props; - return !this.isUpdatingSuggestions && __experimentalShowInitialSuggestions && !(value && value.length) && !(suggestions && suggestions.length); + return __experimentalShowInitialSuggestions && !(value && value.length); } updateSuggestions() { @@ -46387,16 +39533,22 @@ class URLInput extends external_wp_element_namespaceObject.Component { // - this is a direct entry (eg: a URL) if (!isInitialSuggestions && (value.length < 2 || !handleURLSuggestions && (0,external_wp_url_namespaceObject.isURL)(value))) { + var _this$suggestionsRequ3, _this$suggestionsRequ4; + + (_this$suggestionsRequ3 = this.suggestionsRequest) === null || _this$suggestionsRequ3 === void 0 ? void 0 : (_this$suggestionsRequ4 = _this$suggestionsRequ3.cancel) === null || _this$suggestionsRequ4 === void 0 ? void 0 : _this$suggestionsRequ4.call(_this$suggestionsRequ3); + this.suggestionsRequest = null; this.setState({ + suggestions: [], showSuggestions: false, + suggestionsValue: value, selectedSuggestion: null, loading: false }); return; } - this.isUpdatingSuggestions = true; this.setState({ + isUpdatingSuggestions: true, selectedSuggestion: null, loading: true }); @@ -46413,6 +39565,8 @@ class URLInput extends external_wp_element_namespaceObject.Component { this.setState({ suggestions, + isUpdatingSuggestions: false, + suggestionsValue: value, loading: false, showSuggestions: !!suggestions.length }); @@ -46424,15 +39578,15 @@ class URLInput extends external_wp_element_namespaceObject.Component { } else { this.props.debouncedSpeak((0,external_wp_i18n_namespaceObject.__)('No results.'), 'assertive'); } - - this.isUpdatingSuggestions = false; }).catch(() => { - if (this.suggestionsRequest === request) { - this.setState({ - loading: false - }); - this.isUpdatingSuggestions = false; + if (this.suggestionsRequest !== request) { + return; } + + this.setState({ + isUpdatingSuggestions: false, + loading: false + }); }); // Note that this assignment is handled *before* the async search request // as a Promise always resolves on the next tick of the event loop. @@ -46440,12 +39594,7 @@ class URLInput extends external_wp_element_namespaceObject.Component { } onChange(event) { - const inputValue = event.target.value; - this.props.onChange(inputValue); - - if (!this.props.disableSuggestions) { - this.updateSuggestions(inputValue); - } + this.props.onChange(event.target.value); } onFocus() { @@ -46458,7 +39607,7 @@ class URLInput extends external_wp_element_namespaceObject.Component { } = this.props; // When opening the link editor, if there's a value present, we want to load the suggestions pane with the results for this input search value // Don't re-run the suggestions on focus if there are already suggestions present (prevents searching again when tabbing between the input and buttons) - if (value && !disableSuggestions && !this.isUpdatingSuggestions && !(suggestions && suggestions.length)) { + if (value && !disableSuggestions && !this.state.isUpdatingSuggestions && !(suggestions && suggestions.length)) { // Ensure the suggestions are updated with the current input value. this.updateSuggestions(value); } @@ -46623,6 +39772,8 @@ class URLInput extends external_wp_element_namespaceObject.Component { renderControl() { const { + /** Start opting into the new margin-free styles that will become the default in a future version. */ + __nextHasNoMarginBottom = false, label = null, className, isFullWidth, @@ -46671,24 +39822,38 @@ class URLInput extends external_wp_element_namespaceObject.Component { return renderControl(controlProps, inputProps, loading); } - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, controlProps, (0,external_wp_element_namespaceObject.createElement)("input", inputProps), loading && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)); + if (!__nextHasNoMarginBottom) { + external_wp_deprecated_default()('Bottom margin styles for wp.blockEditor.URLInput', { + since: '6.2', + version: '6.5', + hint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version' + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, _extends({ + __nextHasNoMarginBottom: __nextHasNoMarginBottom + }, controlProps), (0,external_wp_element_namespaceObject.createElement)("input", inputProps), loading && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)); } renderSuggestions() { const { className, - __experimentalRenderSuggestions: renderSuggestions, - value = '', - __experimentalShowInitialSuggestions = false + __experimentalRenderSuggestions: renderSuggestions } = this.props; const { showSuggestions, suggestions, + suggestionsValue, selectedSuggestion, suggestionsListboxId, suggestionOptionIdPrefix, loading } = this.state; + + if (!showSuggestions || suggestions.length === 0) { + return null; + } + const suggestionsListProps = { id: suggestionsListboxId, ref: this.autocompleteRef, @@ -46705,7 +39870,7 @@ class URLInput extends external_wp_element_namespaceObject.Component { }; }; - if (isFunction(renderSuggestions) && showSuggestions && !!suggestions.length) { + if (isFunction(renderSuggestions)) { return renderSuggestions({ suggestions, selectedSuggestion, @@ -46713,26 +39878,23 @@ class URLInput extends external_wp_element_namespaceObject.Component { buildSuggestionItemProps, isLoading: loading, handleSuggestionClick: this.handleOnClick, - isInitialSuggestions: __experimentalShowInitialSuggestions && !(value && value.length) + isInitialSuggestions: !(suggestionsValue !== null && suggestionsValue !== void 0 && suggestionsValue.length), + currentInputValue: suggestionsValue }); } - if (!isFunction(renderSuggestions) && showSuggestions && !!suggestions.length) { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { - position: "bottom", - focusOnMount: false - }, (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, suggestionsListProps, { - className: classnames_default()('block-editor-url-input__suggestions', `${className}__suggestions`) - }), suggestions.map((suggestion, index) => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({}, buildSuggestionItemProps(suggestion, index), { - key: suggestion.id, - className: classnames_default()('block-editor-url-input__suggestion', { - 'is-selected': index === selectedSuggestion - }), - onClick: () => this.handleOnClick(suggestion) - }), suggestion.title)))); - } - - return null; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { + placement: "bottom", + focusOnMount: false + }, (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, suggestionsListProps, { + className: classnames_default()('block-editor-url-input__suggestions', `${className}__suggestions`) + }), suggestions.map((suggestion, index) => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({}, buildSuggestionItemProps(suggestion, index), { + key: suggestion.id, + className: classnames_default()('block-editor-url-input__suggestion', { + 'is-selected': index === selectedSuggestion + }), + onClick: () => this.handleOnClick(suggestion) + }), suggestion.title)))); } } @@ -46828,6 +39990,21 @@ const postList = (0,external_wp_element_namespaceObject.createElement)(external_ })); /* harmony default export */ var post_list = (postList); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/page.js + + +/** + * WordPress dependencies + */ + +const page = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M7 5.5h10a.5.5 0 01.5.5v12a.5.5 0 01-.5.5H7a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM17 4H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V6a2 2 0 00-2-2zm-1 3.75H8v1.5h8v-1.5zM8 11h8v1.5H8V11zm6 3.25H8v1.5h6v-1.5z" +})); +/* harmony default export */ var library_page = (page); + ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/tag.js @@ -47317,7 +40494,6 @@ const LinkControlSearchInput = (0,external_wp_element_namespaceObject.forwardRef const handleRenderSuggestions = props => renderSuggestions({ ...props, instanceId, withCreateSuggestion, - currentInputValue: value, createSuggestionButtonText, suggestionsQuery, handleSuggestionClick: suggestion => { @@ -47352,7 +40528,7 @@ const LinkControlSearchInput = (0,external_wp_element_namespaceObject.forwardRef id, url, ...restLinkProps - } = currentLink; + } = currentLink !== null && currentLink !== void 0 ? currentLink : {}; onSelect( // Some direct entries don't have types or IDs, and we still need to clear the previous ones. { ...restLinkProps, ...suggestion @@ -47366,6 +40542,7 @@ const LinkControlSearchInput = (0,external_wp_element_namespaceObject.forwardRef return (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-link-control__search-input-container" }, (0,external_wp_element_namespaceObject.createElement)(url_input, { + __nextHasNoMarginBottom: true, label: useLabel ? 'URL' : undefined, className: inputClasses, value: value, @@ -47732,6 +40909,25 @@ const makeCancelable = promise => { }; }; +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/use-internal-input-value.js +/** + * WordPress dependencies + */ + +function useInternalInputValue(value) { + const [internalInputValue, setInternalInputValue] = (0,external_wp_element_namespaceObject.useState)(value || ''); + (0,external_wp_element_namespaceObject.useEffect)(() => { + /** + * If the value changes then sync this + * back up with state. + */ + if (value && value !== internalInputValue) { + setInternalInputValue(value); + } + }, [value]); + return [internalInputValue, setInternalInputValue]; +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/index.js @@ -47748,7 +40944,6 @@ const makeCancelable = promise => { - /** * Internal dependencies */ @@ -47759,6 +40954,7 @@ const makeCancelable = promise => { + /** * Default properties associated with a link control value. * @@ -47830,6 +41026,7 @@ const makeCancelable = promise => { * @property {boolean=} withCreateSuggestion Whether to allow creation of link value from suggestion. * @property {Object=} suggestionsQuery Query parameters to pass along to wp.blockEditor.__experimentalFetchLinkSuggestions. * @property {boolean=} noURLSuggestion Whether to add a fallback suggestion which treats the search query as a URL. + * @property {boolean=} hasTextControl Whether to add a text field to the UI to update the value.title. * @property {string|Function|undefined} createSuggestionButtonText The text to use in the button that calls createSuggestion. * @property {Function} renderControlBottom Optional controls to be rendered at the bottom of the component. */ @@ -47845,7 +41042,7 @@ const link_control_noop = () => {}; function LinkControl(_ref) { - var _currentInputValue$tr, _value$url, _value$url$trim; + var _value$url, _value$url$trim, _currentUrlInputValue; let { searchInputPlaceholder, @@ -47853,6 +41050,7 @@ function LinkControl(_ref) { settings = DEFAULT_LINK_SETTINGS, onChange = link_control_noop, onRemove, + onCancel, noDirectEntry = false, showSuggestions = true, showInitialSuggestions, @@ -47875,12 +41073,10 @@ function LinkControl(_ref) { const isMounting = (0,external_wp_element_namespaceObject.useRef)(true); const wrapperNode = (0,external_wp_element_namespaceObject.useRef)(); const textInputRef = (0,external_wp_element_namespaceObject.useRef)(); - const [internalInputValue, setInternalInputValue] = (0,external_wp_element_namespaceObject.useState)((value === null || value === void 0 ? void 0 : value.url) || ''); - const [internalTextValue, setInternalTextValue] = (0,external_wp_element_namespaceObject.useState)((value === null || value === void 0 ? void 0 : value.title) || ''); - const currentInputValue = propInputValue || internalInputValue; - const [isEditingLink, setIsEditingLink] = (0,external_wp_element_namespaceObject.useState)(forceIsEditingLink !== undefined ? forceIsEditingLink : !value || !value.url); const isEndingEditWithFocus = (0,external_wp_element_namespaceObject.useRef)(false); - const currentInputIsEmpty = !(currentInputValue !== null && currentInputValue !== void 0 && (_currentInputValue$tr = currentInputValue.trim()) !== null && _currentInputValue$tr !== void 0 && _currentInputValue$tr.length); + const [internalUrlInputValue, setInternalUrlInputValue] = useInternalInputValue((value === null || value === void 0 ? void 0 : value.url) || ''); + const [internalTextInputValue, setInternalTextInputValue] = useInternalInputValue((value === null || value === void 0 ? void 0 : value.title) || ''); + const [isEditingLink, setIsEditingLink] = (0,external_wp_element_namespaceObject.useState)(forceIsEditingLink !== undefined ? forceIsEditingLink : !value || !value.url); const { createPage, isCreatingPage, @@ -47915,48 +41111,31 @@ function LinkControl(_ref) { nextFocusTarget.focus(); isEndingEditWithFocus.current = false; }, [isEditingLink, isCreatingPage]); - (0,external_wp_element_namespaceObject.useEffect)(() => { - /** - * If the value's `text` property changes then sync this - * back up with state. - */ - if (value !== null && value !== void 0 && value.title && value.title !== internalTextValue) { - setInternalTextValue(value.title); - } - /** - * Update the state value internalInputValue if the url value changes - * for example when clicking on another anchor - */ - - - if (value !== null && value !== void 0 && value.url) { - setInternalInputValue(value.url); - } - }, [value]); + const hasLinkValue = (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; /** * Cancels editing state and marks that focus may need to be restored after * the next render, if focus was within the wrapper when editing finished. */ - function stopEditing() { + const stopEditing = () => { var _wrapperNode$current; isEndingEditWithFocus.current = !!((_wrapperNode$current = wrapperNode.current) !== null && _wrapperNode$current !== void 0 && _wrapperNode$current.contains(wrapperNode.current.ownerDocument.activeElement)); setIsEditingLink(false); - } + }; const handleSelectSuggestion = updatedValue => { onChange({ ...updatedValue, - title: internalTextValue || (updatedValue === null || updatedValue === void 0 ? void 0 : updatedValue.title) + title: internalTextInputValue || (updatedValue === null || updatedValue === void 0 ? void 0 : updatedValue.title) }); stopEditing(); }; const handleSubmit = () => { - if (currentInputValue !== (value === null || value === void 0 ? void 0 : value.url) || internalTextValue !== (value === null || value === void 0 ? void 0 : value.title)) { + if (currentUrlInputValue !== (value === null || value === void 0 ? void 0 : value.url) || internalTextInputValue !== (value === null || value === void 0 ? void 0 : value.title)) { onChange({ ...value, - url: currentInputValue, - title: internalTextValue + url: currentUrlInputValue, + title: internalTextInputValue }); } @@ -47975,38 +41154,64 @@ function LinkControl(_ref) { } }; + const resetInternalValues = () => { + setInternalUrlInputValue(value === null || value === void 0 ? void 0 : value.url); + setInternalTextInputValue(value === null || value === void 0 ? void 0 : value.title); + }; + + const handleCancel = event => { + event.preventDefault(); + event.stopPropagation(); // Ensure that any unsubmitted input changes are reset. + + resetInternalValues(); + + if (hasLinkValue) { + // If there is a link then exist editing mode and show preview. + stopEditing(); + } else { + // If there is no link value, then remove the link entirely. + onRemove === null || onRemove === void 0 ? void 0 : onRemove(); + } + + onCancel === null || onCancel === void 0 ? void 0 : onCancel(); + }; + + const currentUrlInputValue = propInputValue || internalUrlInputValue; + const currentInputIsEmpty = !(currentUrlInputValue !== null && currentUrlInputValue !== void 0 && (_currentUrlInputValue = currentUrlInputValue.trim()) !== null && _currentUrlInputValue !== void 0 && _currentUrlInputValue.length); const shownUnlinkControl = onRemove && value && !isEditingLink && !isCreatingPage; const showSettingsDrawer = !!(settings !== null && settings !== void 0 && settings.length); // Only show text control once a URL value has been committed // and it isn't just empty whitespace. // See https://github.com/WordPress/gutenberg/pull/33849/#issuecomment-932194927. - 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; + const showTextControl = hasLinkValue && hasTextControl; + const isEditing = (isEditingLink || !value) && !isCreatingPage; return (0,external_wp_element_namespaceObject.createElement)("div", { tabIndex: -1, ref: wrapperNode, className: "block-editor-link-control" }, isCreatingPage && (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-link-control__loading" - }, (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", { + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), " ", (0,external_wp_i18n_namespaceObject.__)('Creating'), "\u2026"), isEditing && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { className: classnames_default()({ 'block-editor-link-control__search-input-wrapper': true, 'has-text-control': showTextControl }) }, showTextControl && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, ref: textInputRef, className: "block-editor-link-control__field block-editor-link-control__text-content", label: "Text", - value: internalTextValue, - onChange: setInternalTextValue, + value: internalTextInputValue, + onChange: setInternalTextInputValue, onKeyDown: handleSubmitWithEnter }), (0,external_wp_element_namespaceObject.createElement)(search_input, { currentLink: value, className: "block-editor-link-control__field block-editor-link-control__search-input", placeholder: searchInputPlaceholder, - value: currentInputValue, + value: currentUrlInputValue, withCreateSuggestion: withCreateSuggestion, onCreateSuggestion: createPage, - onChange: setInternalInputValue, + onChange: setInternalUrlInputValue, onSelect: handleSelectSuggestion, showInitialSuggestions: showInitialSuggestions, allowDirectEntry: !noDirectEntry, @@ -48015,16 +41220,7 @@ function LinkControl(_ref) { withURLSuggestion: !noURLSuggestion, createSuggestionButtonText: createSuggestionButtonText, useLabel: showTextControl - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "block-editor-link-control__search-actions" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - onClick: handleSubmit, - label: (0,external_wp_i18n_namespaceObject.__)('Submit'), - icon: keyboard_return, - className: "block-editor-link-control__search-submit", - disabled: currentInputIsEmpty // Disallow submitting empty values. - - })))), errorMessage && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, { + })), errorMessage && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, { className: "block-editor-link-control__search-error", status: "error", isDismissible: false @@ -48036,18 +41232,14404 @@ function LinkControl(_ref) { hasRichPreviews: hasRichPreviews, hasUnlinkControl: shownUnlinkControl, onRemove: onRemove - }), showSettingsDrawer && (0,external_wp_element_namespaceObject.createElement)("div", { + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-link-control__drawer" + }, showSettingsDrawer && (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-link-control__tools" }, (0,external_wp_element_namespaceObject.createElement)(settings_drawer, { value: value, settings: settings, onChange: onChange - })), renderControlBottom && renderControlBottom()); + })), isEditing && (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-link-control__search-actions" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "primary", + onClick: handleSubmit, + className: "xblock-editor-link-control__search-submit", + disabled: currentInputIsEmpty // Disallow submitting empty values. + + }, (0,external_wp_i18n_namespaceObject.__)('Apply')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "tertiary", + onClick: handleCancel + }, (0,external_wp_i18n_namespaceObject.__)('Cancel')))), renderControlBottom && renderControlBottom()); } LinkControl.ViewerFill = ViewerFill; /* harmony default export */ var link_control = (LinkControl); +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/link-ui.js + +// Note: this file is copied directly from packages/block-library/src/navigation-link/link-ui.js + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + +/** + * Given the Link block's type attribute, return the query params to give to + * /wp/v2/search. + * + * @param {string} type Link block's type attribute. + * @param {string} kind Link block's entity of kind (post-type|taxonomy) + * @return {{ type?: string, subtype?: string }} Search query params. + */ + +function getSuggestionsQuery(type, kind) { + switch (type) { + case 'post': + case 'page': + return { + type: 'post', + subtype: type + }; + + case 'category': + return { + type: 'term', + subtype: 'category' + }; + + case 'tag': + return { + type: 'term', + subtype: 'post_tag' + }; + + case 'post_format': + return { + type: 'post-format' + }; + + default: + if (kind === 'taxonomy') { + return { + type: 'term', + subtype: type + }; + } + + if (kind === 'post-type') { + return { + type: 'post', + subtype: type + }; + } + + return {}; + } +} +/** + * Add transforms to Link Control + * + * @param {Object} props Component props. + * @param {string} props.clientId Block client ID. + */ + +function LinkControlTransforms(_ref) { + let { + clientId + } = _ref; + const { + getBlock, + blockTransforms + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlock: _getBlock, + getBlockRootClientId, + getBlockTransformItems + } = select(store); + return { + getBlock: _getBlock, + blockTransforms: getBlockTransformItems(_getBlock(clientId), getBlockRootClientId(clientId)) + }; + }, [clientId]); + const { + replaceBlock + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const featuredBlocks = ['core/page-list', 'core/site-logo', 'core/social-links', 'core/search']; + const transforms = blockTransforms.filter(item => { + return featuredBlocks.includes(item.name); + }); + + if (!(transforms !== null && transforms !== void 0 && transforms.length)) { + return null; + } + + if (!clientId) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "link-control-transform" + }, (0,external_wp_element_namespaceObject.createElement)("h3", { + className: "link-control-transform__subheading" + }, (0,external_wp_i18n_namespaceObject.__)('Transform')), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "link-control-transform__items" + }, transforms.map(item => { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + key: `transform-${item.name}`, + onClick: () => replaceBlock(clientId, (0,external_wp_blocks_namespaceObject.switchToBlockType)(getBlock(clientId), item.name)), + className: "link-control-transform__item" + }, (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: item.icon + }), item.title); + }))); +} + +function LinkUI(props) { + const { + label, + url, + opensInNewTab, + type, + kind + } = props.link; + const link = { + url, + opensInNewTab, + title: label && (0,external_wp_dom_namespaceObject.__unstableStripHTML)(label) + }; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { + placement: "bottom", + onClose: props.onClose, + anchor: props.anchor, + shift: true + }, (0,external_wp_element_namespaceObject.createElement)(link_control, { + hasTextControl: true, + hasRichPreviews: true, + className: props.className, + value: link, + showInitialSuggestions: true, + withCreateSuggestion: props.hasCreateSuggestion, + noDirectEntry: !!type, + noURLSuggestion: !!type, + suggestionsQuery: getSuggestionsQuery(type, kind), + onChange: props.onChange, + onRemove: props.onRemove, + renderControlBottom: !url ? () => (0,external_wp_element_namespaceObject.createElement)(LinkControlTransforms, { + clientId: props.clientId + }) : null + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/use-inserted-block.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +const useInsertedBlock = insertedBlockClientId => { + const { + insertedBlockAttributes, + insertedBlockName + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockName, + getBlockAttributes + } = select(store); + return { + insertedBlockAttributes: getBlockAttributes(insertedBlockClientId), + insertedBlockName: getBlockName(insertedBlockClientId) + }; + }, [insertedBlockClientId]); + const { + updateBlockAttributes + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + + const setInsertedBlockAttributes = _updatedAttributes => { + if (!insertedBlockClientId) return; + updateBlockAttributes(insertedBlockClientId, _updatedAttributes); + }; + + if (!insertedBlockClientId) { + return { + insertedBlockAttributes: undefined, + insertedBlockName: undefined, + setInsertedBlockAttributes + }; + } + + return { + insertedBlockAttributes, + insertedBlockName, + setInsertedBlockAttributes + }; +}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/block-contents.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + + + + +const BLOCKS_WITH_LINK_UI_SUPPORT = ['core/navigation-link', 'core/navigation-submenu']; +const ListViewBlockContents = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) => { + let { + onClick, + onToggleExpanded, + block, + isSelected, + position, + siblingBlockCount, + level, + isExpanded, + selectedClientIds, + ...props + } = _ref; + const { + clientId + } = block; + const [isLinkUIOpen, setIsLinkUIOpen] = (0,external_wp_element_namespaceObject.useState)(); + const { + blockMovingClientId, + selectedBlockInBlockEditor, + lastInsertedBlockClientId + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + hasBlockMovingClientId, + getSelectedBlockClientId, + getLastInsertedBlocksClientIds + } = experiments_unlock(select(store)); + const lastInsertedBlocksClientIds = getLastInsertedBlocksClientIds(); + return { + blockMovingClientId: hasBlockMovingClientId(), + selectedBlockInBlockEditor: getSelectedBlockClientId(), + lastInsertedBlockClientId: lastInsertedBlocksClientIds && lastInsertedBlocksClientIds[0] + }; + }, [clientId]); + const { + insertedBlockAttributes, + insertedBlockName, + setInsertedBlockAttributes + } = useInsertedBlock(lastInsertedBlockClientId); + const hasExistingLinkValue = insertedBlockAttributes === null || insertedBlockAttributes === void 0 ? void 0 : insertedBlockAttributes.id; + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (clientId === lastInsertedBlockClientId && BLOCKS_WITH_LINK_UI_SUPPORT !== null && BLOCKS_WITH_LINK_UI_SUPPORT !== void 0 && BLOCKS_WITH_LINK_UI_SUPPORT.includes(insertedBlockName) && !hasExistingLinkValue // don't re-show the Link UI if the block already has a link value. + ) { + setIsLinkUIOpen(true); + } + }, [lastInsertedBlockClientId, clientId, insertedBlockName, hasExistingLinkValue]); + const isBlockMoveTarget = blockMovingClientId && selectedBlockInBlockEditor === clientId; + const className = classnames_default()('block-editor-list-view-block-contents', { + 'is-dropping-before': isBlockMoveTarget + }); // Only include all selected blocks if the currently clicked on block + // is one of the selected blocks. This ensures that if a user attempts + // to drag a block that isn't part of the selection, they're still able + // to drag it and rearrange its position. + + const draggableClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId]; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, isLinkUIOpen && (0,external_wp_element_namespaceObject.createElement)(LinkUI, { + clientId: lastInsertedBlockClientId, + link: insertedBlockAttributes, + onClose: () => setIsLinkUIOpen(false), + hasCreateSuggestion: false, + onChange: updatedValue => { + updateAttributes(updatedValue, setInsertedBlockAttributes, insertedBlockAttributes); + setIsLinkUIOpen(false); + } + }), (0,external_wp_element_namespaceObject.createElement)(block_draggable, { + clientIds: draggableClientIds + }, _ref2 => { + let { + draggable, + onDragStart, + onDragEnd + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(block_select_button, _extends({ + ref: ref, + className: className, + block: block, + onClick: onClick, + onToggleExpanded: onToggleExpanded, + isSelected: isSelected, + position: position, + siblingBlockCount: siblingBlockCount, + level: level, + draggable: draggable, + onDragStart: onDragStart, + onDragEnd: onDragEnd, + isExpanded: isExpanded + }, props)); + })); +}); +/* harmony default export */ var block_contents = (ListViewBlockContents); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/context.js +/** + * WordPress dependencies + */ + +const ListViewContext = (0,external_wp_element_namespaceObject.createContext)({}); +const useListViewContext = () => (0,external_wp_element_namespaceObject.useContext)(ListViewContext); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/utils.js +/** + * WordPress dependencies + */ + +const getBlockPositionDescription = (position, siblingCount, level) => (0,external_wp_i18n_namespaceObject.sprintf)( +/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */ +(0,external_wp_i18n_namespaceObject.__)('Block %1$d of %2$d, Level %3$d'), position, siblingCount, level); +/** + * Returns true if the client ID occurs within the block selection or multi-selection, + * or false otherwise. + * + * @param {string} clientId Block client ID. + * @param {string|string[]} selectedBlockClientIds Selected block client ID, or an array of multi-selected blocks client IDs. + * + * @return {boolean} Whether the block is in multi-selection set. + */ + +const isClientIdSelected = (clientId, selectedBlockClientIds) => Array.isArray(selectedBlockClientIds) && selectedBlockClientIds.length ? selectedBlockClientIds.indexOf(clientId) !== -1 : selectedBlockClientIds === clientId; +/** + * From a start and end clientId of potentially different nesting levels, + * return the nearest-depth ids that have a common level of depth in the + * nesting hierarchy. For multiple block selection, this ensure that the + * selection is always at the same nesting level, and not split across + * separate levels. + * + * @param {string} startId The first id of a selection. + * @param {string} endId The end id of a selection, usually one that has been clicked on. + * @param {string[]} startParents An array of ancestor ids for the start id, in descending order. + * @param {string[]} endParents An array of ancestor ids for the end id, in descending order. + * @return {Object} An object containing the start and end ids. + */ + +function getCommonDepthClientIds(startId, endId, startParents, endParents) { + const startPath = [...startParents, startId]; + const endPath = [...endParents, endId]; + const depth = Math.min(startPath.length, endPath.length) - 1; + const start = startPath[depth]; + const end = endPath[depth]; + return { + start, + end + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/block.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + + + +/** + * Internal dependencies + */ + + + + + + + + + + + +function ListViewBlock(_ref) { + let { + block: { + clientId + }, + isDragged, + isSelected, + isBranchSelected, + selectBlock, + position, + level, + rowCount, + siblingBlockCount, + showBlockMovers, + path, + isExpanded, + selectedClientIds, + preventAnnouncement + } = _ref; + const cellRef = (0,external_wp_element_namespaceObject.useRef)(null); + const [isHovered, setIsHovered] = (0,external_wp_element_namespaceObject.useState)(false); + const { + isLocked, + isContentLocked + } = useBlockLock(clientId); + const forceSelectionContentLock = (0,external_wp_data_namespaceObject.useSelect)(select => { + if (isSelected) { + return false; + } + + if (!isContentLocked) { + return false; + } + + return select(store).hasSelectedInnerBlock(clientId, true); + }, [isContentLocked, clientId, isSelected]); + const isFirstSelectedBlock = forceSelectionContentLock || isSelected && selectedClientIds[0] === clientId; + const isLastSelectedBlock = forceSelectionContentLock || isSelected && selectedClientIds[selectedClientIds.length - 1] === clientId; + const { + toggleBlockHighlight + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const blockInformation = useBlockDisplayInformation(clientId); + const block = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlock(clientId), [clientId]); // If ListView has experimental features related to the Persistent List View, + // only focus the selected list item on mount; otherwise the list would always + // try to steal the focus from the editor canvas. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (!isTreeGridMounted && isSelected) { + cellRef.current.focus(); + } + }, []); + const onMouseEnter = (0,external_wp_element_namespaceObject.useCallback)(() => { + setIsHovered(true); + toggleBlockHighlight(clientId, true); + }, [clientId, setIsHovered, toggleBlockHighlight]); + const onMouseLeave = (0,external_wp_element_namespaceObject.useCallback)(() => { + setIsHovered(false); + toggleBlockHighlight(clientId, false); + }, [clientId, setIsHovered, toggleBlockHighlight]); + const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)(event => { + selectBlock(event, clientId); + event.preventDefault(); + }, [clientId, selectBlock]); + const updateSelection = (0,external_wp_element_namespaceObject.useCallback)(newClientId => { + selectBlock(undefined, newClientId); + }, [selectBlock]); + const { + isTreeGridMounted, + expand, + collapse, + LeafMoreMenu + } = useListViewContext(); + const toggleExpanded = (0,external_wp_element_namespaceObject.useCallback)(event => { + // Prevent shift+click from opening link in a new window when toggling. + event.preventDefault(); + event.stopPropagation(); + + if (isExpanded === true) { + collapse(clientId); + } else if (isExpanded === false) { + expand(clientId); + } + }, [clientId, expand, collapse, isExpanded]); + const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(ListViewBlock); + + if (!block) { + return null; + } // When a block hides its toolbar it also hides the block settings menu, + // since that menu is part of the toolbar in the editor canvas. + // List View respects this by also hiding the block settings menu. + + + const showBlockActions = !!block && (0,external_wp_blocks_namespaceObject.hasBlockSupport)(block.name, '__experimentalToolbar', true); + const descriptionId = `list-view-block-select-button__${instanceId}`; + const blockPositionDescription = getBlockPositionDescription(position, siblingBlockCount, level); + + let blockAriaLabel = (0,external_wp_i18n_namespaceObject.__)('Link'); + + if (blockInformation) { + blockAriaLabel = isLocked ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. This string indicates a link to select the locked block. + (0,external_wp_i18n_namespaceObject.__)('%s link (locked)'), blockInformation.title) : (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. This string indicates a link to select the block. + (0,external_wp_i18n_namespaceObject.__)('%s link'), blockInformation.title); + } + + const settingsAriaLabel = blockInformation ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. + (0,external_wp_i18n_namespaceObject.__)('Options for %s block'), blockInformation.title) : (0,external_wp_i18n_namespaceObject.__)('Options'); + const hasSiblings = siblingBlockCount > 0; + const hasRenderedMovers = showBlockMovers && hasSiblings; + const moverCellClassName = classnames_default()('block-editor-list-view-block__mover-cell', { + 'is-visible': isHovered || isSelected + }); + const listViewBlockSettingsClassName = classnames_default()('block-editor-list-view-block__menu-cell', { + 'is-visible': isHovered || isFirstSelectedBlock + }); + let colSpan; + + if (hasRenderedMovers) { + colSpan = 1; + } else if (!showBlockActions) { + colSpan = 2; + } + + const classes = classnames_default()({ + 'is-selected': isSelected || forceSelectionContentLock, + 'is-first-selected': isFirstSelectedBlock, + 'is-last-selected': isLastSelectedBlock, + 'is-branch-selected': isBranchSelected, + 'is-dragging': isDragged, + 'has-single-cell': !showBlockActions + }); // Only include all selected blocks if the currently clicked on block + // is one of the selected blocks. This ensures that if a user attempts + // to alter a block that isn't part of the selection, they're still able + // to do so. + + const dropdownClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId]; + const MoreMenuComponent = LeafMoreMenu ? LeafMoreMenu : block_settings_dropdown; + return (0,external_wp_element_namespaceObject.createElement)(ListViewLeaf, { + className: classes, + onMouseEnter: onMouseEnter, + onMouseLeave: onMouseLeave, + onFocus: onMouseEnter, + onBlur: onMouseLeave, + level: level, + position: position, + rowCount: rowCount, + path: path, + id: `list-view-block-${clientId}`, + "data-block": clientId, + isExpanded: isContentLocked ? undefined : isExpanded, + "aria-selected": !!isSelected || forceSelectionContentLock + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { + className: "block-editor-list-view-block__contents-cell", + colSpan: colSpan, + ref: cellRef, + "aria-label": blockAriaLabel, + "aria-selected": !!isSelected || forceSelectionContentLock, + "aria-expanded": isContentLocked ? undefined : isExpanded, + "aria-describedby": descriptionId + }, _ref2 => { + let { + ref, + tabIndex, + onFocus + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-list-view-block__contents-container" + }, (0,external_wp_element_namespaceObject.createElement)(block_contents, { + block: block, + onClick: selectEditorBlock, + onToggleExpanded: toggleExpanded, + isSelected: isSelected, + position: position, + siblingBlockCount: siblingBlockCount, + level: level, + ref: ref, + tabIndex: tabIndex, + onFocus: onFocus, + isExpanded: isExpanded, + selectedClientIds: selectedClientIds, + preventAnnouncement: preventAnnouncement + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-list-view-block-select-button__description", + id: descriptionId + }, blockPositionDescription)); + }), hasRenderedMovers && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { + className: moverCellClassName, + withoutGridItem: true + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridItem, null, _ref3 => { + let { + ref, + tabIndex, + onFocus + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)(BlockMoverUpButton, { + orientation: "vertical", + clientIds: [clientId], + ref: ref, + tabIndex: tabIndex, + onFocus: onFocus + }); + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridItem, null, _ref4 => { + let { + ref, + tabIndex, + onFocus + } = _ref4; + return (0,external_wp_element_namespaceObject.createElement)(BlockMoverDownButton, { + orientation: "vertical", + clientIds: [clientId], + ref: ref, + tabIndex: tabIndex, + onFocus: onFocus + }); + }))), showBlockActions && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { + className: listViewBlockSettingsClassName, + "aria-selected": !!isSelected || forceSelectionContentLock + }, _ref5 => { + let { + ref, + tabIndex, + onFocus + } = _ref5; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(MoreMenuComponent, { + clientIds: dropdownClientIds, + block: block, + clientId: clientId, + icon: more_vertical, + label: settingsAriaLabel, + toggleProps: { + ref, + className: 'block-editor-list-view-block__menu', + tabIndex, + onFocus + }, + disableOpenOnArrowDown: true, + __experimentalSelectBlock: updateSelection + })); + }))); +} + +/* harmony default export */ var off_canvas_editor_block = ((0,external_wp_element_namespaceObject.memo)(ListViewBlock)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/branch.js + + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + + +/** + * Given a block, returns the total number of blocks in that subtree. This is used to help determine + * the list position of a block. + * + * When a block is collapsed, we do not count their children as part of that total. In the current drag + * implementation dragged blocks and their children are not counted. + * + * @param {Object} block block tree + * @param {Object} expandedState state that notes which branches are collapsed + * @param {Array} draggedClientIds a list of dragged client ids + * @param {boolean} isExpandedByDefault flag to determine the default fallback expanded state. + * @return {number} block count + */ + +function countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault) { + var _expandedState$block$; + + const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId); + + if (isDragged) { + return 0; + } + + const isExpanded = (_expandedState$block$ = expandedState[block.clientId]) !== null && _expandedState$block$ !== void 0 ? _expandedState$block$ : isExpandedByDefault; + + if (isExpanded) { + return 1 + block.innerBlocks.reduce(countReducer(expandedState, draggedClientIds, isExpandedByDefault), 0); + } + + return 1; +} + +const countReducer = (expandedState, draggedClientIds, isExpandedByDefault) => (count, block) => { + var _expandedState$block$2; + + const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId); + + if (isDragged) { + return count; + } + + const isExpanded = (_expandedState$block$2 = expandedState[block.clientId]) !== null && _expandedState$block$2 !== void 0 ? _expandedState$block$2 : isExpandedByDefault; + + if (isExpanded && block.innerBlocks.length > 0) { + return count + countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault); + } + + return count + 1; +}; + +const branch_noop = () => {}; + +function ListViewBranch(props) { + const { + blocks, + selectBlock = branch_noop, + showBlockMovers, + selectedClientIds, + level = 1, + path = '', + isBranchSelected = false, + listPosition = 0, + fixedListWindow, + isExpanded, + parentId, + shouldShowInnerBlocks = true + } = props; + const isContentLocked = (0,external_wp_data_namespaceObject.useSelect)(select => { + return !!(parentId && select(store).getTemplateLock(parentId) === 'contentOnly'); + }, [parentId]); + const { + expandedState, + draggedClientIds + } = useListViewContext(); + + if (isContentLocked) { + return null; + } // Only show the appender at the first level. + + + const showAppender = level === 1; + const filteredBlocks = blocks.filter(Boolean); + const blockCount = filteredBlocks.length; // The appender means an extra row in List View, so add 1 to the row count. + + const rowCount = showAppender ? blockCount + 1 : blockCount; + let nextPosition = listPosition; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, filteredBlocks.map((block, index) => { + var _expandedState$client; + + const { + clientId, + innerBlocks + } = block; + + if (index > 0) { + nextPosition += countBlocks(filteredBlocks[index - 1], expandedState, draggedClientIds, isExpanded); + } + + const { + itemInView + } = fixedListWindow; + const blockInView = itemInView(nextPosition); + const position = index + 1; + const updatedPath = path.length > 0 ? `${path}_${position}` : `${position}`; + const hasNestedBlocks = !!(innerBlocks !== null && innerBlocks !== void 0 && innerBlocks.length); + const shouldExpand = hasNestedBlocks && shouldShowInnerBlocks ? (_expandedState$client = expandedState[clientId]) !== null && _expandedState$client !== void 0 ? _expandedState$client : isExpanded : undefined; + const isDragged = !!(draggedClientIds !== null && draggedClientIds !== void 0 && draggedClientIds.includes(clientId)); + const showBlock = isDragged || blockInView; // Make updates to the selected or dragged blocks synchronous, + // but asynchronous for any other block. + + const isSelected = isClientIdSelected(clientId, selectedClientIds); + const isSelectedBranch = isBranchSelected || isSelected && hasNestedBlocks; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { + key: clientId, + value: !isSelected + }, showBlock && (0,external_wp_element_namespaceObject.createElement)(off_canvas_editor_block, { + block: block, + selectBlock: selectBlock, + isSelected: isSelected, + isBranchSelected: isSelectedBranch, + isDragged: isDragged, + level: level, + position: position, + rowCount: rowCount, + siblingBlockCount: blockCount, + showBlockMovers: showBlockMovers, + path: updatedPath, + isExpanded: shouldExpand, + listPosition: nextPosition, + selectedClientIds: selectedClientIds + }), !showBlock && (0,external_wp_element_namespaceObject.createElement)("tr", null, (0,external_wp_element_namespaceObject.createElement)("td", { + className: "block-editor-list-view-placeholder" + })), hasNestedBlocks && shouldExpand && !isDragged && (0,external_wp_element_namespaceObject.createElement)(ListViewBranch, { + parentId: clientId, + blocks: innerBlocks, + selectBlock: selectBlock, + showBlockMovers: showBlockMovers, + level: level + 1, + path: updatedPath, + listPosition: nextPosition + 1, + fixedListWindow: fixedListWindow, + isBranchSelected: isSelectedBranch, + selectedClientIds: selectedClientIds, + isExpanded: isExpanded + })); + }), showAppender && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridRow, { + level: level, + setSize: rowCount, + positionInSet: rowCount, + isExpanded: true + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, null, treeGridCellProps => (0,external_wp_element_namespaceObject.createElement)(Appender, _extends({ + nestingLevel: level, + blockCount: blockCount + }, treeGridCellProps))))); +} + +/* harmony default export */ var branch = ((0,external_wp_element_namespaceObject.memo)(ListViewBranch)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/drop-indicator.js + + +/** + * WordPress dependencies + */ + + +function ListViewDropIndicator(_ref) { + let { + listViewRef, + blockDropTarget + } = _ref; + const { + rootClientId, + clientId, + dropPosition + } = blockDropTarget || {}; + const [rootBlockElement, blockElement] = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (!listViewRef.current) { + return []; + } // The rootClientId will be defined whenever dropping into inner + // block lists, but is undefined when dropping at the root level. + + + const _rootBlockElement = rootClientId ? listViewRef.current.querySelector(`[data-block="${rootClientId}"]`) : undefined; // The clientId represents the sibling block, the dragged block will + // usually be inserted adjacent to it. It will be undefined when + // dropping a block into an empty block list. + + + const _blockElement = clientId ? listViewRef.current.querySelector(`[data-block="${clientId}"]`) : undefined; + + return [_rootBlockElement, _blockElement]; + }, [rootClientId, clientId]); // The targetElement is the element that the drop indicator will appear + // before or after. When dropping into an empty block list, blockElement + // is undefined, so the indicator will appear after the rootBlockElement. + + const targetElement = blockElement || rootBlockElement; + const getDropIndicatorIndent = (0,external_wp_element_namespaceObject.useCallback)(() => { + if (!rootBlockElement) { + return 0; + } // Calculate the indent using the block icon of the root block. + // Using a classname selector here might be flaky and could be + // improved. + + + const targetElementRect = targetElement.getBoundingClientRect(); + const rootBlockIconElement = rootBlockElement.querySelector('.block-editor-block-icon'); + const rootBlockIconRect = rootBlockIconElement.getBoundingClientRect(); + return rootBlockIconRect.right - targetElementRect.left; + }, [rootBlockElement, targetElement]); + const style = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (!targetElement) { + return {}; + } + + const indent = getDropIndicatorIndent(); + return { + width: targetElement.offsetWidth - indent + }; + }, [getDropIndicatorIndent, targetElement]); + const popoverAnchor = (0,external_wp_element_namespaceObject.useMemo)(() => { + const isValidDropPosition = dropPosition === 'top' || dropPosition === 'bottom' || dropPosition === 'inside'; + + if (!targetElement || !isValidDropPosition) { + return undefined; + } + + return { + ownerDocument: targetElement.ownerDocument, + + getBoundingClientRect() { + const rect = targetElement.getBoundingClientRect(); + const indent = getDropIndicatorIndent(); + const left = rect.left + indent; + const right = rect.right; + let top = 0; + let bottom = 0; + + if (dropPosition === 'top') { + top = rect.top; + bottom = rect.top; + } else { + // `dropPosition` is either `bottom` or `inside` + top = rect.bottom; + bottom = rect.bottom; + } + + const width = right - left; + const height = bottom - top; + return new window.DOMRect(left, top, width, height); + } + + }; + }, [targetElement, dropPosition, getDropIndicatorIndent]); + + if (!targetElement) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { + animate: false, + anchor: popoverAnchor, + focusOnMount: false, + className: "block-editor-list-view-drop-indicator", + variant: "unstyled" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + style: style, + className: "block-editor-list-view-drop-indicator__line" + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/use-block-selection.js +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + +function useBlockSelection() { + const { + clearSelectedBlock, + multiSelect, + selectBlock + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + getBlockName, + getBlockParents, + getBlockSelectionStart, + getBlockSelectionEnd, + getSelectedBlockClientIds, + hasMultiSelection, + hasSelectedBlock + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + getBlockType + } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store); + const updateBlockSelection = (0,external_wp_element_namespaceObject.useCallback)(async (event, clientId, destinationClientId) => { + if (!(event !== null && event !== void 0 && event.shiftKey)) { + selectBlock(clientId); + return; + } // To handle multiple block selection via the `SHIFT` key, prevent + // the browser default behavior of opening the link in a new window. + + + event.preventDefault(); + const isKeyPress = event.type === 'keydown' && (event.keyCode === external_wp_keycodes_namespaceObject.UP || event.keyCode === external_wp_keycodes_namespaceObject.DOWN || event.keyCode === external_wp_keycodes_namespaceObject.HOME || event.keyCode === external_wp_keycodes_namespaceObject.END); // Handle clicking on a block when no blocks are selected, and return early. + + if (!isKeyPress && !hasSelectedBlock() && !hasMultiSelection()) { + selectBlock(clientId, null); + return; + } + + const selectedBlocks = getSelectedBlockClientIds(); + const clientIdWithParents = [...getBlockParents(clientId), clientId]; + + if (isKeyPress && !selectedBlocks.some(blockId => clientIdWithParents.includes(blockId))) { + // Ensure that shift-selecting blocks via the keyboard only + // expands the current selection if focusing over already + // selected blocks. Otherwise, clear the selection so that + // a user can create a new selection entirely by keyboard. + await clearSelectedBlock(); + } + + let startTarget = getBlockSelectionStart(); + let endTarget = clientId; // Handle keyboard behavior for selecting multiple blocks. + + if (isKeyPress) { + if (!hasSelectedBlock() && !hasMultiSelection()) { + // Set the starting point of the selection to the currently + // focused block, if there are no blocks currently selected. + // This ensures that as the selection is expanded or contracted, + // the starting point of the selection is anchored to that block. + startTarget = clientId; + } + + if (destinationClientId) { + // If the user presses UP or DOWN, we want to ensure that the block they're + // moving to is the target for selection, and not the currently focused one. + endTarget = destinationClientId; + } + } + + const startParents = getBlockParents(startTarget); + const endParents = getBlockParents(endTarget); + const { + start, + end + } = getCommonDepthClientIds(startTarget, endTarget, startParents, endParents); + await multiSelect(start, end, null); // Announce deselected block, or number of deselected blocks if + // the total number of blocks deselected is greater than one. + + const updatedSelectedBlocks = getSelectedBlockClientIds(); // If the selection is greater than 1 and the Home or End keys + // were used to generate the selection, then skip announcing the + // deselected blocks. + + if ((event.keyCode === external_wp_keycodes_namespaceObject.HOME || event.keyCode === external_wp_keycodes_namespaceObject.END) && updatedSelectedBlocks.length > 1) { + return; + } + + const selectionDiff = selectedBlocks.filter(blockId => !updatedSelectedBlocks.includes(blockId)); + let label; + + if (selectionDiff.length === 1) { + var _getBlockType; + + const title = (_getBlockType = getBlockType(getBlockName(selectionDiff[0]))) === null || _getBlockType === void 0 ? void 0 : _getBlockType.title; + + if (title) { + label = (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: block name */ + (0,external_wp_i18n_namespaceObject.__)('%s deselected.'), title); + } + } else if (selectionDiff.length > 1) { + label = (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: number of deselected blocks */ + (0,external_wp_i18n_namespaceObject.__)('%s blocks deselected.'), selectionDiff.length); + } + + if (label) { + (0,external_wp_a11y_namespaceObject.speak)(label); + } + }, [clearSelectedBlock, getBlockName, getBlockType, getBlockParents, getBlockSelectionStart, getBlockSelectionEnd, getSelectedBlockClientIds, hasMultiSelection, hasSelectedBlock, multiSelect, selectBlock]); + return { + updateBlockSelection + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/use-list-view-client-ids.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +function useListViewClientIds(blocks) { + return (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getDraggedBlockClientIds, + getSelectedBlockClientIds, + __unstableGetClientIdsTree + } = select(store); + return { + selectedClientIds: getSelectedBlockClientIds(), + draggedClientIds: getDraggedBlockClientIds(), + clientIdsTree: blocks ? blocks : __unstableGetClientIdsTree() + }; + }, [blocks]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/use-list-view-drop-zone.js +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +/** @typedef {import('../../utils/math').WPPoint} WPPoint */ + +/** + * The type of a drag event. + * + * @typedef {'default'|'file'|'html'} WPDragEventType + */ + +/** + * An array representing data for blocks in the DOM used by drag and drop. + * + * @typedef {Object} WPListViewDropZoneBlocks + * @property {string} clientId The client id for the block. + * @property {string} rootClientId The root client id for the block. + * @property {number} blockIndex The block's index. + * @property {Element} element The DOM element representing the block. + * @property {number} innerBlockCount The number of inner blocks the block has. + * @property {boolean} isDraggedBlock Whether the block is currently being dragged. + * @property {boolean} canInsertDraggedBlocksAsSibling Whether the dragged block can be a sibling of this block. + * @property {boolean} canInsertDraggedBlocksAsChild Whether the dragged block can be a child of this block. + */ + +/** + * An object containing details of a drop target. + * + * @typedef {Object} WPListViewDropZoneTarget + * @property {string} blockIndex The insertion index. + * @property {string} rootClientId The root client id for the block. + * @property {string|undefined} clientId The client id for the block. + * @property {'top'|'bottom'|'inside'} dropPosition The position relative to the block that the user is dropping to. + * 'inside' refers to nesting as an inner block. + */ + +/** + * Determines whether the user positioning the dragged block to nest as an + * inner block. + * + * Presently this is determined by whether the cursor is on the right hand side + * of the block. + * + * @param {WPPoint} point The point representing the cursor position when dragging. + * @param {DOMRect} rect The rectangle. + */ + +function isNestingGesture(point, rect) { + const blockCenterX = rect.left + rect.width / 2; + return point.x > blockCenterX; +} // Block navigation is always a vertical list, so only allow dropping +// to the above or below a block. + + +const ALLOWED_DROP_EDGES = ['top', 'bottom']; +/** + * Given blocks data and the cursor position, compute the drop target. + * + * @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view. + * @param {WPPoint} position The point representing the cursor position when dragging. + * + * @return {WPListViewDropZoneTarget | undefined} An object containing data about the drop target. + */ + +function getListViewDropTarget(blocksData, position) { + let candidateEdge; + let candidateBlockData; + let candidateDistance; + let candidateRect; + + for (const blockData of blocksData) { + if (blockData.isDraggedBlock) { + continue; + } + + const rect = blockData.element.getBoundingClientRect(); + const [distance, edge] = getDistanceToNearestEdge(position, rect, ALLOWED_DROP_EDGES); + const isCursorWithinBlock = isPointContainedByRect(position, rect); + + if (candidateDistance === undefined || distance < candidateDistance || isCursorWithinBlock) { + candidateDistance = distance; + const index = blocksData.indexOf(blockData); + const previousBlockData = blocksData[index - 1]; // If dragging near the top of a block and the preceding block + // is at the same level, use the preceding block as the candidate + // instead, as later it makes determining a nesting drop easier. + + if (edge === 'top' && previousBlockData && previousBlockData.rootClientId === blockData.rootClientId && !previousBlockData.isDraggedBlock) { + candidateBlockData = previousBlockData; + candidateEdge = 'bottom'; + candidateRect = previousBlockData.element.getBoundingClientRect(); + } else { + candidateBlockData = blockData; + candidateEdge = edge; + candidateRect = rect; + } // If the mouse position is within the block, break early + // as the user would intend to drop either before or after + // this block. + // + // This solves an issue where some rows in the list view + // tree overlap slightly due to sub-pixel rendering. + + + if (isCursorWithinBlock) { + break; + } + } + } + + if (!candidateBlockData) { + return; + } + + const isDraggingBelow = candidateEdge === 'bottom'; // If the user is dragging towards the bottom of the block check whether + // they might be trying to nest the block as a child. + // If the block already has inner blocks, this should always be treated + // as nesting since the next block in the tree will be the first child. + + if (isDraggingBelow && candidateBlockData.canInsertDraggedBlocksAsChild && (candidateBlockData.innerBlockCount > 0 || isNestingGesture(position, candidateRect))) { + return { + rootClientId: candidateBlockData.clientId, + blockIndex: 0, + dropPosition: 'inside' + }; + } // If dropping as a sibling, but block cannot be inserted in + // this context, return early. + + + if (!candidateBlockData.canInsertDraggedBlocksAsSibling) { + return; + } + + const offset = isDraggingBelow ? 1 : 0; + return { + rootClientId: candidateBlockData.rootClientId, + clientId: candidateBlockData.clientId, + blockIndex: candidateBlockData.blockIndex + offset, + dropPosition: candidateEdge + }; +} +/** + * A react hook for implementing a drop zone in list view. + * + * @return {WPListViewDropZoneTarget} The drop target. + */ + + +function useListViewDropZone() { + const { + getBlockRootClientId, + getBlockIndex, + getBlockCount, + getDraggedBlockClientIds, + canInsertBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const [target, setTarget] = (0,external_wp_element_namespaceObject.useState)(); + const { + rootClientId: targetRootClientId, + blockIndex: targetBlockIndex + } = target || {}; + const onBlockDrop = useOnBlockDrop(targetRootClientId, targetBlockIndex); + const draggedBlockClientIds = getDraggedBlockClientIds(); + const throttled = (0,external_wp_compose_namespaceObject.useThrottle)((0,external_wp_element_namespaceObject.useCallback)((event, currentTarget) => { + const position = { + x: event.clientX, + y: event.clientY + }; + const isBlockDrag = !!(draggedBlockClientIds !== null && draggedBlockClientIds !== void 0 && draggedBlockClientIds.length); + const blockElements = Array.from(currentTarget.querySelectorAll('[data-block]')); + const blocksData = blockElements.map(blockElement => { + const clientId = blockElement.dataset.block; + const rootClientId = getBlockRootClientId(clientId); + return { + clientId, + rootClientId, + blockIndex: getBlockIndex(clientId), + element: blockElement, + isDraggedBlock: isBlockDrag ? draggedBlockClientIds.includes(clientId) : false, + innerBlockCount: getBlockCount(clientId), + canInsertDraggedBlocksAsSibling: isBlockDrag ? canInsertBlocks(draggedBlockClientIds, rootClientId) : true, + canInsertDraggedBlocksAsChild: isBlockDrag ? canInsertBlocks(draggedBlockClientIds, clientId) : true + }; + }); + const newTarget = getListViewDropTarget(blocksData, position); + + if (newTarget) { + setTarget(newTarget); + } + }, [draggedBlockClientIds]), 200); + const ref = (0,external_wp_compose_namespaceObject.__experimentalUseDropZone)({ + onDrop: onBlockDrop, + + onDragOver(event) { + // `currentTarget` is only available while the event is being + // handled, so get it now and pass it to the thottled function. + // https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget + throttled(event, event.currentTarget); + }, + + onDragEnd() { + throttled.cancel(); + setTarget(null); + } + + }); + return { + ref, + target + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/use-list-view-expand-selected-item.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function useListViewExpandSelectedItem(_ref) { + let { + firstSelectedBlockClientId, + setExpandedState + } = _ref; + const [selectedTreeId, setSelectedTreeId] = (0,external_wp_element_namespaceObject.useState)(null); + const { + selectedBlockParentClientIds + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockParents + } = select(store); + return { + selectedBlockParentClientIds: getBlockParents(firstSelectedBlockClientId, false) + }; + }, [firstSelectedBlockClientId]); + const parentClientIds = Array.isArray(selectedBlockParentClientIds) && selectedBlockParentClientIds.length ? selectedBlockParentClientIds : null; // Expand tree when a block is selected. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + // If the selectedTreeId is the same as the selected block, + // it means that the block was selected using the block list tree. + if (selectedTreeId === firstSelectedBlockClientId) { + return; + } // If the selected block has parents, get the top-level parent. + + + if (parentClientIds) { + // If the selected block has parents, + // expand the tree branch. + setExpandedState({ + type: 'expand', + clientIds: selectedBlockParentClientIds + }); + } + }, [firstSelectedBlockClientId]); + return { + setSelectedTreeId + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/off-canvas-editor/index.js + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + + + + + + +const expanded = (state, action) => { + if (Array.isArray(action.clientIds)) { + return { ...state, + ...action.clientIds.reduce((newState, id) => ({ ...newState, + [id]: action.type === 'expand' + }), {}) + }; + } + + return state; +}; + +const BLOCK_LIST_ITEM_HEIGHT = 36; +/** + * Show a hierarchical list of blocks. + * + * @param {Object} props Components props. + * @param {string} props.id An HTML element id for the root element of ListView. + * @param {Array} props.blocks Custom subset of block client IDs to be used instead of the default hierarchy. + * @param {boolean} props.showBlockMovers Flag to enable block movers + * @param {boolean} props.isExpanded Flag to determine whether nested levels are expanded by default. + * @param {Object} props.LeafMoreMenu Optional more menu substitution. + * @param {string} props.description Optional accessible description for the tree grid component. + * @param {string} props.onSelect Optional callback to be invoked when a block is selected. + * @param {Object} ref Forwarded ref + */ + +function OffCanvasEditor(_ref, ref) { + let { + id, + blocks, + showBlockMovers = false, + isExpanded = false, + LeafMoreMenu, + description = (0,external_wp_i18n_namespaceObject.__)('Block navigation structure'), + onSelect + } = _ref; + const { + getBlock + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + clientIdsTree, + draggedClientIds, + selectedClientIds + } = useListViewClientIds(blocks); + const { + visibleBlockCount, + shouldShowInnerBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getGlobalBlockCount, + getClientIdsOfDescendants, + __unstableGetEditorMode + } = select(store); + const draggedBlockCount = (draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.length) > 0 ? getClientIdsOfDescendants(draggedClientIds).length + 1 : 0; + return { + visibleBlockCount: getGlobalBlockCount() - draggedBlockCount, + shouldShowInnerBlocks: __unstableGetEditorMode() !== 'zoom-out' + }; + }, [draggedClientIds]); + const { + updateBlockSelection + } = useBlockSelection(); + const [expandedState, setExpandedState] = (0,external_wp_element_namespaceObject.useReducer)(expanded, {}); + const { + ref: dropZoneRef, + target: blockDropTarget + } = useListViewDropZone(); + const elementRef = (0,external_wp_element_namespaceObject.useRef)(); + const treeGridRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([elementRef, dropZoneRef, ref]); + const isMounted = (0,external_wp_element_namespaceObject.useRef)(false); + const { + setSelectedTreeId + } = useListViewExpandSelectedItem({ + firstSelectedBlockClientId: selectedClientIds[0], + setExpandedState + }); + const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)((event, blockClientId) => { + updateBlockSelection(event, blockClientId); + setSelectedTreeId(blockClientId); + + if (onSelect) { + onSelect(getBlock(blockClientId)); + } + }, [setSelectedTreeId, updateBlockSelection, onSelect, getBlock]); + (0,external_wp_element_namespaceObject.useEffect)(() => { + isMounted.current = true; + }, []); // List View renders a fixed number of items and relies on each having a fixed item height of 36px. + // If this value changes, we should also change the itemHeight value set in useFixedWindowList. + // See: https://github.com/WordPress/gutenberg/pull/35230 for additional context. + + const [fixedListWindow] = (0,external_wp_compose_namespaceObject.__experimentalUseFixedWindowList)(elementRef, BLOCK_LIST_ITEM_HEIGHT, visibleBlockCount, { + useWindowing: true, + windowOverscan: 40 + }); + const expand = (0,external_wp_element_namespaceObject.useCallback)(blockClientId => { + if (!blockClientId) { + return; + } + + setExpandedState({ + type: 'expand', + clientIds: [blockClientId] + }); + }, [setExpandedState]); + const collapse = (0,external_wp_element_namespaceObject.useCallback)(blockClientId => { + if (!blockClientId) { + return; + } + + setExpandedState({ + type: 'collapse', + clientIds: [blockClientId] + }); + }, [setExpandedState]); + const expandRow = (0,external_wp_element_namespaceObject.useCallback)(row => { + var _row$dataset; + + expand(row === null || row === void 0 ? void 0 : (_row$dataset = row.dataset) === null || _row$dataset === void 0 ? void 0 : _row$dataset.block); + }, [expand]); + const collapseRow = (0,external_wp_element_namespaceObject.useCallback)(row => { + var _row$dataset2; + + collapse(row === null || row === void 0 ? void 0 : (_row$dataset2 = row.dataset) === null || _row$dataset2 === void 0 ? void 0 : _row$dataset2.block); + }, [collapse]); + const focusRow = (0,external_wp_element_namespaceObject.useCallback)((event, startRow, endRow) => { + if (event.shiftKey) { + var _startRow$dataset, _endRow$dataset; + + updateBlockSelection(event, startRow === null || startRow === void 0 ? void 0 : (_startRow$dataset = startRow.dataset) === null || _startRow$dataset === void 0 ? void 0 : _startRow$dataset.block, endRow === null || endRow === void 0 ? void 0 : (_endRow$dataset = endRow.dataset) === null || _endRow$dataset === void 0 ? void 0 : _endRow$dataset.block); + } + }, [updateBlockSelection]); + const contextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({ + isTreeGridMounted: isMounted.current, + draggedClientIds, + expandedState, + expand, + collapse, + LeafMoreMenu + }), [isMounted.current, draggedClientIds, expandedState, expand, collapse, LeafMoreMenu]); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { + value: true + }, (0,external_wp_element_namespaceObject.createElement)(ListViewDropIndicator, { + listViewRef: elementRef, + blockDropTarget: blockDropTarget + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "offcanvas-editor-list-view-tree-wrapper" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGrid, { + id: id, + className: "block-editor-list-view-tree", + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block navigation structure'), + ref: treeGridRef, + onCollapseRow: collapseRow, + onExpandRow: expandRow, + onFocusRow: focusRow // eslint-disable-next-line jsx-a11y/aria-props + , + "aria-description": description + }, (0,external_wp_element_namespaceObject.createElement)(ListViewContext.Provider, { + value: contextValue + }, (0,external_wp_element_namespaceObject.createElement)(branch, { + blocks: clientIdsTree, + selectBlock: selectEditorBlock, + showBlockMovers: showBlockMovers, + fixedListWindow: fixedListWindow, + selectedClientIds: selectedClientIds, + isExpanded: isExpanded, + shouldShowInnerBlocks: shouldShowInnerBlocks + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridRow, { + level: 1, + setSize: 1, + positionInSet: 1, + isExpanded: true + }, !clientIdsTree.length && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { + withoutGridItem: true + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "offcanvas-editor-list-view-is-empty" + }, (0,external_wp_i18n_namespaceObject.__)('Your menu is currently empty. Add your first menu item to get started.')))))))); +} + +/* harmony default export */ var off_canvas_editor = ((0,external_wp_element_namespaceObject.forwardRef)(OffCanvasEditor)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/experiments.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +const { + lock: experiments_lock, + unlock: experiments_unlock +} = (0,external_wp_experiments_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.', '@wordpress/block-editor'); +/** + * Experimental @wordpress/block-editor APIs. + */ + +const experiments = {}; +experiments_lock(experiments, { ...global_styles_namespaceObject, + ExperimentalBlockEditorProvider: ExperimentalBlockEditorProvider, + OffCanvasEditor: off_canvas_editor +}); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/index.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + + + + + +/** + * Block editor data store configuration. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#registerStore + */ + +const storeConfig = { + reducer: reducer, + selectors: selectors_namespaceObject, + actions: actions_namespaceObject +}; +/** + * Store definition for the block editor namespace. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore + */ + +const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { ...storeConfig, + persist: ['preferences'] +}); // We will be able to use the `register` function once we switch +// the "preferences" persistence to use the new preferences package. + +const registeredStore = (0,external_wp_data_namespaceObject.registerStore)(STORE_NAME, { ...storeConfig, + persist: ['preferences'] +}); +experiments_unlock(registeredStore).registerPrivateActions(private_actions_namespaceObject); +experiments_unlock(registeredStore).registerPrivateSelectors(private_selectors_namespaceObject); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/hook.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + + +function useBlockControlsFill(group, shareWithChildBlocks) { + const isDisplayed = useDisplayBlockControls(); + const { + clientId + } = useBlockEditContext(); + const isParentDisplayed = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockName, + hasSelectedInnerBlock + } = select(store); + const { + hasBlockSupport + } = select(external_wp_blocks_namespaceObject.store); + return shareWithChildBlocks && hasBlockSupport(getBlockName(clientId), '__experimentalExposeControlsToChildren', false) && hasSelectedInnerBlock(clientId); + }, [shareWithChildBlocks, clientId]); + + if (isDisplayed) { + var _groups$group; + + return (_groups$group = block_controls_groups[group]) === null || _groups$group === void 0 ? void 0 : _groups$group.Fill; + } + + if (isParentDisplayed) { + return block_controls_groups.parent.Fill; + } + + return null; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/fill.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function BlockControlsFill(_ref) { + let { + group = 'default', + controls, + children, + __experimentalShareWithChildBlocks = false + } = _ref; + const Fill = useBlockControlsFill(group, __experimentalShareWithChildBlocks); + + if (!Fill) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalStyleProvider, { + document: document + }, (0,external_wp_element_namespaceObject.createElement)(Fill, null, fillProps => { + // Children passed to BlockControlsFill will not have access to any + // React Context whose Provider is part of the BlockControlsSlot tree. + // So we re-create the Provider in this subtree. + const value = !(0,external_lodash_namespaceObject.isEmpty)(fillProps) ? fillProps : null; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolbarContext.Provider, { + value: value + }, group === 'default' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, { + controls: controls + }), children); + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/slot.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function BlockControlsSlot(_ref) { + let { + group = 'default', + ...props + } = _ref; + const accessibleToolbarState = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.__experimentalToolbarContext); + const Slot = block_controls_groups[group].Slot; + const fills = (0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(Slot.__unstableName); + const hasFills = Boolean(fills && fills.length); + + if (!hasFills) { + return null; + } + + if (group === 'default') { + return (0,external_wp_element_namespaceObject.createElement)(Slot, _extends({}, props, { + bubblesVirtually: true, + fillProps: accessibleToolbarState + })); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(Slot, _extends({}, props, { + bubblesVirtually: true, + fillProps: accessibleToolbarState + }))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/index.js + + + +/** + * Internal dependencies + */ + + +const BlockControls = BlockControlsFill; +BlockControls.Slot = BlockControlsSlot; // This is just here for backward compatibility. + +const BlockFormatControls = props => { + return (0,external_wp_element_namespaceObject.createElement)(BlockControlsFill, _extends({ + group: "inline" + }, props)); +}; + +BlockFormatControls.Slot = props => { + return (0,external_wp_element_namespaceObject.createElement)(BlockControlsSlot, _extends({ + group: "inline" + }, props)); +}; + +/* harmony default export */ var block_controls = (BlockControls); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/use-available-alignments.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +const use_available_alignments_EMPTY_ARRAY = []; +const use_available_alignments_DEFAULT_CONTROLS = ['none', 'left', 'center', 'right', 'wide', 'full']; +const WIDE_CONTROLS = ['wide', 'full']; +function useAvailableAlignments() { + let controls = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : use_available_alignments_DEFAULT_CONTROLS; + + // Always add the `none` option if not exists. + if (!controls.includes('none')) { + controls = ['none', ...controls]; + } + + const { + wideControlsEnabled = false, + themeSupportsLayout + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSettings + } = select(store); + const settings = getSettings(); + return { + wideControlsEnabled: settings.alignWide, + themeSupportsLayout: settings.supportsLayout + }; + }, []); + const layout = useLayout(); + const layoutType = getLayoutType(layout === null || layout === void 0 ? void 0 : layout.type); + const layoutAlignments = layoutType.getAlignments(layout); + + if (themeSupportsLayout) { + const alignments = layoutAlignments.filter(_ref => { + let { + name: alignmentName + } = _ref; + return controls.includes(alignmentName); + }); // While we treat `none` as an alignment, we shouldn't return it if no + // other alignments exist. + + if (alignments.length === 1 && alignments[0].name === 'none') { + return use_available_alignments_EMPTY_ARRAY; + } + + return alignments; + } // Starting here, it's the fallback for themes not supporting the layout config. + + + if (layoutType.name !== 'default' && layoutType.name !== 'constrained') { + return use_available_alignments_EMPTY_ARRAY; + } + + const { + alignments: availableAlignments = use_available_alignments_DEFAULT_CONTROLS + } = layout; + const enabledControls = controls.filter(control => (layout.alignments || // Ignore the global wideAlignment check if the layout explicitely defines alignments. + wideControlsEnabled || !WIDE_CONTROLS.includes(control)) && availableAlignments.includes(control)).map(enabledControl => ({ + name: enabledControl + })); // While we treat `none` as an alignment, we shouldn't return it if no + // other alignments exist. + + if (enabledControls.length === 1 && enabledControls[0].name === 'none') { + return use_available_alignments_EMPTY_ARRAY; + } + + return enabledControls; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-none.js + + +/** + * WordPress dependencies + */ + +const alignNone = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M5 15h14V9H5v6zm0 4.8h14v-1.5H5v1.5zM5 4.2v1.5h14V4.2H5z" +})); +/* harmony default export */ var align_none = (alignNone); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-left.js + + +/** + * WordPress dependencies + */ + +const positionLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M4 9v6h14V9H4zm8-4.8H4v1.5h8V4.2zM4 19.8h8v-1.5H4v1.5z" +})); +/* harmony default export */ var position_left = (positionLeft); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-right.js + + +/** + * WordPress dependencies + */ + +const positionRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M6 15h14V9H6v6zm6-10.8v1.5h8V4.2h-8zm0 15.6h8v-1.5h-8v1.5z" +})); +/* harmony default export */ var position_right = (positionRight); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stretch-full-width.js + + +/** + * WordPress dependencies + */ + +const stretchFullWidth = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M5 4v11h14V4H5zm3 15.8h8v-1.5H8v1.5z" +})); +/* harmony default export */ var stretch_full_width = (stretchFullWidth); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/constants.js +/** + * WordPress dependencies + */ + + +const constants_BLOCK_ALIGNMENTS_CONTROLS = { + none: { + icon: align_none, + title: (0,external_wp_i18n_namespaceObject._x)('None', 'Alignment option') + }, + left: { + icon: position_left, + title: (0,external_wp_i18n_namespaceObject.__)('Align left') + }, + center: { + icon: position_center, + title: (0,external_wp_i18n_namespaceObject.__)('Align center') + }, + right: { + icon: position_right, + title: (0,external_wp_i18n_namespaceObject.__)('Align right') + }, + wide: { + icon: stretch_wide, + title: (0,external_wp_i18n_namespaceObject.__)('Wide width') + }, + full: { + icon: stretch_full_width, + title: (0,external_wp_i18n_namespaceObject.__)('Full width') + } +}; +const constants_DEFAULT_CONTROL = 'none'; +const constants_POPOVER_PROPS = { + variant: 'toolbar' +}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/ui.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +function BlockAlignmentUI(_ref) { + let { + value, + onChange, + controls, + isToolbar, + isCollapsed = true + } = _ref; + const enabledControls = useAvailableAlignments(controls); + const hasEnabledControls = !!enabledControls.length; + + if (!hasEnabledControls) { + return null; + } + + function onChangeAlignment(align) { + onChange([value, 'none'].includes(align) ? undefined : align); + } + + const activeAlignmentControl = constants_BLOCK_ALIGNMENTS_CONTROLS[value]; + const defaultAlignmentControl = constants_BLOCK_ALIGNMENTS_CONTROLS[constants_DEFAULT_CONTROL]; + const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; + const commonProps = { + icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon, + label: (0,external_wp_i18n_namespaceObject.__)('Align') + }; + const extraProps = isToolbar ? { + isCollapsed, + controls: enabledControls.map(_ref2 => { + let { + name: controlName + } = _ref2; + return { ...constants_BLOCK_ALIGNMENTS_CONTROLS[controlName], + isActive: value === controlName || !value && controlName === 'none', + role: isCollapsed ? 'menuitemradio' : undefined, + onClick: () => onChangeAlignment(controlName) + }; + }) + } : { + toggleProps: { + describedBy: (0,external_wp_i18n_namespaceObject.__)('Change alignment') + }, + popoverProps: constants_POPOVER_PROPS, + children: _ref3 => { + let { + onClose + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { + className: "block-editor-block-alignment-control__menu-group" + }, enabledControls.map(_ref4 => { + let { + name: controlName, + info + } = _ref4; + const { + icon, + title + } = constants_BLOCK_ALIGNMENTS_CONTROLS[controlName]; // If no value is provided, mark as selected the `none` option. + + const isSelected = controlName === value || !value && controlName === 'none'; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + key: controlName, + icon: icon, + iconPosition: "left", + className: classnames_default()('components-dropdown-menu__menu-item', { + 'is-active': isSelected + }), + isSelected: isSelected, + onClick: () => { + onChangeAlignment(controlName); + onClose(); + }, + role: "menuitemradio", + info: info + }, title); + }))); + } + }; + return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({}, commonProps, extraProps)); +} + +/* harmony default export */ var block_alignment_control_ui = (BlockAlignmentUI); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-control/index.js + + + +/** + * Internal dependencies + */ + + +const BlockAlignmentControl = props => { + return (0,external_wp_element_namespaceObject.createElement)(block_alignment_control_ui, _extends({}, props, { + isToolbar: false + })); +}; + +const BlockAlignmentToolbar = props => { + return (0,external_wp_element_namespaceObject.createElement)(block_alignment_control_ui, _extends({}, props, { + isToolbar: true + })); +}; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-control/README.md + */ + + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/align.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + +/** + * An array which includes all possible valid alignments, + * used to validate if an alignment is valid or not. + * + * @constant + * @type {string[]} + */ + +const ALL_ALIGNMENTS = ['left', 'center', 'right', 'wide', 'full']; +/** + * An array which includes all wide alignments. + * In order for this alignments to be valid they need to be supported by the block, + * and by the theme. + * + * @constant + * @type {string[]} + */ + +const WIDE_ALIGNMENTS = ['wide', 'full']; +/** + * Returns the valid alignments. + * Takes into consideration the aligns supported by a block, if the block supports wide controls or not and if theme supports wide controls or not. + * Exported just for testing purposes, not exported outside the module. + * + * @param {?boolean|string[]} blockAlign Aligns supported by the block. + * @param {?boolean} hasWideBlockSupport True if block supports wide alignments. And False otherwise. + * @param {?boolean} hasWideEnabled True if theme supports wide alignments. And False otherwise. + * + * @return {string[]} Valid alignments. + */ + +function getValidAlignments(blockAlign) { + let hasWideBlockSupport = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; + let hasWideEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true; + let validAlignments; + + if (Array.isArray(blockAlign)) { + validAlignments = ALL_ALIGNMENTS.filter(value => blockAlign.includes(value)); + } else if (blockAlign === true) { + // `true` includes all alignments... + validAlignments = [...ALL_ALIGNMENTS]; + } else { + validAlignments = []; + } + + if (!hasWideEnabled || blockAlign === true && !hasWideBlockSupport) { + return validAlignments.filter(alignment => !WIDE_ALIGNMENTS.includes(alignment)); + } + + return validAlignments; +} +/** + * Filters registered block settings, extending attributes to include `align`. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function addAttribute(settings) { + var _settings$attributes$, _settings$attributes; + + // Allow blocks to specify their own attribute definition with default values if needed. + if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.align) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { + return settings; + } + + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'align')) { + // Gracefully handle if settings.attributes is undefined. + settings.attributes = { ...settings.attributes, + align: { + type: 'string', + // Allow for '' since it is used by updateAlignment function + // in withToolbarControls for special cases with defined default values. + enum: [...ALL_ALIGNMENTS, ''] + } + }; + } + + return settings; +} +/** + * Override the default edit UI to include new toolbar controls for block + * alignment, if block defines support. + * + * @param {Function} BlockEdit Original component. + * + * @return {Function} Wrapped component. + */ + +const withToolbarControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { + const blockEdit = (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); + const { + name: blockName + } = props; // Compute the block valid alignments by taking into account, + // if the theme supports wide alignments or not and the layout's + // availble alignments. We do that for conditionally rendering + // Slot. + + const blockAllowedAlignments = getValidAlignments((0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, 'align'), (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'alignWide', true)); + const validAlignments = useAvailableAlignments(blockAllowedAlignments).map(_ref => { + let { + name + } = _ref; + return name; + }); + const isContentLocked = (0,external_wp_data_namespaceObject.useSelect)(select => { + return select(store).__unstableGetContentLockingParent(props.clientId); + }, [props.clientId]); + + if (!validAlignments.length || isContentLocked) { + return blockEdit; + } + + const updateAlignment = nextAlign => { + if (!nextAlign) { + var _blockType$attributes, _blockType$attributes2; + + const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(props.name); + const blockDefaultAlign = blockType === null || blockType === void 0 ? void 0 : (_blockType$attributes = blockType.attributes) === null || _blockType$attributes === void 0 ? void 0 : (_blockType$attributes2 = _blockType$attributes.align) === null || _blockType$attributes2 === void 0 ? void 0 : _blockType$attributes2.default; + + if (blockDefaultAlign) { + nextAlign = ''; + } + } + + props.setAttributes({ + align: nextAlign + }); + }; + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_controls, { + group: "block", + __experimentalShareWithChildBlocks: true + }, (0,external_wp_element_namespaceObject.createElement)(BlockAlignmentControl, { + value: props.attributes.align, + onChange: updateAlignment, + controls: validAlignments + })), blockEdit); +}, 'withToolbarControls'); +/** + * Override the default block element to add alignment wrapper props. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + +const withDataAlign = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + const { + name, + attributes + } = props; + const { + align + } = attributes; + const blockAllowedAlignments = getValidAlignments((0,external_wp_blocks_namespaceObject.getBlockSupport)(name, 'align'), (0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, 'alignWide', true)); + const validAlignments = useAvailableAlignments(blockAllowedAlignments); // If an alignment is not assigned, there's no need to go through the + // effort to validate or assign its value. + + if (align === undefined) { + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); + } + + let wrapperProps = props.wrapperProps; + + if (validAlignments.some(alignment => alignment.name === align)) { + wrapperProps = { ...wrapperProps, + 'data-align': align + }; + } + + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + wrapperProps: wrapperProps + })); +}); +/** + * Override props assigned to save component to inject alignment class name if + * block supports it. + * + * @param {Object} props Additional props applied to save element. + * @param {Object} blockType Block type. + * @param {Object} attributes Block attributes. + * + * @return {Object} Filtered props applied to save element. + */ + +function addAssignedAlign(props, blockType, attributes) { + const { + align + } = attributes; + const blockAlign = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, 'align'); + const hasWideBlockSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'alignWide', true); // Compute valid alignments without taking into account if + // the theme supports wide alignments or not. + // This way changing themes does not impact the block save. + + const isAlignValid = getValidAlignments(blockAlign, hasWideBlockSupport).includes(align); + + if (isAlignValid) { + props.className = classnames_default()(`align${align}`, props.className); + } + + return props; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/align/addAttribute', addAttribute); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/align/with-data-align', withDataAlign); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/align/with-toolbar-controls', withToolbarControls); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/align/addAssignedAlign', addAssignedAlign); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/lock.js +/** + * WordPress dependencies + */ + +/** + * Filters registered block settings, extending attributes to include `lock`. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function lock_addAttribute(settings) { + var _settings$attributes$, _settings$attributes; + + // Allow blocks to specify their own attribute definition with default values if needed. + if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.lock) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { + return settings; + } // Gracefully handle if settings.attributes is undefined. + + + settings.attributes = { ...settings.attributes, + lock: { + type: 'object' + } + }; + return settings; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/lock/addAttribute', lock_addAttribute); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/anchor.js + + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + +/** + * Regular expression matching invalid anchor characters for replacement. + * + * @type {RegExp} + */ + +const ANCHOR_REGEX = /[\s#]/g; +const ANCHOR_SCHEMA = { + type: 'string', + source: 'attribute', + attribute: 'id', + selector: '*' +}; +/** + * Filters registered block settings, extending attributes with anchor using ID + * of the first node. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function anchor_addAttribute(settings) { + var _settings$attributes$, _settings$attributes; + + // Allow blocks to specify their own attribute definition with default values if needed. + if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.anchor) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { + return settings; + } + + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'anchor')) { + // Gracefully handle if settings.attributes is undefined. + settings.attributes = { ...settings.attributes, + anchor: ANCHOR_SCHEMA + }; + } + + return settings; +} +/** + * Override the default edit UI to include a new block inspector control for + * assigning the anchor ID, if block supports anchor. + * + * @param {WPComponent} BlockEdit Original component. + * + * @return {WPComponent} Wrapped component. + */ + +const withInspectorControl = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => { + return props => { + const hasAnchor = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(props.name, 'anchor'); + + if (hasAnchor && props.isSelected) { + const isWeb = external_wp_element_namespaceObject.Platform.OS === 'web'; + const textControl = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, + className: "html-anchor-control", + label: (0,external_wp_i18n_namespaceObject.__)('HTML anchor'), + help: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('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.'), isWeb && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, { + href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/support/article/page-jumps/') + }, (0,external_wp_i18n_namespaceObject.__)('Learn more about anchors'))), + value: props.attributes.anchor || '', + placeholder: !isWeb ? (0,external_wp_i18n_namespaceObject.__)('Add an anchor') : null, + onChange: nextValue => { + nextValue = nextValue.replace(ANCHOR_REGEX, '-'); + props.setAttributes({ + anchor: nextValue + }); + }, + autoCapitalize: "none", + autoComplete: "off" + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props), isWeb && (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { + group: "advanced" + }, textControl), !isWeb && props.name === 'core/heading' && (0,external_wp_element_namespaceObject.createElement)(inspector_controls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { + title: (0,external_wp_i18n_namespaceObject.__)('Heading settings') + }, textControl))); + } + + return (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); + }; +}, 'withInspectorControl'); +/** + * Override props assigned to save component to inject anchor ID, if block + * supports anchor. This is only applied if the block's save result is an + * element and not a markup string. + * + * @param {Object} extraProps Additional props applied to save element. + * @param {Object} blockType Block type. + * @param {Object} attributes Current block attributes. + * + * @return {Object} Filtered props applied to save element. + */ + +function addSaveProps(extraProps, blockType, attributes) { + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'anchor')) { + extraProps.id = attributes.anchor === '' ? null : attributes.anchor; + } + + return extraProps; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/anchor/attribute', anchor_addAttribute); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/anchor/with-inspector-control', withInspectorControl); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/anchor/save-props', addSaveProps); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/aria-label.js +/** + * WordPress dependencies + */ + + +const ARIA_LABEL_SCHEMA = { + type: 'string', + source: 'attribute', + attribute: 'aria-label', + selector: '*' +}; +/** + * Filters registered block settings, extending attributes with ariaLabel using aria-label + * of the first node. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function aria_label_addAttribute(settings) { + var _settings$attributes, _settings$attributes$; + + // Allow blocks to specify their own attribute definition with default values if needed. + if (settings !== null && settings !== void 0 && (_settings$attributes = settings.attributes) !== null && _settings$attributes !== void 0 && (_settings$attributes$ = _settings$attributes.ariaLabel) !== null && _settings$attributes$ !== void 0 && _settings$attributes$.type) { + return settings; + } + + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'ariaLabel')) { + // Gracefully handle if settings.attributes is undefined. + settings.attributes = { ...settings.attributes, + ariaLabel: ARIA_LABEL_SCHEMA + }; + } + + return settings; +} +/** + * Override props assigned to save component to inject aria-label, if block + * supports ariaLabel. This is only applied if the block's save result is an + * element and not a markup string. + * + * @param {Object} extraProps Additional props applied to save element. + * @param {Object} blockType Block type. + * @param {Object} attributes Current block attributes. + * + * @return {Object} Filtered props applied to save element. + */ + +function aria_label_addSaveProps(extraProps, blockType, attributes) { + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'ariaLabel')) { + extraProps['aria-label'] = attributes.ariaLabel === '' ? null : attributes.ariaLabel; + } + + return extraProps; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/ariaLabel/attribute', aria_label_addAttribute); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/ariaLabel/save-props', aria_label_addSaveProps); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/custom-class-name.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + +/** + * Filters registered block settings, extending attributes with anchor using ID + * of the first node. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function custom_class_name_addAttribute(settings) { + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'customClassName', true)) { + // Gracefully handle if settings.attributes is undefined. + settings.attributes = { ...settings.attributes, + className: { + type: 'string' + } + }; + } + + return settings; +} +/** + * Override the default edit UI to include a new block inspector control for + * assigning the custom class name, if block supports custom class name. + * + * @param {WPComponent} BlockEdit Original component. + * + * @return {WPComponent} Wrapped component. + */ + +const custom_class_name_withInspectorControl = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => { + return props => { + const hasCustomClassName = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(props.name, 'customClassName', true); + + if (hasCustomClassName && props.isSelected) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props), (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { + group: "advanced" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, + autoComplete: "off", + label: (0,external_wp_i18n_namespaceObject.__)('Additional CSS class(es)'), + value: props.attributes.className || '', + onChange: nextValue => { + props.setAttributes({ + className: nextValue !== '' ? nextValue : undefined + }); + }, + help: (0,external_wp_i18n_namespaceObject.__)('Separate multiple classes with spaces.') + }))); + } + + return (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); + }; +}, 'withInspectorControl'); +/** + * Override props assigned to save component to inject anchor ID, if block + * supports anchor. This is only applied if the block's save result is an + * element and not a markup string. + * + * @param {Object} extraProps Additional props applied to save element. + * @param {Object} blockType Block type. + * @param {Object} attributes Current block attributes. + * + * @return {Object} Filtered props applied to save element. + */ + +function custom_class_name_addSaveProps(extraProps, blockType, attributes) { + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'customClassName', true) && attributes.className) { + extraProps.className = classnames_default()(extraProps.className, attributes.className); + } + + return extraProps; +} +function addTransforms(result, source, index, results) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(result.name, 'customClassName', true)) { + return result; + } // If the condition verifies we are probably in the presence of a wrapping transform + // e.g: nesting paragraphs in a group or columns and in that case the class should not be kept. + + + if (results.length === 1 && result.innerBlocks.length === source.length) { + return result; + } // If we are transforming one block to multiple blocks or multiple blocks to one block, + // we ignore the class during the transform. + + + if (results.length === 1 && source.length > 1 || results.length > 1 && source.length === 1) { + return result; + } // If we are in presence of transform between one or more block in the source + // that have one or more blocks in the result + // we apply the class on source N to the result N, + // if source N does not exists we do nothing. + + + if (source[index]) { + var _source$index; + + const originClassName = (_source$index = source[index]) === null || _source$index === void 0 ? void 0 : _source$index.attributes.className; + + if (originClassName) { + return { ...result, + attributes: { ...result.attributes, + className: originClassName + } + }; + } + } + + return result; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/custom-class-name/attribute', custom_class_name_addAttribute); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/custom-class-name/with-inspector-control', custom_class_name_withInspectorControl); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/custom-class-name/save-props', custom_class_name_addSaveProps); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/color/addTransforms', addTransforms); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/generated-class-name.js +/** + * WordPress dependencies + */ + + +/** + * Override props assigned to save component to inject generated className if + * block supports it. This is only applied if the block's save result is an + * element and not a markup string. + * + * @param {Object} extraProps Additional props applied to save element. + * @param {Object} blockType Block type. + * + * @return {Object} Filtered props applied to save element. + */ + +function addGeneratedClassName(extraProps, blockType) { + // Adding the generated className. + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, 'className', true)) { + if (typeof extraProps.className === 'string') { + // We have some extra classes and want to add the default classname + // We use uniq to prevent duplicate classnames. + extraProps.className = [...new Set([(0,external_wp_blocks_namespaceObject.getBlockDefaultClassName)(blockType.name), ...extraProps.className.split(' ')])].join(' ').trim(); + } else { + // There is no string in the className variable, + // so we just dump the default name in there. + extraProps.className = (0,external_wp_blocks_namespaceObject.getBlockDefaultClassName)(blockType.name); + } + } + + return extraProps; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/generated-class-name/save-props', addGeneratedClassName); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/utils.js +/** + * WordPress dependencies + */ + +/** + * Gets the (non-undefined) item with the highest occurrence within an array + * Based in part on: https://stackoverflow.com/a/20762713 + * + * Undefined values are always sorted to the end by `sort`, so this function + * returns the first element, to always prioritize real values over undefined + * values. + * + * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#description + * + * @param {Array} inputArray Array of items to check. + * @return {any} The item with the most occurrences. + */ + +function utils_mode(inputArray) { + const arr = [...inputArray]; + return arr.sort((a, b) => inputArray.filter(v => v === b).length - inputArray.filter(v => v === a).length).shift(); +} +/** + * Returns the most common CSS unit from the current CSS unit selections. + * + * - If a single flat border radius is set, its unit will be used + * - If individual corner selections, the most common of those will be used + * - Failing any unit selections a default of 'px' is returned. + * + * @param {Object} selectedUnits Unit selections for flat radius & each corner. + * @return {string} Most common CSS unit from current selections. Default: `px`. + */ + +function getAllUnit() { + let selectedUnits = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const { + flat, + ...cornerUnits + } = selectedUnits; + return flat || utils_mode(Object.values(cornerUnits).filter(Boolean)) || 'px'; +} +/** + * Gets the 'all' input value and unit from values data. + * + * @param {Object|string} values Radius values. + * @return {string} A value + unit for the 'all' input. + */ + +function getAllValue() { + let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + + /** + * Border radius support was originally a single pixel value. + * + * To maintain backwards compatibility treat this case as the all value. + */ + if (typeof values === 'string') { + return values; + } + + const parsedQuantitiesAndUnits = Object.values(values).map(value => (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(value)); + const allValues = parsedQuantitiesAndUnits.map(value => { + var _value$; + + return (_value$ = value[0]) !== null && _value$ !== void 0 ? _value$ : ''; + }); + const allUnits = parsedQuantitiesAndUnits.map(value => value[1]); + const value = allValues.every(v => v === allValues[0]) ? allValues[0] : ''; + const unit = utils_mode(allUnits); + const allValue = value === 0 || value ? `${value}${unit}` : undefined; + return allValue; +} +/** + * Checks to determine if values are mixed. + * + * @param {Object} values Radius values. + * @return {boolean} Whether values are mixed. + */ + +function hasMixedValues() { + let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const allValue = getAllValue(values); + const isMixed = typeof values === 'string' ? false : isNaN(parseFloat(allValue)); + return isMixed; +} +/** + * Checks to determine if values are defined. + * + * @param {Object} values Radius values. + * @return {boolean} Whether values are mixed. + */ + +function hasDefinedValues(values) { + if (!values) { + return false; + } // A string value represents a shorthand value. + + + if (typeof values === 'string') { + return true; + } // An object represents longhand border radius values, if any are set + // flag values as being defined. + + + const filteredValues = Object.values(values).filter(value => { + return !!value || value === 0; + }); + return !!filteredValues.length; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/all-input-control.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function all_input_control_AllInputControl(_ref) { + let { + onChange, + selectedUnits, + setSelectedUnits, + values, + ...props + } = _ref; + let allValue = getAllValue(values); + + if (allValue === undefined) { + // If we don't have any value set the unit to any current selection + // or the most common unit from the individual radii values. + allValue = getAllUnit(selectedUnits); + } + + const hasValues = hasDefinedValues(values); + const isMixed = hasValues && hasMixedValues(values); + const allPlaceholder = isMixed ? (0,external_wp_i18n_namespaceObject.__)('Mixed') : null; // Filter out CSS-unit-only values to prevent invalid styles. + + const handleOnChange = next => { + const isNumeric = !isNaN(parseFloat(next)); + const nextValue = isNumeric ? next : undefined; + onChange(nextValue); + }; // Store current unit selection for use as fallback for individual + // radii controls. + + + const handleOnUnitChange = unit => { + setSelectedUnits({ + topLeft: unit, + topRight: unit, + bottomLeft: unit, + bottomRight: unit + }); + }; + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, _extends({}, props, { + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Border radius'), + disableUnits: isMixed, + isOnly: true, + value: allValue, + onChange: handleOnChange, + onUnitChange: handleOnUnitChange, + placeholder: allPlaceholder, + size: '__unstable-large' + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/input-controls.js + + + +/** + * WordPress dependencies + */ + + +const CORNERS = { + topLeft: (0,external_wp_i18n_namespaceObject.__)('Top left'), + topRight: (0,external_wp_i18n_namespaceObject.__)('Top right'), + bottomLeft: (0,external_wp_i18n_namespaceObject.__)('Bottom left'), + bottomRight: (0,external_wp_i18n_namespaceObject.__)('Bottom right') +}; +function input_controls_BoxInputControls(_ref) { + let { + onChange, + selectedUnits, + setSelectedUnits, + values: valuesProp, + ...props + } = _ref; + + const createHandleOnChange = corner => next => { + if (!onChange) { + return; + } // Filter out CSS-unit-only values to prevent invalid styles. + + + const isNumeric = !isNaN(parseFloat(next)); + const nextValue = isNumeric ? next : undefined; + onChange({ ...values, + [corner]: nextValue + }); + }; + + const createHandleOnUnitChange = side => next => { + const newUnits = { ...selectedUnits + }; + newUnits[side] = next; + setSelectedUnits(newUnits); + }; // For shorthand style & backwards compatibility, handle flat string value. + + + const values = typeof valuesProp !== 'string' ? valuesProp : { + topLeft: valuesProp, + topRight: valuesProp, + bottomLeft: valuesProp, + bottomRight: valuesProp + }; // Controls are wrapped in tooltips as visible labels aren't desired here. + // Tooltip rendering also requires the UnitControl to be wrapped. See: + // https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026 + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "components-border-radius-control__input-controls-wrapper" + }, Object.entries(CORNERS).map(_ref2 => { + let [corner, label] = _ref2; + const [parsedQuantity, parsedUnit] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values[corner]); + const computedUnit = values[corner] ? parsedUnit : selectedUnits[corner] || selectedUnits.flat; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { + text: label, + position: "top", + key: corner + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "components-border-radius-control__tooltip-wrapper" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, _extends({}, props, { + "aria-label": label, + value: [parsedQuantity, computedUnit].join(''), + onChange: createHandleOnChange(corner), + onUnitChange: createHandleOnUnitChange(corner), + size: '__unstable-large' + })))); + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/linked-button.js + + + +/** + * WordPress dependencies + */ + + + +function linked_button_LinkedButton(_ref) { + let { + isLinked, + ...props + } = _ref; + const label = isLinked ? (0,external_wp_i18n_namespaceObject.__)('Unlink radii') : (0,external_wp_i18n_namespaceObject.__)('Link radii'); // TODO: Remove span after merging https://github.com/WordPress/gutenberg/pull/44198 + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, { + text: label + }, (0,external_wp_element_namespaceObject.createElement)("span", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({}, props, { + className: "component-border-radius-control__linked-button", + isSmall: true, + icon: isLinked ? library_link : link_off, + iconSize: 24, + "aria-label": label + })))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/border-radius-control/index.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + + +const border_radius_control_DEFAULT_VALUES = { + topLeft: undefined, + topRight: undefined, + bottomLeft: undefined, + bottomRight: undefined +}; +const MIN_BORDER_RADIUS_VALUE = 0; +const MAX_BORDER_RADIUS_VALUES = { + px: 100, + em: 20, + rem: 20 +}; +/** + * Control to display border radius options. + * + * @param {Object} props Component props. + * @param {Function} props.onChange Callback to handle onChange. + * @param {Object} props.values Border radius values. + * + * @return {WPElement} Custom border radius control. + */ + +function BorderRadiusControl(_ref) { + let { + onChange, + values + } = _ref; + const [isLinked, setIsLinked] = (0,external_wp_element_namespaceObject.useState)(!hasDefinedValues(values) || !hasMixedValues(values)); // Tracking selected units via internal state allows filtering of CSS unit + // only values from being saved while maintaining preexisting unit selection + // behaviour. Filtering CSS unit only values prevents invalid style values. + + const [selectedUnits, setSelectedUnits] = (0,external_wp_element_namespaceObject.useState)({ + flat: typeof values === 'string' ? (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values)[1] : undefined, + topLeft: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.topLeft)[1], + topRight: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.topRight)[1], + bottomLeft: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.bottomLeft)[1], + bottomRight: (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(values === null || values === void 0 ? void 0 : values.bottomRight)[1] + }); + const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ + availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem'] + }); + const unit = getAllUnit(selectedUnits); + const unitConfig = units && units.find(item => item.value === unit); + const step = (unitConfig === null || unitConfig === void 0 ? void 0 : unitConfig.step) || 1; + const [allValue] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(getAllValue(values)); + + const toggleLinked = () => setIsLinked(!isLinked); + + const handleSliderChange = next => { + onChange(next !== undefined ? `${next}${unit}` : undefined); + }; + + return (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: "components-border-radius-control" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, { + as: "legend" + }, (0,external_wp_i18n_namespaceObject.__)('Radius')), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "components-border-radius-control__wrapper" + }, isLinked ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(all_input_control_AllInputControl, { + className: "components-border-radius-control__unit-control", + values: values, + min: MIN_BORDER_RADIUS_VALUE, + onChange: onChange, + selectedUnits: selectedUnits, + setSelectedUnits: setSelectedUnits, + units: units + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { + label: (0,external_wp_i18n_namespaceObject.__)('Border radius'), + hideLabelFromVision: true, + className: "components-border-radius-control__range-control", + value: allValue !== null && allValue !== void 0 ? allValue : '', + min: MIN_BORDER_RADIUS_VALUE, + max: MAX_BORDER_RADIUS_VALUES[unit], + initialPosition: 0, + withInputField: false, + onChange: handleSliderChange, + step: step, + __nextHasNoMarginBottom: true + })) : (0,external_wp_element_namespaceObject.createElement)(input_controls_BoxInputControls, { + min: MIN_BORDER_RADIUS_VALUE, + onChange: onChange, + selectedUnits: selectedUnits, + setSelectedUnits: setSelectedUnits, + values: values || border_radius_control_DEFAULT_VALUES, + units: units + }), (0,external_wp_element_namespaceObject.createElement)(linked_button_LinkedButton, { + onClick: toggleLinked, + isLinked: isLinked + }))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/border-radius.js + + +/** + * Internal dependencies + */ + + + +/** + * Inspector control panel containing the border radius related configuration. + * + * @param {Object} props Block properties. + * + * @return {WPElement} Border radius edit element. + */ + +function BorderRadiusEdit(props) { + var _style$border; + + const { + attributes: { + style + }, + setAttributes + } = props; + + const onChange = newRadius => { + const newStyle = utils_cleanEmptyObject({ ...style, + border: { ...(style === null || style === void 0 ? void 0 : style.border), + radius: newRadius + } + }); + setAttributes({ + style: newStyle + }); + }; + + return (0,external_wp_element_namespaceObject.createElement)(BorderRadiusControl, { + values: style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius, + onChange: onChange + }); +} +/** + * Checks if there is a current value in the border radius block support + * attributes. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a border radius value set. + */ + +function hasBorderRadiusValue(props) { + var _props$attributes$sty, _props$attributes$sty2; + + const borderRadius = (_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : (_props$attributes$sty2 = _props$attributes$sty.border) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.radius; + + if (typeof borderRadius === 'object') { + return Object.entries(borderRadius).some(Boolean); + } + + return !!borderRadius; +} +/** + * Resets the border radius block support attributes. This can be used when + * disabling the border radius support controls for a block via a progressive + * discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetBorderRadius(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + style: removeBorderAttribute(style, 'radius') + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/utils.js +/** + * External dependencies + */ + + + + +k([names, a11y]); +/** + * Provided an array of color objects as set by the theme or by the editor defaults, + * and the values of the defined color or custom color returns a color object describing the color. + * + * @param {Array} colors Array of color objects as set by the theme or by the editor defaults. + * @param {?string} definedColor A string containing the color slug. + * @param {?string} customColor A string containing the customColor value. + * + * @return {?Object} If definedColor is passed and the name is found in colors, + * the color object exactly as set by the theme or editor defaults is returned. + * Otherwise, an object that just sets the color is defined. + */ + +const getColorObjectByAttributeValues = (colors, definedColor, customColor) => { + if (definedColor) { + const colorObj = colors === null || colors === void 0 ? void 0 : colors.find(color => color.slug === definedColor); + + if (colorObj) { + return colorObj; + } + } + + return { + color: customColor + }; +}; +/** + * 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. + * + * @param {Array} colors Array of color objects as set by the theme or by the editor defaults. + * @param {?string} colorValue A string containing the color value. + * + * @return {?Object} Color object included in the colors array whose color property equals colorValue. + * Returns undefined if no color object matches this requirement. + */ + +const getColorObjectByColorValue = (colors, colorValue) => { + return colors === null || colors === void 0 ? void 0 : colors.find(color => color.color === colorValue); +}; +/** + * Returns a class based on the context a color is being used and its slug. + * + * @param {string} colorContextName Context/place where color is being used e.g: background, text etc... + * @param {string} colorSlug Slug of the color. + * + * @return {?string} String with the class corresponding to the color in the provided context. + * Returns undefined if either colorContextName or colorSlug are not provided. + */ + +function getColorClassName(colorContextName, colorSlug) { + if (!colorContextName || !colorSlug) { + return undefined; + } + + return `has-${(0,external_lodash_namespaceObject.kebabCase)(colorSlug)}-${colorContextName}`; +} +/** + * Given an array of color objects and a color value returns the color value of the most readable color in the array. + * + * @param {Array} colors Array of color objects as set by the theme or by the editor defaults. + * @param {?string} colorValue A string containing the color value. + * + * @return {string} String with the color value of the most readable color. + */ + +function getMostReadableColor(colors, colorValue) { + const colordColor = w(colorValue); + + const getColorContrast = _ref => { + let { + color + } = _ref; + return colordColor.contrast(color); + }; + + const maxContrast = Math.max(...colors.map(getColorContrast)); + return colors.find(color => getColorContrast(color) === maxContrast).color; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/use-multiple-origin-colors-and-gradients.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * Retrieves color and gradient related settings. + * + * The arrays for colors and gradients are made up of color palettes from each + * origin i.e. "Core", "Theme", and "User". + * + * @return {Object} Color and gradient related settings. + */ + +function useMultipleOriginColorsAndGradients() { + const colorGradientSettings = { + disableCustomColors: !useSetting('color.custom'), + disableCustomGradients: !useSetting('color.customGradient') + }; + const customColors = useSetting('color.palette.custom'); + const themeColors = useSetting('color.palette.theme'); + const defaultColors = useSetting('color.palette.default'); + const shouldDisplayDefaultColors = useSetting('color.defaultPalette'); + colorGradientSettings.colors = (0,external_wp_element_namespaceObject.useMemo)(() => { + const result = []; + + if (themeColors && themeColors.length) { + result.push({ + name: (0,external_wp_i18n_namespaceObject._x)('Theme', 'Indicates this palette comes from the theme.'), + colors: themeColors + }); + } + + if (shouldDisplayDefaultColors && defaultColors && defaultColors.length) { + result.push({ + name: (0,external_wp_i18n_namespaceObject._x)('Default', 'Indicates this palette comes from WordPress.'), + colors: defaultColors + }); + } + + if (customColors && customColors.length) { + result.push({ + name: (0,external_wp_i18n_namespaceObject._x)('Custom', 'Indicates this palette comes from the theme.'), + colors: customColors + }); + } + + return result; + }, [defaultColors, themeColors, customColors]); + const customGradients = useSetting('color.gradients.custom'); + const themeGradients = useSetting('color.gradients.theme'); + const defaultGradients = useSetting('color.gradients.default'); + const shouldDisplayDefaultGradients = useSetting('color.defaultGradients'); + colorGradientSettings.gradients = (0,external_wp_element_namespaceObject.useMemo)(() => { + const result = []; + + if (themeGradients && themeGradients.length) { + result.push({ + name: (0,external_wp_i18n_namespaceObject._x)('Theme', 'Indicates this palette comes from the theme.'), + gradients: themeGradients + }); + } + + if (shouldDisplayDefaultGradients && defaultGradients && defaultGradients.length) { + result.push({ + name: (0,external_wp_i18n_namespaceObject._x)('Default', 'Indicates this palette comes from WordPress.'), + gradients: defaultGradients + }); + } + + if (customGradients && customGradients.length) { + result.push({ + name: (0,external_wp_i18n_namespaceObject._x)('Custom', 'Indicates this palette is created by the user.'), + gradients: customGradients + }); + } + + return result; + }, [customGradients, themeGradients, defaultGradients]); + return colorGradientSettings; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/border.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + + +/** + * Internal dependencies + */ + + + + + + + +const border_BORDER_SUPPORT_KEY = '__experimentalBorder'; +const borderSides = ['top', 'right', 'bottom', 'left']; + +const hasBorderValue = props => { + const { + borderColor, + style + } = props.attributes; + return (0,external_wp_components_namespaceObject.__experimentalIsDefinedBorder)(style === null || style === void 0 ? void 0 : style.border) || !!borderColor; +}; // The border color, style, and width are omitted so they get undefined. The +// border radius is separate and must retain its selection. + + +const resetBorder = _ref => { + var _style$border; + + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + borderColor: undefined, + style: { ...style, + border: utils_cleanEmptyObject({ + radius: style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius + }) + } + }); +}; + +const resetBorderFilter = newAttributes => { + var _newAttributes$style, _newAttributes$style$; + + return { ...newAttributes, + borderColor: undefined, + style: { ...newAttributes.style, + border: { + radius: (_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : (_newAttributes$style$ = _newAttributes$style.border) === null || _newAttributes$style$ === void 0 ? void 0 : _newAttributes$style$.radius + } + } + }; +}; + +const getColorByProperty = (colors, property, value) => { + let matchedColor; + colors.some(origin => origin.colors.some(color => { + if (color[property] === value) { + matchedColor = color; + return true; + } + + return false; + })); + return matchedColor; +}; + +const getMultiOriginColor = _ref2 => { + let { + colors, + namedColor, + customColor + } = _ref2; + + // Search each origin (default, theme, or user) for matching color by name. + if (namedColor) { + const colorObject = getColorByProperty(colors, 'slug', namedColor); + + if (colorObject) { + return colorObject; + } + } // Skip if no custom color or matching named color. + + + if (!customColor) { + return { + color: undefined + }; + } // Attempt to find color via custom color value or build new object. + + + const colorObject = getColorByProperty(colors, 'color', customColor); + return colorObject ? colorObject : { + color: customColor + }; +}; + +const getBorderObject = (attributes, colors) => { + const { + borderColor, + style + } = attributes; + const { + border: borderStyles + } = style || {}; // If we have a named color for a flat border. Fetch that color object and + // apply that color's value to the color property within the style object. + + if (borderColor) { + const { + color + } = getMultiOriginColor({ + colors, + namedColor: borderColor + }); + return color ? { ...borderStyles, + color + } : borderStyles; + } // Individual side border color slugs are stored within the border style + // object. If we don't have a border styles object we have nothing further + // to hydrate. + + + if (!borderStyles) { + return borderStyles; + } // If we have named colors for the individual side borders, retrieve their + // related color objects and apply the real color values to the split + // border objects. + + + const hydratedBorderStyles = { ...borderStyles + }; + borderSides.forEach(side => { + var _hydratedBorderStyles; + + const colorSlug = getColorSlugFromVariable((_hydratedBorderStyles = hydratedBorderStyles[side]) === null || _hydratedBorderStyles === void 0 ? void 0 : _hydratedBorderStyles.color); + + if (colorSlug) { + const { + color + } = getMultiOriginColor({ + colors, + namedColor: colorSlug + }); + hydratedBorderStyles[side] = { ...hydratedBorderStyles[side], + color + }; + } + }); + return hydratedBorderStyles; +}; + +function getColorSlugFromVariable(value) { + const namedColor = /var:preset\|color\|(.+)/.exec(value); + + if (namedColor && namedColor[1]) { + return namedColor[1]; + } + + return null; +} + +function BorderPanel(props) { + const { + attributes, + clientId, + setAttributes + } = props; + const { + style + } = attributes; + const { + colors + } = useMultipleOriginColorsAndGradients(); + const isSupported = border_hasBorderSupport(props.name); + const isColorSupported = useSetting('border.color') && border_hasBorderSupport(props.name, 'color'); + const isRadiusSupported = useSetting('border.radius') && border_hasBorderSupport(props.name, 'radius'); + const isStyleSupported = useSetting('border.style') && border_hasBorderSupport(props.name, 'style'); + const isWidthSupported = useSetting('border.width') && border_hasBorderSupport(props.name, 'width'); + const isDisabled = [!isColorSupported, !isRadiusSupported, !isStyleSupported, !isWidthSupported].every(Boolean); + + if (isDisabled || !isSupported) { + return null; + } + + const defaultBorderControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [border_BORDER_SUPPORT_KEY, '__experimentalDefaultControls']); + const showBorderByDefault = (defaultBorderControls === null || defaultBorderControls === void 0 ? void 0 : defaultBorderControls.color) || (defaultBorderControls === null || defaultBorderControls === void 0 ? void 0 : defaultBorderControls.width); + + const onBorderChange = newBorder => { + var _style$border2; + + // Filter out named colors and apply them to appropriate block + // attributes so that CSS classes can be used to apply those colors. + // e.g. has-primary-border-top-color. + let newBorderStyles = { ...newBorder + }; + let newBorderColor; + + if ((0,external_wp_components_namespaceObject.__experimentalHasSplitBorders)(newBorder)) { + // For each side check if the side has a color value set + // If so, determine if it belongs to a named color, in which case + // we update the color property. + // + // This deliberately overwrites `newBorderStyles` to avoid mutating + // the passed object which causes problems otherwise. + newBorderStyles = { + top: { ...newBorder.top + }, + right: { ...newBorder.right + }, + bottom: { ...newBorder.bottom + }, + left: { ...newBorder.left + } + }; + borderSides.forEach(side => { + var _newBorder$side; + + if ((_newBorder$side = newBorder[side]) !== null && _newBorder$side !== void 0 && _newBorder$side.color) { + var _newBorder$side2; + + const colorObject = getMultiOriginColor({ + colors, + customColor: (_newBorder$side2 = newBorder[side]) === null || _newBorder$side2 === void 0 ? void 0 : _newBorder$side2.color + }); + + if (colorObject.slug) { + newBorderStyles[side].color = `var:preset|color|${colorObject.slug}`; + } + } + }); + } else if (newBorder !== null && newBorder !== void 0 && newBorder.color) { + // We have a flat border configuration. Apply named color slug to + // `borderColor` attribute and clear color style property if found. + const customColor = newBorder === null || newBorder === void 0 ? void 0 : newBorder.color; + const colorObject = getMultiOriginColor({ + colors, + customColor + }); + + if (colorObject.slug) { + newBorderColor = colorObject.slug; + newBorderStyles.color = undefined; + } + } // Ensure previous border radius styles are maintained and clean + // overall result for empty objects or properties. + + + const newStyle = utils_cleanEmptyObject({ ...style, + border: { + radius: style === null || style === void 0 ? void 0 : (_style$border2 = style.border) === null || _style$border2 === void 0 ? void 0 : _style$border2.radius, + ...newBorderStyles + } + }); + setAttributes({ + style: newStyle, + borderColor: newBorderColor + }); + }; + + const hydratedBorder = getBorderObject(attributes, colors); + return (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { + group: "border" + }, (isWidthSupported || isColorSupported) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + hasValue: () => hasBorderValue(props), + label: (0,external_wp_i18n_namespaceObject.__)('Border'), + onDeselect: () => resetBorder(props), + isShownByDefault: showBorderByDefault, + resetAllFilter: resetBorderFilter, + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalBorderBoxControl, { + colors: colors, + enableAlpha: true, + enableStyle: isStyleSupported, + onChange: onBorderChange, + popoverOffset: 40, + popoverPlacement: "left-start", + size: "__unstable-large", + value: hydratedBorder, + __experimentalIsRenderedInSidebar: true + })), isRadiusSupported && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + hasValue: () => hasBorderRadiusValue(props), + label: (0,external_wp_i18n_namespaceObject.__)('Radius'), + onDeselect: () => resetBorderRadius(props), + isShownByDefault: defaultBorderControls === null || defaultBorderControls === void 0 ? void 0 : defaultBorderControls.radius, + resetAllFilter: newAttributes => { + var _newAttributes$style2; + + return { ...newAttributes, + style: { ...newAttributes.style, + border: { ...((_newAttributes$style2 = newAttributes.style) === null || _newAttributes$style2 === void 0 ? void 0 : _newAttributes$style2.border), + radius: undefined + } + } + }; + }, + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(BorderRadiusEdit, props))); +} +/** + * Determine whether there is block support for border properties. + * + * @param {string} blockName Block name. + * @param {string} feature Border feature to check support for. + * + * @return {boolean} Whether there is support. + */ + +function border_hasBorderSupport(blockName) { + let feature = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'any'; + + if (external_wp_element_namespaceObject.Platform.OS !== 'web') { + return false; + } + + const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, border_BORDER_SUPPORT_KEY); + + if (support === true) { + return true; + } + + if (feature === 'any') { + return !!(support !== null && support !== void 0 && support.color || support !== null && support !== void 0 && support.radius || support !== null && support !== void 0 && support.width || support !== null && support !== void 0 && support.style); + } + + return !!(support !== null && support !== void 0 && support[feature]); +} +/** + * Returns a new style object where the specified border attribute has been + * removed. + * + * @param {Object} style Styles from block attributes. + * @param {string} attribute The border style attribute to clear. + * + * @return {Object} Style object with the specified attribute removed. + */ + +function removeBorderAttribute(style, attribute) { + return utils_cleanEmptyObject({ ...style, + border: { ...(style === null || style === void 0 ? void 0 : style.border), + [attribute]: undefined + } + }); +} +/** + * Filters registered block settings, extending attributes to include + * `borderColor` if needed. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Updated block settings. + */ + +function addAttributes(settings) { + if (!border_hasBorderSupport(settings, 'color')) { + return settings; + } // Allow blocks to specify default value if needed. + + + if (settings.attributes.borderColor) { + return settings; + } // Add new borderColor attribute to block settings. + + + return { ...settings, + attributes: { ...settings.attributes, + borderColor: { + type: 'string' + } + } + }; +} +/** + * Override props assigned to save component to inject border color. + * + * @param {Object} props Additional props applied to save element. + * @param {Object} blockType Block type definition. + * @param {Object} attributes Block's attributes. + * + * @return {Object} Filtered props to apply to save element. + */ + + +function border_addSaveProps(props, blockType, attributes) { + if (!border_hasBorderSupport(blockType, 'color') || shouldSkipSerialization(blockType, border_BORDER_SUPPORT_KEY, 'color')) { + return props; + } + + const borderClasses = getBorderClasses(attributes); + const newClassName = classnames_default()(props.className, borderClasses); // If we are clearing the last of the previous classes in `className` + // set it to `undefined` to avoid rendering empty DOM attributes. + + props.className = newClassName ? newClassName : undefined; + return props; +} +/** + * Generates a CSS class name consisting of all the applicable border color + * classes given the current block attributes. + * + * @param {Object} attributes Block's attributes. + * + * @return {string} CSS class name. + */ + + +function getBorderClasses(attributes) { + var _style$border3; + + const { + borderColor, + style + } = attributes; + const borderColorClass = getColorClassName('border-color', borderColor); + return classnames_default()({ + 'has-border-color': borderColor || (style === null || style === void 0 ? void 0 : (_style$border3 = style.border) === null || _style$border3 === void 0 ? void 0 : _style$border3.color), + [borderColorClass]: !!borderColorClass + }); +} +/** + * Filters the registered block settings to apply border color styles and + * classnames to the block edit wrapper. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function addEditProps(settings) { + if (!border_hasBorderSupport(settings, 'color') || shouldSkipSerialization(settings, border_BORDER_SUPPORT_KEY, 'color')) { + return settings; + } + + const existingGetEditWrapperProps = settings.getEditWrapperProps; + + settings.getEditWrapperProps = attributes => { + let props = {}; + + if (existingGetEditWrapperProps) { + props = existingGetEditWrapperProps(attributes); + } + + return border_addSaveProps(props, settings, attributes); + }; + + return settings; +} +/** + * This adds inline styles for color palette colors. + * Ideally, this is not needed and themes should load their palettes on the editor. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + + +const withBorderColorPaletteStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + var _style$border4, _style$border4$top, _style$border5, _style$border5$right, _style$border6, _style$border6$bottom, _style$border7, _style$border7$left, _props$wrapperProps; + + const { + name, + attributes + } = props; + const { + borderColor, + style + } = attributes; + const { + colors + } = useMultipleOriginColorsAndGradients(); + + if (!border_hasBorderSupport(name, 'color') || shouldSkipSerialization(name, border_BORDER_SUPPORT_KEY, 'color')) { + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); + } + + const { + color: borderColorValue + } = getMultiOriginColor({ + colors, + namedColor: borderColor + }); + const { + color: borderTopColor + } = getMultiOriginColor({ + colors, + namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border4 = style.border) === null || _style$border4 === void 0 ? void 0 : (_style$border4$top = _style$border4.top) === null || _style$border4$top === void 0 ? void 0 : _style$border4$top.color) + }); + const { + color: borderRightColor + } = getMultiOriginColor({ + colors, + namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border5 = style.border) === null || _style$border5 === void 0 ? void 0 : (_style$border5$right = _style$border5.right) === null || _style$border5$right === void 0 ? void 0 : _style$border5$right.color) + }); + const { + color: borderBottomColor + } = getMultiOriginColor({ + colors, + namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border6 = style.border) === null || _style$border6 === void 0 ? void 0 : (_style$border6$bottom = _style$border6.bottom) === null || _style$border6$bottom === void 0 ? void 0 : _style$border6$bottom.color) + }); + const { + color: borderLeftColor + } = getMultiOriginColor({ + colors, + namedColor: getColorSlugFromVariable(style === null || style === void 0 ? void 0 : (_style$border7 = style.border) === null || _style$border7 === void 0 ? void 0 : (_style$border7$left = _style$border7.left) === null || _style$border7$left === void 0 ? void 0 : _style$border7$left.color) + }); + const extraStyles = { + borderTopColor: borderTopColor || borderColorValue, + borderRightColor: borderRightColor || borderColorValue, + borderBottomColor: borderBottomColor || borderColorValue, + borderLeftColor: borderLeftColor || borderColorValue + }; + let wrapperProps = props.wrapperProps; + wrapperProps = { ...props.wrapperProps, + style: { ...((_props$wrapperProps = props.wrapperProps) === null || _props$wrapperProps === void 0 ? void 0 : _props$wrapperProps.style), + ...extraStyles + } + }; + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + wrapperProps: wrapperProps + })); +}); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/border/addAttributes', addAttributes); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/border/addSaveProps', border_addSaveProps); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/border/addEditProps', addEditProps); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/border/with-border-color-palette-styles', withBorderColorPaletteStyles); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradients/use-gradient.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + +function __experimentalGetGradientClass(gradientSlug) { + if (!gradientSlug) { + return undefined; + } + + return `has-${gradientSlug}-gradient-background`; +} +/** + * Retrieves the gradient value per slug. + * + * @param {Array} gradients Gradient Palette + * @param {string} slug Gradient slug + * + * @return {string} Gradient value. + */ + +function getGradientValueBySlug(gradients, slug) { + const gradient = gradients === null || gradients === void 0 ? void 0 : gradients.find(g => g.slug === slug); + return gradient && gradient.gradient; +} +function __experimentalGetGradientObjectByGradientValue(gradients, value) { + const gradient = gradients === null || gradients === void 0 ? void 0 : gradients.find(g => g.gradient === value); + return gradient; +} +/** + * Retrieves the gradient slug per slug. + * + * @param {Array} gradients Gradient Palette + * @param {string} value Gradient value + * @return {string} Gradient slug. + */ + +function getGradientSlugByValue(gradients, value) { + const gradient = __experimentalGetGradientObjectByGradientValue(gradients, value); + + return gradient && gradient.slug; +} +function __experimentalUseGradient() { + let { + gradientAttribute = 'gradient', + customGradientAttribute = 'customGradient' + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const { + clientId + } = useBlockEditContext(); + const userGradientPalette = useSetting('color.gradients.custom'); + const themeGradientPalette = useSetting('color.gradients.theme'); + const defaultGradientPalette = useSetting('color.gradients.default'); + const allGradients = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userGradientPalette || []), ...(themeGradientPalette || []), ...(defaultGradientPalette || [])], [userGradientPalette, themeGradientPalette, defaultGradientPalette]); + const { + gradient, + customGradient + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockAttributes + } = select(store); + const attributes = getBlockAttributes(clientId) || {}; + return { + customGradient: attributes[customGradientAttribute], + gradient: attributes[gradientAttribute] + }; + }, [clientId, gradientAttribute, customGradientAttribute]); + const { + updateBlockAttributes + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const setGradient = (0,external_wp_element_namespaceObject.useCallback)(newGradientValue => { + const slug = getGradientSlugByValue(allGradients, newGradientValue); + + if (slug) { + updateBlockAttributes(clientId, { + [gradientAttribute]: slug, + [customGradientAttribute]: undefined + }); + return; + } + + updateBlockAttributes(clientId, { + [gradientAttribute]: undefined, + [customGradientAttribute]: newGradientValue + }); + }, [allGradients, clientId, updateBlockAttributes]); + + const gradientClass = __experimentalGetGradientClass(gradient); + + let gradientValue; + + if (gradient) { + gradientValue = getGradientValueBySlug(allGradients, gradient); + } else { + gradientValue = customGradient; + } + + return { + gradientClass, + gradientValue, + setGradient + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/control.js + + + +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +const colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients']; +const TAB_COLOR = { + name: 'color', + title: 'Solid', + value: 'color' +}; +const TAB_GRADIENT = { + name: 'gradient', + title: 'Gradient', + value: 'gradient' +}; +const TABS_SETTINGS = [TAB_COLOR, TAB_GRADIENT]; + +function ColorGradientControlInner(_ref) { + let { + colors, + gradients, + disableCustomColors, + disableCustomGradients, + __experimentalIsRenderedInSidebar, + className, + label, + onColorChange, + onGradientChange, + colorValue, + gradientValue, + clearable, + showTitle = true, + enableAlpha + } = _ref; + const canChooseAColor = onColorChange && (!(0,external_lodash_namespaceObject.isEmpty)(colors) || !disableCustomColors); + const canChooseAGradient = onGradientChange && (!(0,external_lodash_namespaceObject.isEmpty)(gradients) || !disableCustomGradients); + + if (!canChooseAColor && !canChooseAGradient) { + return null; + } + + const tabPanels = { + [TAB_COLOR.value]: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorPalette, { + value: colorValue, + onChange: canChooseAGradient ? newColor => { + onColorChange(newColor); + onGradientChange(); + } : onColorChange, + colors, + disableCustomColors, + __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar, + clearable: clearable, + enableAlpha: enableAlpha + }), + [TAB_GRADIENT.value]: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.GradientPicker, { + __nextHasNoMargin: true, + value: gradientValue, + onChange: canChooseAColor ? newGradient => { + onGradientChange(newGradient); + onColorChange(); + } : onGradientChange, + gradients, + disableCustomGradients, + __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar, + clearable: clearable + }) + }; + + const renderPanelType = type => (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-color-gradient-control__panel" + }, tabPanels[type]); + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, { + __nextHasNoMarginBottom: true, + className: classnames_default()('block-editor-color-gradient-control', className) + }, (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: "block-editor-color-gradient-control__fieldset" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, { + spacing: 1 + }, showTitle && (0,external_wp_element_namespaceObject.createElement)("legend", null, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-color-gradient-control__color-indicator" + }, (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.TabPanel, { + className: "block-editor-color-gradient-control__tabs", + tabs: TABS_SETTINGS, + initialTabName: gradientValue ? TAB_GRADIENT.value : !!canChooseAColor && TAB_COLOR.value + }, tab => renderPanelType(tab.value)), !canChooseAGradient && renderPanelType(TAB_COLOR.value), !canChooseAColor && renderPanelType(TAB_GRADIENT.value)))); +} + +function ColorGradientControlSelect(props) { + const colorGradientSettings = {}; + colorGradientSettings.colors = useSetting('color.palette'); + colorGradientSettings.gradients = useSetting('color.gradients'); + colorGradientSettings.disableCustomColors = !useSetting('color.custom'); + colorGradientSettings.disableCustomGradients = !useSetting('color.customGradient'); + return (0,external_wp_element_namespaceObject.createElement)(ColorGradientControlInner, _extends({}, colorGradientSettings, props)); +} + +function ColorGradientControl(props) { + if (colorsAndGradientKeys.every(key => props.hasOwnProperty(key))) { + return (0,external_wp_element_namespaceObject.createElement)(ColorGradientControlInner, props); + } + + return (0,external_wp_element_namespaceObject.createElement)(ColorGradientControlSelect, props); +} + +/* harmony default export */ var control = (ColorGradientControl); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/dropdown.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + // When the `ColorGradientSettingsDropdown` controls are being rendered to a +// `ToolsPanel` they must be wrapped in a `ToolsPanelItem`. + +const WithToolsPanelItem = _ref => { + let { + setting, + children, + panelId, + ...props + } = _ref; + + const clearValue = () => { + if (setting.colorValue) { + setting.onColorChange(); + } else if (setting.gradientValue) { + setting.onGradientChange(); + } + }; + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, _extends({ + hasValue: () => { + return !!setting.colorValue || !!setting.gradientValue; + }, + label: setting.label, + onDeselect: clearValue, + isShownByDefault: setting.isShownByDefault !== undefined ? setting.isShownByDefault : true + }, props, { + className: "block-editor-tools-panel-color-gradient-settings__item", + panelId: panelId // Pass resetAllFilter if supplied due to rendering via SlotFill + // into parent ToolsPanel. + , + resetAllFilter: setting.resetAllFilter + }), children); +}; + +const LabeledColorIndicator = _ref2 => { + let { + colorValue, + label + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, { + justify: "flex-start" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorIndicator, { + className: "block-editor-panel-color-gradient-settings__color-indicator", + colorValue: colorValue + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, { + className: "block-editor-panel-color-gradient-settings__color-name", + title: label + }, label)); +}; // Renders a color dropdown's toggle as an `Item` if it is within an `ItemGroup` +// or as a `Button` if it isn't e.g. the controls are being rendered in +// a `ToolsPanel`. + + +const renderToggle = settings => _ref3 => { + let { + onToggle, + isOpen + } = _ref3; + const { + colorValue, + label + } = settings; + const toggleProps = { + onClick: onToggle, + className: classnames_default()('block-editor-panel-color-gradient-settings__dropdown', { + 'is-open': isOpen + }), + 'aria-expanded': isOpen + }; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, toggleProps, (0,external_wp_element_namespaceObject.createElement)(LabeledColorIndicator, { + colorValue: colorValue, + label: label + })); +}; // Renders a collection of color controls as dropdowns. Depending upon the +// context in which these dropdowns are being rendered, they may be wrapped +// in an `ItemGroup` with each dropdown's toggle as an `Item`, or alternatively, +// the may be individually wrapped in a `ToolsPanelItem` with the toggle as +// a regular `Button`. +// +// For more context see: https://github.com/WordPress/gutenberg/pull/40084 + + +function ColorGradientSettingsDropdown(_ref4) { + let { + colors, + disableCustomColors, + disableCustomGradients, + enableAlpha, + gradients, + settings, + __experimentalIsRenderedInSidebar, + ...props + } = _ref4; + let popoverProps; + + if (__experimentalIsRenderedInSidebar) { + popoverProps = { + placement: 'left-start', + offset: 36, + shift: true + }; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, settings.map((setting, index) => { + var _setting$gradientValu; + + const controlProps = { + clearable: false, + colorValue: setting.colorValue, + colors, + disableCustomColors, + disableCustomGradients, + enableAlpha, + gradientValue: setting.gradientValue, + gradients, + label: setting.label, + onColorChange: setting.onColorChange, + onGradientChange: setting.onGradientChange, + showTitle: false, + __experimentalIsRenderedInSidebar, + ...setting + }; + const toggleSettings = { + colorValue: (_setting$gradientValu = setting.gradientValue) !== null && _setting$gradientValu !== void 0 ? _setting$gradientValu : setting.colorValue, + label: setting.label + }; + return setting && // If not in an `ItemGroup` wrap the dropdown in a + // `ToolsPanelItem` + (0,external_wp_element_namespaceObject.createElement)(WithToolsPanelItem, _extends({ + key: index, + setting: setting + }, props), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { + popoverProps: popoverProps, + className: "block-editor-tools-panel-color-gradient-settings__dropdown", + renderToggle: renderToggle(toggleSettings), + renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalDropdownContentWrapper, { + paddingSize: "none" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-panel-color-gradient-settings__dropdown-content" + }, (0,external_wp_element_namespaceObject.createElement)(control, controlProps))) + })); + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/contrast-checker/index.js + + +/** + * External dependencies + */ + + + +/** + * WordPress dependencies + */ + + + + +k([names, a11y]); + +function ContrastChecker(_ref) { + let { + backgroundColor, + fallbackBackgroundColor, + fallbackTextColor, + fallbackLinkColor, + fontSize, + // Font size value in pixels. + isLargeText, + textColor, + linkColor, + enableAlphaChecker = false + } = _ref; + const currentBackgroundColor = backgroundColor || fallbackBackgroundColor; // Must have a background color. + + if (!currentBackgroundColor) { + return null; + } + + const currentTextColor = textColor || fallbackTextColor; + const currentLinkColor = linkColor || fallbackLinkColor; // Must have at least one text color. + + if (!currentTextColor && !currentLinkColor) { + return null; + } + + const textColors = [{ + color: currentTextColor, + description: (0,external_wp_i18n_namespaceObject.__)('text color') + }, { + color: currentLinkColor, + description: (0,external_wp_i18n_namespaceObject.__)('link color') + }]; + const colordBackgroundColor = w(currentBackgroundColor); + const backgroundColorHasTransparency = colordBackgroundColor.alpha() < 1; + const backgroundColorBrightness = colordBackgroundColor.brightness(); + const isReadableOptions = { + level: 'AA', + size: isLargeText || isLargeText !== false && fontSize >= 24 ? 'large' : 'small' + }; + let message = ''; + let speakMessage = ''; + + for (const item of textColors) { + // If there is no color, go no further. + if (!item.color) { + continue; + } + + const colordTextColor = w(item.color); + const isColordTextReadable = colordTextColor.isReadable(colordBackgroundColor, isReadableOptions); + const textHasTransparency = colordTextColor.alpha() < 1; // If the contrast is not readable. + + if (!isColordTextReadable) { + // Don't show the message if the background or text is transparent. + if (backgroundColorHasTransparency || textHasTransparency) { + continue; + } + + message = backgroundColorBrightness < colordTextColor.brightness() ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s is a type of text color, e.g., "text color" or "link color". + (0,external_wp_i18n_namespaceObject.__)('This color combination may be hard for people to read. Try using a darker background color and/or a brighter %s.'), item.description) : (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s is a type of text color, e.g., "text color" or "link color". + (0,external_wp_i18n_namespaceObject.__)('This color combination may be hard for people to read. Try using a brighter background color and/or a darker %s.'), item.description); + speakMessage = (0,external_wp_i18n_namespaceObject.__)('This color combination may be hard for people to read.'); // Break from the loop when we have a contrast warning. + // These messages take priority over the transparency warning. + + break; + } // If there is no contrast warning and the text is transparent, + // show the transparent warning if alpha check is enabled. + + + if (textHasTransparency && enableAlphaChecker) { + message = (0,external_wp_i18n_namespaceObject.__)('Transparent text may be hard for people to read.'); + speakMessage = (0,external_wp_i18n_namespaceObject.__)('Transparent text may be hard for people to read.'); + } + } + + if (!message) { + return null; + } // Note: The `Notice` component can speak messages via its `spokenMessage` + // prop, but the contrast checker requires granular control over when the + // announcements are made. Notably, the message will be re-announced if a + // new color combination is selected and the contrast is still insufficient. + + + (0,external_wp_a11y_namespaceObject.speak)(speakMessage); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-contrast-checker" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, { + spokenMessage: null, + status: "warning", + isDismissible: false + }, message)); +} +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/contrast-checker/README.md + */ + + +/* harmony default export */ var contrast_checker = (ContrastChecker); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/color-panel.js + + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + + + + +function getComputedStyle(node) { + return node.ownerDocument.defaultView.getComputedStyle(node); +} + +function ColorPanel(_ref) { + let { + enableAlpha = false, + settings, + clientId, + enableContrastChecking = true + } = _ref; + const [detectedBackgroundColor, setDetectedBackgroundColor] = (0,external_wp_element_namespaceObject.useState)(); + const [detectedColor, setDetectedColor] = (0,external_wp_element_namespaceObject.useState)(); + const [detectedLinkColor, setDetectedLinkColor] = (0,external_wp_element_namespaceObject.useState)(); + const ref = useBlockRef(clientId); + const definedColors = settings.filter(setting => setting === null || setting === void 0 ? void 0 : setting.colorValue); + (0,external_wp_element_namespaceObject.useEffect)(() => { + var _ref$current; + + if (!enableContrastChecking) { + return; + } + + if (!definedColors.length) { + if (detectedBackgroundColor) { + setDetectedBackgroundColor(); + } + + if (detectedColor) { + setDetectedColor(); + } + + if (detectedLinkColor) { + setDetectedColor(); + } + + return; + } + + if (!ref.current) { + return; + } + + setDetectedColor(getComputedStyle(ref.current).color); + const firstLinkElement = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('a'); + + if (firstLinkElement && !!firstLinkElement.innerText) { + setDetectedLinkColor(getComputedStyle(firstLinkElement).color); + } + + let backgroundColorNode = ref.current; + let backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor; + + while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) { + backgroundColorNode = backgroundColorNode.parentNode; + backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor; + } + + setDetectedBackgroundColor(backgroundColor); + }); + const colorGradientSettings = useMultipleOriginColorsAndGradients(); + return (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { + group: "color" + }, (0,external_wp_element_namespaceObject.createElement)(ColorGradientSettingsDropdown, _extends({ + enableAlpha: enableAlpha, + panelId: clientId, + settings: settings, + __experimentalIsItemGroup: false, + __experimentalIsRenderedInSidebar: true + }, colorGradientSettings)), enableContrastChecking && (0,external_wp_element_namespaceObject.createElement)(contrast_checker, { + backgroundColor: detectedBackgroundColor, + textColor: detectedColor, + enableAlphaChecker: enableAlpha, + linkColor: detectedLinkColor + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/color.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + + +const color_COLOR_SUPPORT_KEY = 'color'; + +const color_hasColorSupport = blockType => { + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, color_COLOR_SUPPORT_KEY); + return colorSupport && (colorSupport.link === true || colorSupport.gradient === true || colorSupport.background !== false || colorSupport.text !== false); +}; + +const color_hasLinkColorSupport = blockType => { + if (external_wp_element_namespaceObject.Platform.OS !== 'web') { + return false; + } + + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, color_COLOR_SUPPORT_KEY); + return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.link; +}; + +const color_hasGradientSupport = blockType => { + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, color_COLOR_SUPPORT_KEY); + return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.gradients; +}; + +const color_hasBackgroundColorSupport = blockType => { + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, color_COLOR_SUPPORT_KEY); + return colorSupport && colorSupport.background !== false; +}; + +const color_hasTextColorSupport = blockType => { + const colorSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, color_COLOR_SUPPORT_KEY); + return colorSupport && colorSupport.text !== false; +}; +/** + * Clears a single color property from a style object. + * + * @param {Array} path Path to color property to clear within styles object. + * @param {Object} style Block attributes style object. + * @return {Object} Styles with the color property omitted. + */ + + +const clearColorFromStyles = (path, style) => utils_cleanEmptyObject(immutableSet(style, path, undefined)); +/** + * Clears text color related properties from supplied attributes. + * + * @param {Object} attributes Block attributes. + * @return {Object} Update block attributes with text color properties omitted. + */ + + +const resetAllTextFilter = attributes => ({ + textColor: undefined, + style: clearColorFromStyles(['color', 'text'], attributes.style) +}); +/** + * Clears link color related properties from supplied attributes. + * + * @param {Object} attributes Block attributes. + * @return {Object} Update block attributes with link color properties omitted. + */ + + +const resetAllLinkFilter = attributes => ({ + style: clearColorFromStyles(['elements', 'link', 'color', 'text'], attributes.style) +}); +/** + * Clears all background color related properties including gradients from + * supplied block attributes. + * + * @param {Object} attributes Block attributes. + * @return {Object} Block attributes with background and gradient omitted. + */ + + +const clearBackgroundAndGradient = attributes => { + var _attributes$style; + + return { + backgroundColor: undefined, + gradient: undefined, + style: { ...attributes.style, + color: { ...((_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : _attributes$style.color), + background: undefined, + gradient: undefined + } + } + }; +}; +/** + * Filters registered block settings, extending attributes to include + * `backgroundColor` and `textColor` attribute. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + + +function color_addAttributes(settings) { + if (!color_hasColorSupport(settings)) { + return settings; + } // Allow blocks to specify their own attribute definition with default values if needed. + + + if (!settings.attributes.backgroundColor) { + Object.assign(settings.attributes, { + backgroundColor: { + type: 'string' + } + }); + } + + if (!settings.attributes.textColor) { + Object.assign(settings.attributes, { + textColor: { + type: 'string' + } + }); + } + + if (color_hasGradientSupport(settings) && !settings.attributes.gradient) { + Object.assign(settings.attributes, { + gradient: { + type: 'string' + } + }); + } + + return settings; +} +/** + * Override props assigned to save component to inject colors classnames. + * + * @param {Object} props Additional props applied to save element. + * @param {Object} blockType Block type. + * @param {Object} attributes Block attributes. + * + * @return {Object} Filtered props applied to save element. + */ + + +function color_addSaveProps(props, blockType, attributes) { + var _style$color, _style$color2, _style$color3, _style$color4, _style$elements, _style$elements$link; + + if (!color_hasColorSupport(blockType) || shouldSkipSerialization(blockType, color_COLOR_SUPPORT_KEY)) { + return props; + } + + const hasGradient = color_hasGradientSupport(blockType); // I'd have preferred to avoid the "style" attribute usage here + + const { + backgroundColor, + textColor, + gradient, + style + } = attributes; + + const shouldSerialize = feature => !shouldSkipSerialization(blockType, color_COLOR_SUPPORT_KEY, feature); // Primary color classes must come before the `has-text-color`, + // `has-background` and `has-link-color` classes to maintain backwards + // compatibility and avoid block invalidations. + + + const textClass = shouldSerialize('text') ? getColorClassName('color', textColor) : undefined; + const gradientClass = shouldSerialize('gradients') ? __experimentalGetGradientClass(gradient) : undefined; + const backgroundClass = shouldSerialize('background') ? getColorClassName('background-color', backgroundColor) : undefined; + const serializeHasBackground = shouldSerialize('background') || shouldSerialize('gradients'); + const hasBackground = backgroundColor || (style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.background) || hasGradient && (gradient || (style === null || style === void 0 ? void 0 : (_style$color2 = style.color) === null || _style$color2 === void 0 ? void 0 : _style$color2.gradient)); + const newClassName = classnames_default()(props.className, textClass, gradientClass, { + // Don't apply the background class if there's a custom gradient. + [backgroundClass]: (!hasGradient || !(style !== null && style !== void 0 && (_style$color3 = style.color) !== null && _style$color3 !== void 0 && _style$color3.gradient)) && !!backgroundClass, + 'has-text-color': shouldSerialize('text') && (textColor || (style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.text)), + 'has-background': serializeHasBackground && hasBackground, + 'has-link-color': shouldSerialize('link') && (style === null || style === void 0 ? void 0 : (_style$elements = style.elements) === null || _style$elements === void 0 ? void 0 : (_style$elements$link = _style$elements.link) === null || _style$elements$link === void 0 ? void 0 : _style$elements$link.color) + }); + props.className = newClassName ? newClassName : undefined; + return props; +} +/** + * Filters registered block settings to extend the block edit wrapper + * to apply the desired styles and classnames properly. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function color_addEditProps(settings) { + if (!color_hasColorSupport(settings) || shouldSkipSerialization(settings, color_COLOR_SUPPORT_KEY)) { + return settings; + } + + const existingGetEditWrapperProps = settings.getEditWrapperProps; + + settings.getEditWrapperProps = attributes => { + let props = {}; + + if (existingGetEditWrapperProps) { + props = existingGetEditWrapperProps(attributes); + } + + return color_addSaveProps(props, settings, attributes); + }; + + return settings; +} + +const getLinkColorFromAttributeValue = (colors, value) => { + const attributeParsed = /var:preset\|color\|(.+)/.exec(value); + + if (attributeParsed && attributeParsed[1]) { + return getColorObjectByAttributeValues(colors, attributeParsed[1]).color; + } + + return value; +}; +/** + * Inspector control panel containing the color related configuration + * + * @param {Object} props + * + * @return {WPElement} Color edit element. + */ + + +function ColorEdit(props) { + var _style$color6, _style$color7, _style$color8, _style$elements2, _style$elements2$link, _style$elements2$link2; + + const { + name: blockName, + attributes + } = props; // Some color settings have a special handling for deprecated flags in `useSetting`, + // so we can't unwrap them by doing const { ... } = useSetting('color') + // until https://github.com/WordPress/gutenberg/issues/37094 is fixed. + + const userPalette = useSetting('color.palette.custom'); + const themePalette = useSetting('color.palette.theme'); + const defaultPalette = useSetting('color.palette.default'); + const allSolids = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); + const userGradientPalette = useSetting('color.gradients.custom'); + const themeGradientPalette = useSetting('color.gradients.theme'); + const defaultGradientPalette = useSetting('color.gradients.default'); + const allGradients = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userGradientPalette || []), ...(themeGradientPalette || []), ...(defaultGradientPalette || [])], [userGradientPalette, themeGradientPalette, defaultGradientPalette]); + const areCustomSolidsEnabled = useSetting('color.custom'); + const areCustomGradientsEnabled = useSetting('color.customGradient'); + const isBackgroundEnabled = useSetting('color.background'); + const isLinkEnabled = useSetting('color.link'); + const isTextEnabled = useSetting('color.text'); + const solidsEnabled = areCustomSolidsEnabled || !themePalette || (themePalette === null || themePalette === void 0 ? void 0 : themePalette.length) > 0; + const gradientsEnabled = areCustomGradientsEnabled || !themeGradientPalette || (themeGradientPalette === null || themeGradientPalette === void 0 ? void 0 : themeGradientPalette.length) > 0; // Shouldn't be needed but right now the ColorGradientsPanel + // can trigger both onChangeColor and onChangeBackground + // synchronously causing our two callbacks to override changes + // from each other. + + const localAttributes = (0,external_wp_element_namespaceObject.useRef)(attributes); + (0,external_wp_element_namespaceObject.useEffect)(() => { + localAttributes.current = attributes; + }, [attributes]); + + if (!color_hasColorSupport(blockName)) { + return null; + } + + const hasLinkColor = color_hasLinkColorSupport(blockName) && isLinkEnabled && solidsEnabled; + const hasTextColor = color_hasTextColorSupport(blockName) && isTextEnabled && solidsEnabled; + const hasBackgroundColor = color_hasBackgroundColorSupport(blockName) && isBackgroundEnabled && solidsEnabled; + const hasGradientColor = color_hasGradientSupport(blockName) && gradientsEnabled; + + if (!hasLinkColor && !hasTextColor && !hasBackgroundColor && !hasGradientColor) { + return null; + } + + const { + style, + textColor, + backgroundColor, + gradient + } = attributes; + let gradientValue; + + if (hasGradientColor && gradient) { + gradientValue = getGradientValueBySlug(allGradients, gradient); + } else if (hasGradientColor) { + var _style$color5; + + gradientValue = style === null || style === void 0 ? void 0 : (_style$color5 = style.color) === null || _style$color5 === void 0 ? void 0 : _style$color5.gradient; + } + + const onChangeColor = name => value => { + var _localAttributes$curr, _localAttributes$curr2; + + const colorObject = getColorObjectByColorValue(allSolids, value); + const attributeName = name + 'Color'; + const newStyle = { ...localAttributes.current.style, + color: { ...((_localAttributes$curr = localAttributes.current) === null || _localAttributes$curr === void 0 ? void 0 : (_localAttributes$curr2 = _localAttributes$curr.style) === null || _localAttributes$curr2 === void 0 ? void 0 : _localAttributes$curr2.color), + [name]: colorObject !== null && colorObject !== void 0 && colorObject.slug ? undefined : value + } + }; + const newNamedColor = colorObject !== null && colorObject !== void 0 && colorObject.slug ? colorObject.slug : undefined; + const newAttributes = { + style: utils_cleanEmptyObject(newStyle), + [attributeName]: newNamedColor + }; + props.setAttributes(newAttributes); + localAttributes.current = { ...localAttributes.current, + ...newAttributes + }; + }; + + const onChangeGradient = value => { + const slug = getGradientSlugByValue(allGradients, value); + let newAttributes; + + if (slug) { + var _localAttributes$curr3, _localAttributes$curr4, _localAttributes$curr5; + + const newStyle = { ...((_localAttributes$curr3 = localAttributes.current) === null || _localAttributes$curr3 === void 0 ? void 0 : _localAttributes$curr3.style), + color: { ...((_localAttributes$curr4 = localAttributes.current) === null || _localAttributes$curr4 === void 0 ? void 0 : (_localAttributes$curr5 = _localAttributes$curr4.style) === null || _localAttributes$curr5 === void 0 ? void 0 : _localAttributes$curr5.color), + gradient: undefined + } + }; + newAttributes = { + style: utils_cleanEmptyObject(newStyle), + gradient: slug + }; + } else { + var _localAttributes$curr6, _localAttributes$curr7, _localAttributes$curr8; + + const newStyle = { ...((_localAttributes$curr6 = localAttributes.current) === null || _localAttributes$curr6 === void 0 ? void 0 : _localAttributes$curr6.style), + color: { ...((_localAttributes$curr7 = localAttributes.current) === null || _localAttributes$curr7 === void 0 ? void 0 : (_localAttributes$curr8 = _localAttributes$curr7.style) === null || _localAttributes$curr8 === void 0 ? void 0 : _localAttributes$curr8.color), + gradient: value + } + }; + newAttributes = { + style: utils_cleanEmptyObject(newStyle), + gradient: undefined + }; + } + + props.setAttributes(newAttributes); + localAttributes.current = { ...localAttributes.current, + ...newAttributes + }; + }; + + const onChangeLinkColor = value => { + var _localAttributes$curr9; + + const colorObject = getColorObjectByColorValue(allSolids, value); + const newLinkColorValue = colorObject !== null && colorObject !== void 0 && colorObject.slug ? `var:preset|color|${colorObject.slug}` : value; + const newStyle = utils_cleanEmptyObject(immutableSet((_localAttributes$curr9 = localAttributes.current) === null || _localAttributes$curr9 === void 0 ? void 0 : _localAttributes$curr9.style, ['elements', 'link', 'color', 'text'], newLinkColorValue)); + props.setAttributes({ + style: newStyle + }); + localAttributes.current = { ...localAttributes.current, + ...{ + style: newStyle + } + }; + }; + + const defaultColorControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [color_COLOR_SUPPORT_KEY, '__experimentalDefaultControls']); + const enableContrastChecking = external_wp_element_namespaceObject.Platform.OS === 'web' && !gradient && !(style !== null && style !== void 0 && (_style$color6 = style.color) !== null && _style$color6 !== void 0 && _style$color6.gradient) && hasBackgroundColor && (hasLinkColor || hasTextColor) && // Contrast checking is enabled by default. + // Deactivating it requires `enableContrastChecker` to have + // an explicit value of `false`. + false !== (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [color_COLOR_SUPPORT_KEY, 'enableContrastChecker']); + return (0,external_wp_element_namespaceObject.createElement)(ColorPanel, { + enableContrastChecking: enableContrastChecking, + clientId: props.clientId, + enableAlpha: true, + settings: [...(hasTextColor ? [{ + label: (0,external_wp_i18n_namespaceObject.__)('Text'), + onColorChange: onChangeColor('text'), + colorValue: getColorObjectByAttributeValues(allSolids, textColor, style === null || style === void 0 ? void 0 : (_style$color7 = style.color) === null || _style$color7 === void 0 ? void 0 : _style$color7.text).color, + isShownByDefault: defaultColorControls === null || defaultColorControls === void 0 ? void 0 : defaultColorControls.text, + resetAllFilter: resetAllTextFilter + }] : []), ...(hasBackgroundColor || hasGradientColor ? [{ + label: (0,external_wp_i18n_namespaceObject.__)('Background'), + onColorChange: hasBackgroundColor ? onChangeColor('background') : undefined, + colorValue: getColorObjectByAttributeValues(allSolids, backgroundColor, style === null || style === void 0 ? void 0 : (_style$color8 = style.color) === null || _style$color8 === void 0 ? void 0 : _style$color8.background).color, + gradientValue, + onGradientChange: hasGradientColor ? onChangeGradient : undefined, + isShownByDefault: defaultColorControls === null || defaultColorControls === void 0 ? void 0 : defaultColorControls.background, + resetAllFilter: clearBackgroundAndGradient + }] : []), ...(hasLinkColor ? [{ + label: (0,external_wp_i18n_namespaceObject.__)('Link'), + onColorChange: onChangeLinkColor, + colorValue: getLinkColorFromAttributeValue(allSolids, style === null || style === void 0 ? void 0 : (_style$elements2 = style.elements) === null || _style$elements2 === void 0 ? void 0 : (_style$elements2$link = _style$elements2.link) === null || _style$elements2$link === void 0 ? void 0 : (_style$elements2$link2 = _style$elements2$link.color) === null || _style$elements2$link2 === void 0 ? void 0 : _style$elements2$link2.text), + isShownByDefault: defaultColorControls === null || defaultColorControls === void 0 ? void 0 : defaultColorControls.link, + resetAllFilter: resetAllLinkFilter + }] : [])] + }); +} +/** + * This adds inline styles for color palette colors. + * Ideally, this is not needed and themes should load their palettes on the editor. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + +const withColorPaletteStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + var _props$wrapperProps; + + const { + name, + attributes + } = props; + const { + backgroundColor, + textColor + } = attributes; + const userPalette = useSetting('color.palette.custom'); + const themePalette = useSetting('color.palette.theme'); + const defaultPalette = useSetting('color.palette.default'); + const colors = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); + + if (!color_hasColorSupport(name) || shouldSkipSerialization(name, color_COLOR_SUPPORT_KEY)) { + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); + } + + const extraStyles = {}; + + if (textColor && !shouldSkipSerialization(name, color_COLOR_SUPPORT_KEY, 'text')) { + var _getColorObjectByAttr; + + extraStyles.color = (_getColorObjectByAttr = getColorObjectByAttributeValues(colors, textColor)) === null || _getColorObjectByAttr === void 0 ? void 0 : _getColorObjectByAttr.color; + } + + if (backgroundColor && !shouldSkipSerialization(name, color_COLOR_SUPPORT_KEY, 'background')) { + var _getColorObjectByAttr2; + + extraStyles.backgroundColor = (_getColorObjectByAttr2 = getColorObjectByAttributeValues(colors, backgroundColor)) === null || _getColorObjectByAttr2 === void 0 ? void 0 : _getColorObjectByAttr2.color; + } + + let wrapperProps = props.wrapperProps; + wrapperProps = { ...props.wrapperProps, + style: { ...extraStyles, + ...((_props$wrapperProps = props.wrapperProps) === null || _props$wrapperProps === void 0 ? void 0 : _props$wrapperProps.style) + } + }; + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + wrapperProps: wrapperProps + })); +}); +const MIGRATION_PATHS = { + linkColor: [['style', 'elements', 'link', 'color', 'text']], + textColor: [['textColor'], ['style', 'color', 'text']], + backgroundColor: [['backgroundColor'], ['style', 'color', 'background']], + gradient: [['gradient'], ['style', 'color', 'gradient']] +}; +function color_addTransforms(result, source, index, results) { + const destinationBlockType = result.name; + const activeSupports = { + linkColor: color_hasLinkColorSupport(destinationBlockType), + textColor: color_hasTextColorSupport(destinationBlockType), + backgroundColor: color_hasBackgroundColorSupport(destinationBlockType), + gradient: color_hasGradientSupport(destinationBlockType) + }; + return transformStyles(activeSupports, MIGRATION_PATHS, result, source, index, results); +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/color/addAttribute', color_addAttributes); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/color/addSaveProps', color_addSaveProps); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/color/addEditProps', color_addEditProps); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/color/with-color-palette-styles', withColorPaletteStyles); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/color/addTransforms', color_addTransforms); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-appearance-control/index.js + + + +/** + * WordPress dependencies + */ + + + +const FONT_STYLES = [{ + name: (0,external_wp_i18n_namespaceObject._x)('Regular', 'font style'), + value: 'normal' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Italic', 'font style'), + value: 'italic' +}]; +const FONT_WEIGHTS = [{ + name: (0,external_wp_i18n_namespaceObject._x)('Thin', 'font weight'), + value: '100' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Extra Light', 'font weight'), + value: '200' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Light', 'font weight'), + value: '300' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Regular', 'font weight'), + value: '400' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Medium', 'font weight'), + value: '500' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Semi Bold', 'font weight'), + value: '600' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Bold', 'font weight'), + value: '700' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Extra Bold', 'font weight'), + value: '800' +}, { + name: (0,external_wp_i18n_namespaceObject._x)('Black', 'font weight'), + value: '900' +}]; +/** + * Adjusts font appearance field label in case either font styles or weights + * are disabled. + * + * @param {boolean} hasFontStyles Whether font styles are enabled and present. + * @param {boolean} hasFontWeights Whether font weights are enabled and present. + * @return {string} A label representing what font appearance is being edited. + */ + +const getFontAppearanceLabel = (hasFontStyles, hasFontWeights) => { + if (!hasFontStyles) { + return (0,external_wp_i18n_namespaceObject.__)('Font weight'); + } + + if (!hasFontWeights) { + return (0,external_wp_i18n_namespaceObject.__)('Font style'); + } + + return (0,external_wp_i18n_namespaceObject.__)('Appearance'); +}; +/** + * Control to display unified font style and weight options. + * + * @param {Object} props Component props. + * + * @return {WPElement} Font appearance control. + */ + +function FontAppearanceControl(props) { + const { + onChange, + hasFontStyles = true, + hasFontWeights = true, + value: { + fontStyle, + fontWeight + }, + ...otherProps + } = props; + const hasStylesOrWeights = hasFontStyles || hasFontWeights; + const label = getFontAppearanceLabel(hasFontStyles, hasFontWeights); + const defaultOption = { + key: 'default', + name: (0,external_wp_i18n_namespaceObject.__)('Default'), + style: { + fontStyle: undefined, + fontWeight: undefined + } + }; // Combines both font style and weight options into a single dropdown. + + const combineOptions = () => { + const combinedOptions = [defaultOption]; + FONT_STYLES.forEach(_ref => { + let { + name: styleName, + value: styleValue + } = _ref; + FONT_WEIGHTS.forEach(_ref2 => { + let { + name: weightName, + value: weightValue + } = _ref2; + const optionName = styleValue === 'normal' ? weightName : (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: 1: Font weight name. 2: Font style name. */ + (0,external_wp_i18n_namespaceObject.__)('%1$s %2$s'), weightName, styleName); + combinedOptions.push({ + key: `${styleValue}-${weightValue}`, + name: optionName, + style: { + fontStyle: styleValue, + fontWeight: weightValue + } + }); + }); + }); + return combinedOptions; + }; // Generates select options for font styles only. + + + const styleOptions = () => { + const combinedOptions = [defaultOption]; + FONT_STYLES.forEach(_ref3 => { + let { + name, + value + } = _ref3; + combinedOptions.push({ + key: value, + name, + style: { + fontStyle: value, + fontWeight: undefined + } + }); + }); + return combinedOptions; + }; // Generates select options for font weights only. + + + const weightOptions = () => { + const combinedOptions = [defaultOption]; + FONT_WEIGHTS.forEach(_ref4 => { + let { + name, + value + } = _ref4; + combinedOptions.push({ + key: value, + name, + style: { + fontStyle: undefined, + fontWeight: value + } + }); + }); + return combinedOptions; + }; // Map font styles and weights to select options. + + + const selectOptions = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (hasFontStyles && hasFontWeights) { + return combineOptions(); + } + + return hasFontStyles ? styleOptions() : weightOptions(); + }, [props.options]); // Find current selection by comparing font style & weight against options, + // and fall back to the Default option if there is no matching option. + + const currentSelection = selectOptions.find(option => option.style.fontStyle === fontStyle && option.style.fontWeight === fontWeight) || selectOptions[0]; // Adjusts screen reader description based on styles or weights. + + const getDescribedBy = () => { + if (!currentSelection) { + return (0,external_wp_i18n_namespaceObject.__)('No selected font appearance'); + } + + if (!hasFontStyles) { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font weight. + (0,external_wp_i18n_namespaceObject.__)('Currently selected font weight: %s'), currentSelection.name); + } + + if (!hasFontWeights) { + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font style. + (0,external_wp_i18n_namespaceObject.__)('Currently selected font style: %s'), currentSelection.name); + } + + return (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Currently selected font appearance. + (0,external_wp_i18n_namespaceObject.__)('Currently selected font appearance: %s'), currentSelection.name); + }; + + return hasStylesOrWeights && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, _extends({}, otherProps, { + className: "components-font-appearance-control", + label: label, + describedBy: getDescribedBy(), + options: selectOptions, + value: currentSelection, + onChange: _ref5 => { + let { + selectedItem + } = _ref5; + return onChange(selectedItem.style); + }, + __nextUnconstrainedWidth: true + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/line-height-control/utils.js +const BASE_DEFAULT_VALUE = 1.5; +const STEP = 0.1; +/** + * There are varying value types within LineHeightControl: + * + * {undefined} Initial value. No changes from the user. + * {string} Input value. Value consumed/outputted by the input. Empty would be ''. + * {number} Block attribute type. Input value needs to be converted for attribute setting. + * + * Note: If the value is undefined, the input requires it to be an empty string ('') + * in order to be considered "controlled" by props (rather than internal state). + */ + +const RESET_VALUE = ''; +/** + * Determines if the lineHeight attribute has been properly defined. + * + * @param {any} lineHeight The value to check. + * + * @return {boolean} Whether the lineHeight attribute is valid. + */ + +function isLineHeightDefined(lineHeight) { + return lineHeight !== undefined && lineHeight !== RESET_VALUE; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/line-height-control/index.js + + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +const LineHeightControl = _ref => { + let { + value: lineHeight, + onChange, + + /** Start opting into the new margin-free styles that will become the default in a future version. */ + __nextHasNoMarginBottom = false, + __unstableInputWidth = '60px', + ...otherProps + } = _ref; + const isDefined = isLineHeightDefined(lineHeight); + + const adjustNextValue = (nextValue, wasTypedOrPasted) => { + // Set the next value without modification if lineHeight has been defined. + if (isDefined) return nextValue; + /** + * The following logic handles the initial step up/down action + * (from an undefined value state) so that the next values are better suited for + * line-height rendering. For example, the first step up should immediately + * go to 1.6, rather than the normally expected 0.1. + * + * Step up/down actions can be triggered by keydowns of the up/down arrow keys, + * or by clicking the spin buttons. + */ + + switch (`${nextValue}`) { + case `${STEP}`: + // Increment by step value. + return BASE_DEFAULT_VALUE + STEP; + + case '0': + { + // This means the user explicitly input '0', rather than stepped down + // from an undefined value state. + if (wasTypedOrPasted) return nextValue; // Decrement by step value. + + return BASE_DEFAULT_VALUE - STEP; + } + + case '': + return BASE_DEFAULT_VALUE; + + default: + return nextValue; + } + }; + + const stateReducer = (state, action) => { + var _action$payload$event; + + // Be careful when changing this — cross-browser behavior of the + // `inputType` field in `input` events are inconsistent. + // For example, Firefox emits an input event with inputType="insertReplacementText" + // on spin button clicks, while other browsers do not even emit an input event. + const wasTypedOrPasted = ['insertText', 'insertFromPaste'].includes((_action$payload$event = action.payload.event.nativeEvent) === null || _action$payload$event === void 0 ? void 0 : _action$payload$event.inputType); + const value = adjustNextValue(state.value, wasTypedOrPasted); + return { ...state, + value + }; + }; + + const value = isDefined ? lineHeight : RESET_VALUE; + + if (!__nextHasNoMarginBottom) { + external_wp_deprecated_default()('Bottom margin styles for wp.blockEditor.LineHeightControl', { + since: '6.0', + version: '6.4', + hint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version' + }); + } + + const deprecatedStyles = __nextHasNoMarginBottom ? undefined : { + marginBottom: 24 + }; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-line-height-control", + style: deprecatedStyles + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNumberControl, _extends({}, otherProps, { + __unstableInputWidth: __unstableInputWidth, + __unstableStateReducer: stateReducer, + onChange: onChange, + label: (0,external_wp_i18n_namespaceObject.__)('Line height'), + placeholder: BASE_DEFAULT_VALUE, + step: STEP, + value: value, + min: 0, + spinControls: "custom" + }))); +}; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md + */ + + +/* harmony default export */ var line_height_control = (LineHeightControl); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/line-height.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +const line_height_LINE_HEIGHT_SUPPORT_KEY = 'typography.lineHeight'; +/** + * Inspector control panel containing the line height related configuration + * + * @param {Object} props + * + * @return {WPElement} Line height edit element. + */ + +function LineHeightEdit(props) { + var _style$typography; + + const { + attributes: { + style + }, + setAttributes + } = props; + + const onChange = newLineHeightValue => { + const newStyle = { ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + lineHeight: newLineHeightValue + } + }; + setAttributes({ + style: utils_cleanEmptyObject(newStyle) + }); + }; + + return (0,external_wp_element_namespaceObject.createElement)(line_height_control, { + __unstableInputWidth: "100%", + __nextHasNoMarginBottom: true, + value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.lineHeight, + onChange: onChange, + size: "__unstable-large" + }); +} +/** + * Custom hook that checks if line-height settings have been disabled. + * + * @param {string} name The name of the block. + * @return {boolean} Whether setting is disabled. + */ + +function useIsLineHeightDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const isDisabled = !useSetting('typography.lineHeight'); + return !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, line_height_LINE_HEIGHT_SUPPORT_KEY) || isDisabled; +} +/** + * Checks if there is a current value set for the line height block support. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a line height value set. + */ + +function hasLineHeightValue(props) { + var _props$attributes$sty, _props$attributes$sty2; + + 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); +} +/** + * Resets the line height block support attribute. This can be used when + * disabling the line height support controls for a block via a progressive + * discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetLineHeight(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + lineHeight: undefined + } + }) + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/font-appearance.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +/** + * Key within block settings' support array indicating support for font style. + */ + +const font_appearance_FONT_STYLE_SUPPORT_KEY = 'typography.__experimentalFontStyle'; +/** + * Key within block settings' support array indicating support for font weight. + */ + +const font_appearance_FONT_WEIGHT_SUPPORT_KEY = 'typography.__experimentalFontWeight'; +/** + * Inspector control panel containing the font appearance options. + * + * @param {Object} props Block properties. + * + * @return {WPElement} Font appearance edit element. + */ + +function FontAppearanceEdit(props) { + var _style$typography, _style$typography2; + + const { + attributes: { + style + }, + setAttributes + } = props; + const hasFontStyles = !useIsFontStyleDisabled(props); + const hasFontWeights = !useIsFontWeightDisabled(props); + + const onChange = newStyles => { + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + fontStyle: newStyles.fontStyle, + fontWeight: newStyles.fontWeight + } + }) + }); + }; + + const fontStyle = style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontStyle; + const fontWeight = style === null || style === void 0 ? void 0 : (_style$typography2 = style.typography) === null || _style$typography2 === void 0 ? void 0 : _style$typography2.fontWeight; + return (0,external_wp_element_namespaceObject.createElement)(FontAppearanceControl, { + onChange: onChange, + hasFontStyles: hasFontStyles, + hasFontWeights: hasFontWeights, + value: { + fontStyle, + fontWeight + }, + size: "__unstable-large" + }); +} +/** + * Checks if font style support has been disabled either by not opting in for + * support or by failing to provide preset styles. + * + * @param {Object} props Block properties. + * @param {string} props.name Name for the block type. + * + * @return {boolean} Whether font style support has been disabled. + */ + +function useIsFontStyleDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const styleSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, font_appearance_FONT_STYLE_SUPPORT_KEY); + const hasFontStyles = useSetting('typography.fontStyle'); + return !styleSupport || !hasFontStyles; +} +/** + * Checks if font weight support has been disabled either by not opting in for + * support or by failing to provide preset weights. + * + * @param {Object} props Block properties. + * @param {string} props.name Name for the block type. + * + * @return {boolean} Whether font weight support has been disabled. + */ + +function useIsFontWeightDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const weightSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, font_appearance_FONT_WEIGHT_SUPPORT_KEY); + const hasFontWeights = useSetting('typography.fontWeight'); + return !weightSupport || !hasFontWeights; +} +/** + * Checks if font appearance support has been disabled. + * + * @param {Object} props Block properties. + * + * @return {boolean} Whether font appearance support has been disabled. + */ + +function useIsFontAppearanceDisabled(props) { + const stylesDisabled = useIsFontStyleDisabled(props); + const weightsDisabled = useIsFontWeightDisabled(props); + return stylesDisabled && weightsDisabled; +} +/** + * Checks if there is either a font style or weight value set within the + * typography styles. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a font style or weight. + */ + +function hasFontAppearanceValue(props) { + var _props$attributes$sty; + + const { + fontStyle, + fontWeight + } = ((_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.typography) || {}; + return !!fontStyle || !!fontWeight; +} +/** + * Resets the font style and weight block support attributes. This can be used + * when disabling the font appearance support controls for a block via a + * progressive discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetFontAppearance(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + fontStyle: undefined, + fontWeight: undefined + } + }) + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-family/index.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function FontFamilyControl(_ref) { + let { + value = '', + onChange, + fontFamilies, + ...props + } = _ref; + const blockLevelFontFamilies = useSetting('typography.fontFamilies'); + + if (!fontFamilies) { + fontFamilies = blockLevelFontFamilies; + } + + if (!fontFamilies || fontFamilies.length === 0) { + return null; + } + + const options = [{ + value: '', + label: (0,external_wp_i18n_namespaceObject.__)('Default') + }, ...fontFamilies.map(_ref2 => { + let { + fontFamily, + name + } = _ref2; + return { + value: fontFamily, + label: name || fontFamily + }; + })]; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, _extends({ + label: (0,external_wp_i18n_namespaceObject.__)('Font'), + options: options, + value: value, + onChange: onChange, + labelPosition: "top" + }, props)); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/font-family.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + + +const font_family_FONT_FAMILY_SUPPORT_KEY = 'typography.__experimentalFontFamily'; +/** + * Filters registered block settings, extending attributes to include + * the `fontFamily` attribute. + * + * @param {Object} settings Original block settings + * @return {Object} Filtered block settings + */ + +function font_family_addAttributes(settings) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, font_family_FONT_FAMILY_SUPPORT_KEY)) { + return settings; + } // Allow blocks to specify a default value if needed. + + + if (!settings.attributes.fontFamily) { + Object.assign(settings.attributes, { + fontFamily: { + type: 'string' + } + }); + } + + return settings; +} +/** + * Override props assigned to save component to inject font family. + * + * @param {Object} props Additional props applied to save element + * @param {Object} blockType Block type + * @param {Object} attributes Block attributes + * @return {Object} Filtered props applied to save element + */ + + +function font_family_addSaveProps(props, blockType, attributes) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, font_family_FONT_FAMILY_SUPPORT_KEY)) { + return props; + } + + if (shouldSkipSerialization(blockType, TYPOGRAPHY_SUPPORT_KEY, 'fontFamily')) { + return props; + } + + if (!(attributes !== null && attributes !== void 0 && attributes.fontFamily)) { + return props; + } // Use TokenList to dedupe classes. + + + const classes = new (external_wp_tokenList_default())(props.className); + classes.add(`has-${(0,external_lodash_namespaceObject.kebabCase)(attributes === null || attributes === void 0 ? void 0 : attributes.fontFamily)}-font-family`); + const newClassName = classes.value; + props.className = newClassName ? newClassName : undefined; + return props; +} +/** + * Filters registered block settings to expand the block edit wrapper + * by applying the desired styles and classnames. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + + +function font_family_addEditProps(settings) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, font_family_FONT_FAMILY_SUPPORT_KEY)) { + return settings; + } + + const existingGetEditWrapperProps = settings.getEditWrapperProps; + + settings.getEditWrapperProps = attributes => { + let props = {}; + + if (existingGetEditWrapperProps) { + props = existingGetEditWrapperProps(attributes); + } + + return font_family_addSaveProps(props, settings, attributes); + }; + + return settings; +} + +function FontFamilyEdit(_ref) { + var _fontFamilies$find; + + let { + setAttributes, + attributes: { + fontFamily + } + } = _ref; + const fontFamilies = useSetting('typography.fontFamilies'); + const value = fontFamilies === null || fontFamilies === void 0 ? void 0 : (_fontFamilies$find = fontFamilies.find(_ref2 => { + let { + slug + } = _ref2; + return fontFamily === slug; + })) === null || _fontFamilies$find === void 0 ? void 0 : _fontFamilies$find.fontFamily; + + function onChange(newValue) { + const predefinedFontFamily = fontFamilies === null || fontFamilies === void 0 ? void 0 : fontFamilies.find(_ref3 => { + let { + fontFamily: f + } = _ref3; + return f === newValue; + }); + setAttributes({ + fontFamily: predefinedFontFamily === null || predefinedFontFamily === void 0 ? void 0 : predefinedFontFamily.slug + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(FontFamilyControl, { + className: "block-editor-hooks-font-family-control", + fontFamilies: fontFamilies, + value: value, + onChange: onChange, + size: "__unstable-large", + __nextHasNoMarginBottom: true + }); +} +/** + * Custom hook that checks if font-family functionality is disabled. + * + * @param {string} name The name of the block. + * @return {boolean} Whether setting is disabled. + */ + +function useIsFontFamilyDisabled(_ref4) { + let { + name + } = _ref4; + const fontFamilies = useSetting('typography.fontFamilies'); + return !fontFamilies || fontFamilies.length === 0 || !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, font_family_FONT_FAMILY_SUPPORT_KEY); +} +/** + * Checks if there is a current value set for the font family block support. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a font family value set. + */ + +function hasFontFamilyValue(props) { + return !!props.attributes.fontFamily; +} +/** + * Resets the font family block support attribute. This can be used when + * disabling the font family support controls for a block via a progressive + * discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetFontFamily(_ref5) { + let { + setAttributes + } = _ref5; + setAttributes({ + fontFamily: undefined + }); +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addAttribute', font_family_addAttributes); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/fontFamily/addSaveProps', font_family_addSaveProps); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/fontFamily/addEditProps', font_family_addEditProps); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/utils.js +/** + * External dependencies + */ + +/** + * Returns the font size object based on an array of named font sizes and the namedFontSize and customFontSize values. + * If namedFontSize is undefined or not found in fontSizes an object with just the size value based on customFontSize is returned. + * + * @param {Array} fontSizes Array of font size objects containing at least the "name" and "size" values as properties. + * @param {?string} fontSizeAttribute Content of the font size attribute (slug). + * @param {?number} customFontSizeAttribute Contents of the custom font size attribute (value). + * + * @return {?Object} If fontSizeAttribute is set and an equal slug is found in fontSizes it returns the font size object for that slug. + * Otherwise, an object with just the size value based on customFontSize is returned. + */ + +const getFontSize = (fontSizes, fontSizeAttribute, customFontSizeAttribute) => { + if (fontSizeAttribute) { + const fontSizeObject = fontSizes === null || fontSizes === void 0 ? void 0 : fontSizes.find(_ref => { + let { + slug + } = _ref; + return slug === fontSizeAttribute; + }); + + if (fontSizeObject) { + return fontSizeObject; + } + } + + return { + size: customFontSizeAttribute + }; +}; +/** + * Returns the corresponding font size object for a given value. + * + * @param {Array} fontSizes Array of font size objects. + * @param {number} value Font size value. + * + * @return {Object} Font size object. + */ + +function getFontSizeObjectByValue(fontSizes, value) { + const fontSizeObject = fontSizes === null || fontSizes === void 0 ? void 0 : fontSizes.find(_ref2 => { + let { + size + } = _ref2; + return size === value; + }); + + if (fontSizeObject) { + return fontSizeObject; + } + + return { + size: value + }; +} +/** + * Returns a class based on fontSizeName. + * + * @param {string} fontSizeSlug Slug of the fontSize. + * + * @return {string | undefined} String with the class corresponding to the fontSize passed. + * The class is generated by appending 'has-' followed by fontSizeSlug in kebabCase and ending with '-font-size'. + */ + +function getFontSizeClass(fontSizeSlug) { + if (!fontSizeSlug) { + return; + } + + return `has-${(0,external_lodash_namespaceObject.kebabCase)(fontSizeSlug)}-font-size`; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/font-size-picker.js + + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + +function FontSizePicker(props) { + const fontSizes = useSetting('typography.fontSizes'); + const disableCustomFontSizes = !useSetting('typography.customFontSize'); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FontSizePicker, _extends({}, props, { + fontSizes: fontSizes, + disableCustomFontSizes: disableCustomFontSizes + })); +} +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/font-sizes/README.md + */ + + +/* harmony default export */ var font_size_picker = (FontSizePicker); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/font-size.js + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + + +const font_size_FONT_SIZE_SUPPORT_KEY = 'typography.fontSize'; +/** + * Filters registered block settings, extending attributes to include + * `fontSize` and `fontWeight` attributes. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function font_size_addAttributes(settings) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, font_size_FONT_SIZE_SUPPORT_KEY)) { + return settings; + } // Allow blocks to specify a default value if needed. + + + if (!settings.attributes.fontSize) { + Object.assign(settings.attributes, { + fontSize: { + type: 'string' + } + }); + } + + return settings; +} +/** + * Override props assigned to save component to inject font size. + * + * @param {Object} props Additional props applied to save element. + * @param {Object} blockType Block type. + * @param {Object} attributes Block attributes. + * + * @return {Object} Filtered props applied to save element. + */ + + +function font_size_addSaveProps(props, blockType, attributes) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, font_size_FONT_SIZE_SUPPORT_KEY)) { + return props; + } + + if (shouldSkipSerialization(blockType, TYPOGRAPHY_SUPPORT_KEY, 'fontSize')) { + return props; + } // Use TokenList to dedupe classes. + + + const classes = new (external_wp_tokenList_default())(props.className); + classes.add(getFontSizeClass(attributes.fontSize)); + const newClassName = classes.value; + props.className = newClassName ? newClassName : undefined; + return props; +} +/** + * Filters registered block settings to expand the block edit wrapper + * by applying the desired styles and classnames. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + + +function font_size_addEditProps(settings) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, font_size_FONT_SIZE_SUPPORT_KEY)) { + return settings; + } + + const existingGetEditWrapperProps = settings.getEditWrapperProps; + + settings.getEditWrapperProps = attributes => { + let props = {}; + + if (existingGetEditWrapperProps) { + props = existingGetEditWrapperProps(attributes); + } + + return font_size_addSaveProps(props, settings, attributes); + }; + + return settings; +} +/** + * Inspector control panel containing the font size related configuration + * + * @param {Object} props + * + * @return {WPElement} Font size edit element. + */ + + +function FontSizeEdit(props) { + var _style$typography, _style$typography2; + + const { + attributes: { + fontSize, + style + }, + setAttributes + } = props; + const fontSizes = useSetting('typography.fontSizes'); + + const onChange = value => { + const fontSizeSlug = getFontSizeObjectByValue(fontSizes, value).slug; + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + fontSize: fontSizeSlug ? undefined : value + } + }), + fontSize: fontSizeSlug + }); + }; + + 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); + 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; + return (0,external_wp_element_namespaceObject.createElement)(font_size_picker, { + onChange: onChange, + value: fontSizeValue, + withReset: false, + withSlider: true, + size: "__unstable-large", + __nextHasNoMarginBottom: true + }); +} +/** + * Checks if there is a current value set for the font size block support. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a font size value set. + */ + +function hasFontSizeValue(props) { + var _style$typography3; + + const { + fontSize, + style + } = props.attributes; + return !!fontSize || !!(style !== null && style !== void 0 && (_style$typography3 = style.typography) !== null && _style$typography3 !== void 0 && _style$typography3.fontSize); +} +/** + * Resets the font size block support attribute. This can be used when + * disabling the font size support controls for a block via a progressive + * discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetFontSize(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + fontSize: undefined, + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + fontSize: undefined + } + }) + }); +} +/** + * Custom hook that checks if font-size settings have been disabled. + * + * @param {string} name The name of the block. + * @return {boolean} Whether setting is disabled. + */ + +function useIsFontSizeDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const fontSizes = useSetting('typography.fontSizes'); + const hasFontSizes = !!(fontSizes !== null && fontSizes !== void 0 && fontSizes.length); + return !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, font_size_FONT_SIZE_SUPPORT_KEY) || !hasFontSizes; +} +/** + * Add inline styles for font sizes. + * Ideally, this is not needed and themes load the font-size classes on the + * editor. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + +const withFontSizeInlineStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + var _style$typography4, _style$typography5; + + const fontSizes = useSetting('typography.fontSizes'); + const { + name: blockName, + attributes: { + fontSize, + style + }, + wrapperProps + } = props; // Only add inline styles if the block supports font sizes, + // doesn't skip serialization of font sizes, + // doesn't already have an inline font size, + // and does have a class to extract the font size from. + + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, font_size_FONT_SIZE_SUPPORT_KEY) || shouldSkipSerialization(blockName, TYPOGRAPHY_SUPPORT_KEY, 'fontSize') || !fontSize || style !== null && style !== void 0 && (_style$typography4 = style.typography) !== null && _style$typography4 !== void 0 && _style$typography4.fontSize) { + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); + } + + 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; + const newProps = { ...props, + wrapperProps: { ...wrapperProps, + style: { + fontSize: fontSizeValue, + ...(wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style) + } + } + }; + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, newProps); +}, 'withFontSizeInlineStyles'); +const font_size_MIGRATION_PATHS = { + fontSize: [['fontSize'], ['style', 'typography', 'fontSize']] +}; +function font_size_addTransforms(result, source, index, results) { + const destinationBlockType = result.name; + const activeSupports = { + fontSize: (0,external_wp_blocks_namespaceObject.hasBlockSupport)(destinationBlockType, font_size_FONT_SIZE_SUPPORT_KEY) + }; + return transformStyles(activeSupports, font_size_MIGRATION_PATHS, result, source, index, results); +} +/** + * Allow custom font sizes to appear fluid when fluid typography is enabled at + * the theme level. + * + * Adds a custom getEditWrapperProps() callback to all block types that support + * font sizes. Then, if fluid typography is enabled, this callback will swap any + * custom font size in style.fontSize with a fluid font size (i.e. one that uses + * clamp()). + * + * It's important that this hook runs after 'core/style/addEditProps' sets + * style.fontSize as otherwise fontSize will be overwritten. + * + * @param {Object} blockType Block settings object. + */ + +function addEditPropsForFluidCustomFontSizes(blockType) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, font_size_FONT_SIZE_SUPPORT_KEY) || shouldSkipSerialization(blockType, TYPOGRAPHY_SUPPORT_KEY, 'fontSize')) { + return blockType; + } + + const existingGetEditWrapperProps = blockType.getEditWrapperProps; + + blockType.getEditWrapperProps = attributes => { + var _wrapperProps$style, _select$getSettings$_, _select$getSettings$_2; + + const wrapperProps = existingGetEditWrapperProps ? existingGetEditWrapperProps(attributes) : {}; + const fontSize = wrapperProps === null || wrapperProps === void 0 ? void 0 : (_wrapperProps$style = wrapperProps.style) === null || _wrapperProps$style === void 0 ? void 0 : _wrapperProps$style.fontSize; // TODO: This sucks! We should be using useSetting( 'typography.fluid' ) + // or even useSelect( blockEditorStore ). We can't do either here + // because getEditWrapperProps is a plain JavaScript function called by + // BlockListBlock and not a React component rendered within + // BlockListContext.Provider. If we set fontSize using editor. + // BlockListBlock instead of using getEditWrapperProps then the value is + // clobbered when the core/style/addEditProps filter runs. + + const fluidTypographyConfig = (_select$getSettings$_ = (0,external_wp_data_namespaceObject.select)(store).getSettings().__experimentalFeatures) === null || _select$getSettings$_ === void 0 ? void 0 : (_select$getSettings$_2 = _select$getSettings$_.typography) === null || _select$getSettings$_2 === void 0 ? void 0 : _select$getSettings$_2.fluid; + const fluidTypographySettings = typeof fluidTypographyConfig === 'object' ? fluidTypographyConfig : {}; + const newFontSize = fontSize && !!fluidTypographyConfig ? getComputedFluidTypographyValue({ + fontSize, + minimumFontSizeLimit: fluidTypographySettings === null || fluidTypographySettings === void 0 ? void 0 : fluidTypographySettings.minFontSize + }) : null; + + if (newFontSize === null) { + return wrapperProps; + } + + return { ...wrapperProps, + style: { ...(wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style), + fontSize: newFontSize + } + }; + }; + + return blockType; +} + +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font/addAttribute', font_size_addAttributes); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/font/addSaveProps', font_size_addSaveProps); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font/addEditProps', font_size_addEditProps); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/font-size/with-font-size-inline-styles', withFontSizeInlineStyles); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/font-size/addTransforms', font_size_addTransforms); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/font-size/addEditPropsForFluidCustomFontSizes', addEditPropsForFluidCustomFontSizes, // Run after 'core/style/addEditProps' so that the style object has already +// been translated into inline CSS. +11); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/reset.js + + +/** + * WordPress dependencies + */ + +const reset_reset = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M7 11.5h10V13H7z" +})); +/* harmony default export */ var library_reset = (reset_reset); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-underline.js + + +/** + * WordPress dependencies + */ + +const formatUnderline = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var format_underline = (formatUnderline); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js + + +/** + * WordPress dependencies + */ + +const formatStrikethrough = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var format_strikethrough = (formatStrikethrough); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/text-decoration-control/index.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +const TEXT_DECORATIONS = [{ + name: (0,external_wp_i18n_namespaceObject.__)('None'), + value: 'none', + icon: library_reset +}, { + name: (0,external_wp_i18n_namespaceObject.__)('Underline'), + value: 'underline', + icon: format_underline +}, { + name: (0,external_wp_i18n_namespaceObject.__)('Strikethrough'), + value: 'line-through', + icon: format_strikethrough +}]; +/** + * Control to facilitate text decoration selections. + * + * @param {Object} props Component props. + * @param {string} props.value Currently selected text decoration. + * @param {Function} props.onChange Handles change in text decoration selection. + * @param {string} [props.className] Additional class name to apply. + * + * @return {WPElement} Text decoration control. + */ + +function TextDecorationControl(_ref) { + let { + value, + onChange, + className + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: classnames_default()('block-editor-text-decoration-control', className) + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, { + as: "legend" + }, (0,external_wp_i18n_namespaceObject.__)('Decoration')), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-text-decoration-control__buttons" + }, TEXT_DECORATIONS.map(textDecoration => { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + key: textDecoration.value, + icon: textDecoration.icon, + label: textDecoration.name, + isPressed: textDecoration.value === value, + onClick: () => { + onChange(textDecoration.value === value ? undefined : textDecoration.value); + } + }); + }))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/text-decoration.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +/** + * Key within block settings' supports array indicating support for text + * decorations e.g. settings found in `block.json`. + */ + +const text_decoration_TEXT_DECORATION_SUPPORT_KEY = 'typography.__experimentalTextDecoration'; +/** + * Inspector control panel containing the text decoration options. + * + * @param {Object} props Block properties. + * + * @return {WPElement} Text decoration edit element. + */ + +function TextDecorationEdit(props) { + var _style$typography; + + const { + attributes: { + style + }, + setAttributes + } = props; + + function onChange(newDecoration) { + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + textDecoration: newDecoration + } + }) + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(TextDecorationControl, { + value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textDecoration, + onChange: onChange, + size: "__unstable-large" + }); +} +/** + * Checks if text-decoration settings have been disabled. + * + * @param {string} name Name of the block. + * + * @return {boolean} Whether or not the setting is disabled. + */ + +function useIsTextDecorationDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, text_decoration_TEXT_DECORATION_SUPPORT_KEY); + const hasTextDecoration = useSetting('typography.textDecoration'); + return notSupported || !hasTextDecoration; +} +/** + * Checks if there is a current value set for the text decoration block support. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a text decoration set. + */ + +function hasTextDecorationValue(props) { + var _props$attributes$sty, _props$attributes$sty2; + + 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); +} +/** + * Resets the text decoration block support attribute. This can be used when + * disabling the text decoration support controls for a block via a progressive + * discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetTextDecoration(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + textDecoration: undefined + } + }) + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-uppercase.js + + +/** + * WordPress dependencies + */ + +const formatUppercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var format_uppercase = (formatUppercase); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-lowercase.js + + +/** + * WordPress dependencies + */ + +const formatLowercase = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var format_lowercase = (formatLowercase); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-capitalize.js + + +/** + * WordPress dependencies + */ + +const formatCapitalize = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var format_capitalize = (formatCapitalize); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/text-transform-control/index.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + +const TEXT_TRANSFORMS = [{ + name: (0,external_wp_i18n_namespaceObject.__)('None'), + value: 'none', + icon: library_reset +}, { + name: (0,external_wp_i18n_namespaceObject.__)('Uppercase'), + value: 'uppercase', + icon: format_uppercase +}, { + name: (0,external_wp_i18n_namespaceObject.__)('Lowercase'), + value: 'lowercase', + icon: format_lowercase +}, { + name: (0,external_wp_i18n_namespaceObject.__)('Capitalize'), + value: 'capitalize', + icon: format_capitalize +}]; +/** + * Control to facilitate text transform selections. + * + * @param {Object} props Component props. + * @param {string} props.className Class name to add to the control. + * @param {string} props.value Currently selected text transform. + * @param {Function} props.onChange Handles change in text transform selection. + * + * @return {WPElement} Text transform control. + */ + +function TextTransformControl(_ref) { + let { + className, + value, + onChange + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: classnames_default()('block-editor-text-transform-control', className) + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, { + as: "legend" + }, (0,external_wp_i18n_namespaceObject.__)('Letter case')), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-text-transform-control__buttons" + }, TEXT_TRANSFORMS.map(textTransform => { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + key: textTransform.value, + icon: textTransform.icon, + label: textTransform.name, + isPressed: textTransform.value === value, + onClick: () => { + onChange(textTransform.value === value ? undefined : textTransform.value); + } + }); + }))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/text-transform.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +/** + * Key within block settings' supports array indicating support for text + * transforms e.g. settings found in `block.json`. + */ + +const text_transform_TEXT_TRANSFORM_SUPPORT_KEY = 'typography.__experimentalTextTransform'; +/** + * Inspector control panel containing the text transform options. + * + * @param {Object} props Block properties. + * + * @return {WPElement} Text transform edit element. + */ + +function TextTransformEdit(props) { + var _style$typography; + + const { + attributes: { + style + }, + setAttributes + } = props; + + function onChange(newTransform) { + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + textTransform: newTransform + } + }) + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(TextTransformControl, { + value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.textTransform, + onChange: onChange, + size: "__unstable-large" + }); +} +/** + * Checks if text-transform settings have been disabled. + * + * @param {string} name Name of the block. + * + * @return {boolean} Whether or not the setting is disabled. + */ + +function useIsTextTransformDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, text_transform_TEXT_TRANSFORM_SUPPORT_KEY); + const hasTextTransforms = useSetting('typography.textTransform'); + return notSupported || !hasTextTransforms; +} +/** + * Checks if there is a current value set for the text transform block support. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a text transform set. + */ + +function hasTextTransformValue(props) { + var _props$attributes$sty, _props$attributes$sty2; + + 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); +} +/** + * Resets the text transform block support attribute. This can be used when + * disabling the text transform support controls for a block via a progressive + * discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetTextTransform(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + textTransform: undefined + } + }) + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/letter-spacing-control/index.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * Control for letter-spacing. + * + * @param {Object} props Component props. + * @param {string} props.value Currently selected letter-spacing. + * @param {Function} props.onChange Handles change in letter-spacing selection. + * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value. + * + * @return {WPElement} Letter-spacing control. + */ + +function LetterSpacingControl(_ref) { + let { + value, + onChange, + __unstableInputWidth = '60px', + ...otherProps + } = _ref; + const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({ + availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem'], + defaultValues: { + px: 2, + em: 0.2, + rem: 0.2 + } + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, _extends({}, otherProps, { + label: (0,external_wp_i18n_namespaceObject.__)('Letter spacing'), + value: value, + __unstableInputWidth: __unstableInputWidth, + units: units, + onChange: onChange + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/letter-spacing.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + +/** + * Key within block settings' supports array indicating support for letter-spacing + * e.g. settings found in `block.json`. + */ + +const letter_spacing_LETTER_SPACING_SUPPORT_KEY = 'typography.__experimentalLetterSpacing'; +/** + * Inspector control panel containing the letter-spacing options. + * + * @param {Object} props Block properties. + * @return {WPElement} Letter-spacing edit element. + */ + +function LetterSpacingEdit(props) { + var _style$typography; + + const { + attributes: { + style + }, + setAttributes + } = props; + + function onChange(newSpacing) { + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + letterSpacing: newSpacing + } + }) + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(LetterSpacingControl, { + value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.letterSpacing, + onChange: onChange, + __unstableInputWidth: '100%', + size: "__unstable-large" + }); +} +/** + * Checks if letter-spacing settings have been disabled. + * + * @param {string} name Name of the block. + * @return {boolean} Whether or not the setting is disabled. + */ + +function useIsLetterSpacingDisabled() { + let { + name: blockName + } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const notSupported = !(0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, letter_spacing_LETTER_SPACING_SUPPORT_KEY); + const hasLetterSpacing = useSetting('typography.letterSpacing'); + return notSupported || !hasLetterSpacing; +} +/** + * Checks if there is a current value set for the letter spacing block support. + * + * @param {Object} props Block props. + * @return {boolean} Whether or not the block has a letter spacing set. + */ + +function hasLetterSpacingValue(props) { + var _props$attributes$sty, _props$attributes$sty2; + + 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); +} +/** + * Resets the letter spacing block support attribute. This can be used when + * disabling the letter spacing support controls for a block via a progressive + * discovery panel. + * + * @param {Object} props Block props. + * @param {Object} props.attributes Block's attributes. + * @param {Object} props.setAttributes Function to set block's attributes. + */ + +function resetLetterSpacing(_ref) { + let { + attributes = {}, + setAttributes + } = _ref; + const { + style + } = attributes; + setAttributes({ + style: utils_cleanEmptyObject({ ...style, + typography: { ...(style === null || style === void 0 ? void 0 : style.typography), + letterSpacing: undefined + } + }) + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/typography.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + + + + + + +const TYPOGRAPHY_SUPPORT_KEY = 'typography'; +const typography_TYPOGRAPHY_SUPPORT_KEYS = [line_height_LINE_HEIGHT_SUPPORT_KEY, font_size_FONT_SIZE_SUPPORT_KEY, font_appearance_FONT_STYLE_SUPPORT_KEY, font_appearance_FONT_WEIGHT_SUPPORT_KEY, font_family_FONT_FAMILY_SUPPORT_KEY, text_decoration_TEXT_DECORATION_SUPPORT_KEY, text_transform_TEXT_TRANSFORM_SUPPORT_KEY, letter_spacing_LETTER_SPACING_SUPPORT_KEY]; +function TypographyPanel(props) { + const { + clientId + } = props; + const isFontFamilyDisabled = useIsFontFamilyDisabled(props); + const isFontSizeDisabled = useIsFontSizeDisabled(props); + const isFontAppearanceDisabled = useIsFontAppearanceDisabled(props); + const isLineHeightDisabled = useIsLineHeightDisabled(props); + const isTextDecorationDisabled = useIsTextDecorationDisabled(props); + const isTextTransformDisabled = useIsTextTransformDisabled(props); + const isLetterSpacingDisabled = useIsLetterSpacingDisabled(props); + const hasFontStyles = !useIsFontStyleDisabled(props); + const hasFontWeights = !useIsFontWeightDisabled(props); + const isDisabled = useIsTypographyDisabled(props); + const isSupported = hasTypographySupport(props.name); + if (isDisabled || !isSupported) return null; + const defaultControls = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, [TYPOGRAPHY_SUPPORT_KEY, '__experimentalDefaultControls']); + + const createResetAllFilter = attribute => newAttributes => { + var _newAttributes$style; + + return { ...newAttributes, + style: { ...newAttributes.style, + typography: { ...((_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : _newAttributes$style.typography), + [attribute]: undefined + } + } + }; + }; + + return (0,external_wp_element_namespaceObject.createElement)(inspector_controls, { + group: "typography" + }, !isFontFamilyDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + hasValue: () => hasFontFamilyValue(props), + label: (0,external_wp_i18n_namespaceObject.__)('Font family'), + onDeselect: () => resetFontFamily(props), + isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontFamily, + resetAllFilter: newAttributes => ({ ...newAttributes, + fontFamily: undefined + }), + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(FontFamilyEdit, props)), !isFontSizeDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + hasValue: () => hasFontSizeValue(props) + /* translators: Ensure translation is distinct from "Letter case" */ + , + label: (0,external_wp_i18n_namespaceObject.__)('Font size'), + onDeselect: () => resetFontSize(props), + isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontSize, + resetAllFilter: newAttributes => { + var _newAttributes$style2; + + return { ...newAttributes, + fontSize: undefined, + style: { ...newAttributes.style, + typography: { ...((_newAttributes$style2 = newAttributes.style) === null || _newAttributes$style2 === void 0 ? void 0 : _newAttributes$style2.typography), + fontSize: undefined + } + } + }; + }, + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(FontSizeEdit, props)), !isFontAppearanceDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + className: "single-column", + hasValue: () => hasFontAppearanceValue(props), + label: getFontAppearanceLabel(hasFontStyles, hasFontWeights), + onDeselect: () => resetFontAppearance(props), + isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.fontAppearance, + resetAllFilter: newAttributes => { + var _newAttributes$style3; + + return { ...newAttributes, + style: { ...newAttributes.style, + typography: { ...((_newAttributes$style3 = newAttributes.style) === null || _newAttributes$style3 === void 0 ? void 0 : _newAttributes$style3.typography), + fontStyle: undefined, + fontWeight: undefined + } + } + }; + }, + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(FontAppearanceEdit, props)), !isLineHeightDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + className: "single-column", + hasValue: () => hasLineHeightValue(props), + label: (0,external_wp_i18n_namespaceObject.__)('Line height'), + onDeselect: () => resetLineHeight(props), + isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.lineHeight, + resetAllFilter: createResetAllFilter('lineHeight'), + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(LineHeightEdit, props)), !isLetterSpacingDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + className: "single-column", + hasValue: () => hasLetterSpacingValue(props), + label: (0,external_wp_i18n_namespaceObject.__)('Letter spacing'), + onDeselect: () => resetLetterSpacing(props), + isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.letterSpacing, + resetAllFilter: createResetAllFilter('letterSpacing'), + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(LetterSpacingEdit, props)), !isTextDecorationDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + className: "single-column", + hasValue: () => hasTextDecorationValue(props), + label: (0,external_wp_i18n_namespaceObject.__)('Decoration'), + onDeselect: () => resetTextDecoration(props), + isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.textDecoration, + resetAllFilter: createResetAllFilter('textDecoration'), + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(TextDecorationEdit, props)), !isTextTransformDisabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, { + hasValue: () => hasTextTransformValue(props) + /* translators: Ensure translation is distinct from "Font size" */ + , + label: (0,external_wp_i18n_namespaceObject.__)('Letter case'), + onDeselect: () => resetTextTransform(props), + isShownByDefault: defaultControls === null || defaultControls === void 0 ? void 0 : defaultControls.textTransform, + resetAllFilter: createResetAllFilter('textTransform'), + panelId: clientId + }, (0,external_wp_element_namespaceObject.createElement)(TextTransformEdit, props))); +} +const hasTypographySupport = blockName => { + return typography_TYPOGRAPHY_SUPPORT_KEYS.some(key => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, key)); +}; + +function useIsTypographyDisabled() { + let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const configs = [useIsFontAppearanceDisabled(props), useIsFontSizeDisabled(props), useIsLineHeightDisabled(props), useIsFontFamilyDisabled(props), useIsTextDecorationDisabled(props), useIsTextTransformDisabled(props), useIsLetterSpacingDisabled(props)]; + return configs.filter(Boolean).length === configs.length; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/style.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + + + + +const style_styleSupportKeys = [...typography_TYPOGRAPHY_SUPPORT_KEYS, border_BORDER_SUPPORT_KEY, color_COLOR_SUPPORT_KEY, DIMENSIONS_SUPPORT_KEY, SPACING_SUPPORT_KEY]; + +const style_hasStyleSupport = blockType => style_styleSupportKeys.some(key => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, key)); +/** + * Returns the inline styles to add depending on the style object + * + * @param {Object} styles Styles configuration. + * + * @return {Object} Flattened CSS variables declaration. + */ + + +function getInlineStyles() { + let styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const output = {}; // The goal is to move everything to server side generated engine styles + // This is temporary as we absorb more and more styles into the engine. + + (0,external_wp_styleEngine_namespaceObject.getCSSRules)(styles).forEach(rule => { + output[rule.key] = rule.value; + }); + return output; +} +/** + * Filters registered block settings, extending attributes to include `style` attribute. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function style_addAttribute(settings) { + if (!style_hasStyleSupport(settings)) { + return settings; + } // Allow blocks to specify their own attribute definition with default values if needed. + + + if (!settings.attributes.style) { + Object.assign(settings.attributes, { + style: { + type: 'object' + } + }); + } + + return settings; +} +/** + * A dictionary of paths to flag skipping block support serialization as the key, + * with values providing the style paths to be omitted from serialization. + * + * @constant + * @type {Record} + */ + + +const skipSerializationPathsEdit = { + [`${border_BORDER_SUPPORT_KEY}.__experimentalSkipSerialization`]: ['border'], + [`${color_COLOR_SUPPORT_KEY}.__experimentalSkipSerialization`]: [color_COLOR_SUPPORT_KEY], + [`${TYPOGRAPHY_SUPPORT_KEY}.__experimentalSkipSerialization`]: [TYPOGRAPHY_SUPPORT_KEY], + [`${DIMENSIONS_SUPPORT_KEY}.__experimentalSkipSerialization`]: [DIMENSIONS_SUPPORT_KEY], + [`${SPACING_SUPPORT_KEY}.__experimentalSkipSerialization`]: [SPACING_SUPPORT_KEY] +}; +/** + * A dictionary of paths to flag skipping block support serialization as the key, + * with values providing the style paths to be omitted from serialization. + * + * Extends the Edit skip paths to enable skipping additional paths in just + * the Save component. This allows a block support to be serialized within the + * editor, while using an alternate approach, such as server-side rendering, when + * the support is saved. + * + * @constant + * @type {Record} + */ + +const skipSerializationPathsSave = { ...skipSerializationPathsEdit, + [`${SPACING_SUPPORT_KEY}`]: ['spacing.blockGap'] +}; +/** + * A dictionary used to normalize feature names between support flags, style + * object properties and __experimentSkipSerialization configuration arrays. + * + * This allows not having to provide a migration for a support flag and possible + * backwards compatibility bridges, while still achieving consistency between + * the support flag and the skip serialization array. + * + * @constant + * @type {Record} + */ + +const renamedFeatures = { + gradients: 'gradient' +}; +/** + * A utility function used to remove one or more paths from a style object. + * Works in a way similar to Lodash's `omit()`. See unit tests and examples below. + * + * It supports a single string path: + * + * ``` + * omitStyle( { color: 'red' }, 'color' ); // {} + * ``` + * + * or an array of paths: + * + * ``` + * omitStyle( { color: 'red', background: '#fff' }, [ 'color', 'background' ] ); // {} + * ``` + * + * It also allows you to specify paths at multiple levels in a string. + * + * ``` + * omitStyle( { typography: { textDecoration: 'underline' } }, 'typography.textDecoration' ); // {} + * ``` + * + * You can remove multiple paths at the same time: + * + * ``` + * omitStyle( + * { + * typography: { + * textDecoration: 'underline', + * textTransform: 'uppercase', + * } + * }, + * [ + * 'typography.textDecoration', + * 'typography.textTransform', + * ] + * ); + * // {} + * ``` + * + * You can also specify nested paths as arrays: + * + * ``` + * omitStyle( + * { + * typography: { + * textDecoration: 'underline', + * textTransform: 'uppercase', + * } + * }, + * [ + * [ 'typography', 'textDecoration' ], + * [ 'typography', 'textTransform' ], + * ] + * ); + * // {} + * ``` + * + * With regards to nesting of styles, infinite depth is supported: + * + * ``` + * omitStyle( + * { + * border: { + * radius: { + * topLeft: '10px', + * topRight: '0.5rem', + * } + * } + * }, + * [ + * [ 'border', 'radius', 'topRight' ], + * ] + * ); + * // { border: { radius: { topLeft: '10px' } } } + * ``` + * + * The third argument, `preserveReference`, defines how to treat the input style object. + * It is mostly necessary to properly handle mutation when recursively handling the style object. + * Defaulting to `false`, this will always create a new object, avoiding to mutate `style`. + * However, when recursing, we change that value to `true` in order to work with a single copy + * of the original style object. + * + * @see https://lodash.com/docs/4.17.15#omit + * + * @param {Object} style Styles object. + * @param {Array|string} paths Paths to remove. + * @param {boolean} preserveReference True to mutate the `style` object, false otherwise. + * @return {Object} Styles object with the specified paths removed. + */ + +function omitStyle(style, paths) { + let preserveReference = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false; + + if (!style) { + return style; + } + + let newStyle = style; + + if (!preserveReference) { + newStyle = JSON.parse(JSON.stringify(style)); + } + + if (!Array.isArray(paths)) { + paths = [paths]; + } + + paths.forEach(path => { + if (!Array.isArray(path)) { + path = path.split('.'); + } + + if (path.length > 1) { + const [firstSubpath, ...restPath] = path; + omitStyle(newStyle[firstSubpath], [restPath], true); + } else if (path.length === 1) { + delete newStyle[path[0]]; + } + }); + return newStyle; +} +/** + * Override props assigned to save component to inject the CSS variables definition. + * + * @param {Object} props Additional props applied to save element. + * @param {Object} blockType Block type. + * @param {Object} attributes Block attributes. + * @param {?Record} skipPaths An object of keys and paths to skip serialization. + * + * @return {Object} Filtered props applied to save element. + */ + +function style_addSaveProps(props, blockType, attributes) { + let skipPaths = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : skipSerializationPathsSave; + + if (!style_hasStyleSupport(blockType)) { + return props; + } + + let { + style + } = attributes; + Object.entries(skipPaths).forEach(_ref => { + let [indicator, path] = _ref; + const skipSerialization = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, indicator); + + if (skipSerialization === true) { + style = omitStyle(style, path); + } + + if (Array.isArray(skipSerialization)) { + skipSerialization.forEach(featureName => { + const feature = renamedFeatures[featureName] || featureName; + style = omitStyle(style, [[...path, feature]]); + }); + } + }); + props.style = { ...getInlineStyles(style), + ...props.style + }; + return props; +} +/** + * Filters registered block settings to extend the block edit wrapper + * to apply the desired styles and classnames properly. + * + * @param {Object} settings Original block settings. + * + * @return {Object}.Filtered block settings. + */ + +function style_addEditProps(settings) { + if (!style_hasStyleSupport(settings)) { + return settings; + } + + const existingGetEditWrapperProps = settings.getEditWrapperProps; + + settings.getEditWrapperProps = attributes => { + let props = {}; + + if (existingGetEditWrapperProps) { + props = existingGetEditWrapperProps(attributes); + } + + return style_addSaveProps(props, settings, attributes, skipSerializationPathsEdit); + }; + + return settings; +} +/** + * Override the default edit UI to include new inspector controls for + * all the custom styles configs. + * + * @param {Function} BlockEdit Original component. + * + * @return {Function} Wrapped component. + */ + +const withBlockControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { + const shouldDisplayControls = useDisplayBlockControls(); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, shouldDisplayControls && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ColorEdit, props), (0,external_wp_element_namespaceObject.createElement)(TypographyPanel, props), (0,external_wp_element_namespaceObject.createElement)(BorderPanel, props), (0,external_wp_element_namespaceObject.createElement)(DimensionsPanel, props)), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props)); +}, 'withToolbarControls'); +/** + * Override the default block element to include elements styles. + * + * @param {Function} BlockListBlock Original component + * @return {Function} Wrapped component + */ + +const withElementsStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + var _props$attributes$sty2, _props$attributes$sty3; + + const blockElementsContainerIdentifier = `wp-elements-${(0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock)}`; + const skipLinkColorSerialization = shouldSkipSerialization(props.name, color_COLOR_SUPPORT_KEY, 'link'); + const styles = (0,external_wp_element_namespaceObject.useMemo)(() => { + var _props$attributes$sty; + + const rawElementsStyles = (_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.elements; + const elementCssRules = []; + + if (rawElementsStyles && Object.keys(rawElementsStyles).length > 0) { + var _rawElementsStyles$li; + + // Remove values based on whether serialization has been skipped for a specific style. + const filteredElementsStyles = { ...rawElementsStyles, + link: { ...rawElementsStyles.link, + color: !skipLinkColorSerialization ? (_rawElementsStyles$li = rawElementsStyles.link) === null || _rawElementsStyles$li === void 0 ? void 0 : _rawElementsStyles$li.color : undefined + } + }; + + for (const [elementName, elementStyles] of Object.entries(filteredElementsStyles)) { + const cssRule = (0,external_wp_styleEngine_namespaceObject.compileCSS)(elementStyles, { + // The .editor-styles-wrapper selector is required on elements styles. As it is + // added to all other editor styles, not providing it causes reset and global + // styles to override element styles because of higher specificity. + selector: `.editor-styles-wrapper .${blockElementsContainerIdentifier} ${external_wp_blocks_namespaceObject.__EXPERIMENTAL_ELEMENTS[elementName]}` + }); + + if (!!cssRule) { + elementCssRules.push(cssRule); + } + } + } + + return elementCssRules.length > 0 ? elementCssRules : undefined; + }, [(_props$attributes$sty2 = props.attributes.style) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.elements]); + const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, styles && element && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)("style", { + dangerouslySetInnerHTML: { + __html: styles + } + }), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + className: (_props$attributes$sty3 = props.attributes.style) !== null && _props$attributes$sty3 !== void 0 && _props$attributes$sty3.elements ? classnames_default()(props.className, blockElementsContainerIdentifier) : props.className + }))); +}); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/style/addAttribute', style_addAttribute); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/style/addSaveProps', style_addSaveProps); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/style/addEditProps', style_addEditProps); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/style/with-block-controls', withBlockControls); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/with-elements-styles', withElementsStyles); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/settings.js +/** + * WordPress dependencies + */ + + + +const hasSettingsSupport = blockType => (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockType, '__experimentalSettings', false); + +function settings_addAttribute(settings) { + var _settings$attributes; + + if (!hasSettingsSupport(settings)) { + return settings; + } // Allow blocks to specify their own attribute definition with default values if needed. + + + if (!(settings !== null && settings !== void 0 && (_settings$attributes = settings.attributes) !== null && _settings$attributes !== void 0 && _settings$attributes.settings)) { + settings.attributes = { ...settings.attributes, + settings: { + type: 'object' + } + }; + } + + return settings; +} + +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/settings/addAttribute', settings_addAttribute); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/filter.js + + +/** + * WordPress dependencies + */ + +const filter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M12 4 4 19h16L12 4zm0 3.2 5.5 10.3H12V7.2z" +})); +/* harmony default export */ var library_filter = (filter); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone-control/index.js + + +/** + * WordPress dependencies + */ + + + + + +function DuotoneControl(_ref) { + let { + colorPalette, + duotonePalette, + disableCustomColors, + disableCustomDuotone, + value, + onChange + } = _ref; + let toolbarIcon; + + if (value === 'unset') { + toolbarIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ColorIndicator, { + className: "block-editor-duotone-control__unset-indicator" + }); + } else if (value) { + toolbarIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DuotoneSwatch, { + values: value + }); + } else { + toolbarIcon = (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: library_filter + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { + popoverProps: { + className: 'block-editor-duotone-control__popover', + headerTitle: (0,external_wp_i18n_namespaceObject.__)('Duotone'), + variant: 'toolbar' + }, + renderToggle: _ref2 => { + let { + isOpen, + onToggle + } = _ref2; + + const openOnArrowDown = event => { + if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) { + event.preventDefault(); + onToggle(); + } + }; + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + showTooltip: true, + onClick: onToggle, + "aria-haspopup": "true", + "aria-expanded": isOpen, + onKeyDown: openOnArrowDown, + label: (0,external_wp_i18n_namespaceObject.__)('Apply duotone filter'), + icon: toolbarIcon + }); + }, + renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { + label: (0,external_wp_i18n_namespaceObject.__)('Duotone') + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-duotone-control__description" + }, (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, { + colorPalette: colorPalette, + duotonePalette: duotonePalette, + disableCustomColors: disableCustomColors, + disableCustomDuotone: disableCustomDuotone, + value: value, + onChange: onChange + })) + }); +} + +/* harmony default export */ var duotone_control = (DuotoneControl); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/duotone.js + + + +/** + * External dependencies + */ + + + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + +const duotone_EMPTY_ARRAY = []; +k([names]); +/** + * SVG and stylesheet needed for rendering the duotone filter. + * + * @param {Object} props Duotone props. + * @param {string} props.selector Selector to apply the filter to. + * @param {string} props.id Unique id for this duotone filter. + * @param {string[]|"unset"} props.colors Array of RGB color strings ordered from dark to light. + * + * @return {WPElement} Duotone element. + */ + +function InlineDuotone(_ref) { + let { + selector, + id, + colors + } = _ref; + + if (colors === 'unset') { + return (0,external_wp_element_namespaceObject.createElement)(DuotoneUnsetStylesheet, { + selector: selector + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(DuotoneFilter, { + id: id, + colors: colors + }), (0,external_wp_element_namespaceObject.createElement)(DuotoneStylesheet, { + id: id, + selector: selector + })); +} + +function useMultiOriginPresets(_ref2) { + let { + presetSetting, + defaultSetting + } = _ref2; + const disableDefault = !useSetting(defaultSetting); + const userPresets = useSetting(`${presetSetting}.custom`) || duotone_EMPTY_ARRAY; + const themePresets = useSetting(`${presetSetting}.theme`) || duotone_EMPTY_ARRAY; + const defaultPresets = useSetting(`${presetSetting}.default`) || duotone_EMPTY_ARRAY; + return (0,external_wp_element_namespaceObject.useMemo)(() => [...userPresets, ...themePresets, ...(disableDefault ? duotone_EMPTY_ARRAY : defaultPresets)], [disableDefault, userPresets, themePresets, defaultPresets]); +} + +function DuotonePanel(_ref3) { + var _style$color; + + let { + attributes, + setAttributes + } = _ref3; + const style = attributes === null || attributes === void 0 ? void 0 : attributes.style; + const duotone = style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.duotone; + const duotonePalette = useMultiOriginPresets({ + presetSetting: 'color.duotone', + defaultSetting: 'color.defaultDuotone' + }); + const colorPalette = useMultiOriginPresets({ + presetSetting: 'color.palette', + defaultSetting: 'color.defaultPalette' + }); + const disableCustomColors = !useSetting('color.custom'); + const disableCustomDuotone = !useSetting('color.customDuotone') || (colorPalette === null || colorPalette === void 0 ? void 0 : colorPalette.length) === 0 && disableCustomColors; + + if ((duotonePalette === null || duotonePalette === void 0 ? void 0 : duotonePalette.length) === 0 && disableCustomDuotone) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(block_controls, { + group: "block", + __experimentalShareWithChildBlocks: true + }, (0,external_wp_element_namespaceObject.createElement)(duotone_control, { + duotonePalette: duotonePalette, + colorPalette: colorPalette, + disableCustomDuotone: disableCustomDuotone, + disableCustomColors: disableCustomColors, + value: duotone, + onChange: newDuotone => { + const newStyle = { ...style, + color: { ...(style === null || style === void 0 ? void 0 : style.color), + duotone: newDuotone + } + }; + setAttributes({ + style: newStyle + }); + } + })); +} +/** + * Filters registered block settings, extending attributes to include + * the `duotone` attribute. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + + +function addDuotoneAttributes(settings) { + if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, 'color.__experimentalDuotone')) { + return settings; + } // Allow blocks to specify their own attribute definition with default + // values if needed. + + + if (!settings.attributes.style) { + Object.assign(settings.attributes, { + style: { + type: 'object' + } + }); + } + + return settings; +} +/** + * Override the default edit UI to include toolbar controls for duotone if the + * block supports duotone. + * + * @param {Function} BlockEdit Original component. + * + * @return {Function} Wrapped component. + */ + + +const withDuotoneControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { + const hasDuotoneSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(props.name, 'color.__experimentalDuotone'); + const isContentLocked = (0,external_wp_data_namespaceObject.useSelect)(select => { + return select(store).__unstableGetContentLockingParent(props.clientId); + }, [props.clientId]); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props), hasDuotoneSupport && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(DuotonePanel, props)); +}, 'withDuotoneControls'); +/** + * Function that scopes a selector with another one. This works a bit like + * SCSS nesting except the `&` operator isn't supported. + * + * @example + * ```js + * const scope = '.a, .b .c'; + * const selector = '> .x, .y'; + * const merged = scopeSelector( scope, selector ); + * // merged is '.a > .x, .a .y, .b .c > .x, .b .c .y' + * ``` + * + * @param {string} scope Selector to scope to. + * @param {string} selector Original selector. + * + * @return {string} Scoped selector. + */ + +function duotone_scopeSelector(scope, selector) { + const scopes = scope.split(','); + const selectors = selector.split(','); + const selectorsScoped = []; + scopes.forEach(outer => { + selectors.forEach(inner => { + selectorsScoped.push(`${outer.trim()} ${inner.trim()}`); + }); + }); + return selectorsScoped.join(', '); +} +/** + * Override the default block element to include duotone styles. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + + +const withDuotoneStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + var _props$attributes, _props$attributes$sty, _props$attributes$sty2; + + const duotoneSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(props.name, 'color.__experimentalDuotone'); + const colors = props === null || props === void 0 ? void 0 : (_props$attributes = props.attributes) === null || _props$attributes === void 0 ? void 0 : (_props$attributes$sty = _props$attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : (_props$attributes$sty2 = _props$attributes$sty.color) === null || _props$attributes$sty2 === void 0 ? void 0 : _props$attributes$sty2.duotone; + + if (!duotoneSupport || !colors) { + return (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, props); + } + + const id = `wp-duotone-${(0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock)}`; // Extra .editor-styles-wrapper specificity is needed in the editor + // since we're not using inline styles to apply the filter. We need to + // override duotone applied by global styles and theme.json. + + const selectorsGroup = duotone_scopeSelector(`.editor-styles-wrapper .${id}`, duotoneSupport); + const className = classnames_default()(props === null || props === void 0 ? void 0 : props.className, id); + const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, element && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)(InlineDuotone, { + selector: selectorsGroup, + id: id, + colors: colors + }), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + className: className + }))); +}, 'withDuotoneStyles'); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/editor/duotone/add-attributes', addDuotoneAttributes); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/duotone/with-editor-controls', withDuotoneControls); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/duotone/with-styles', withDuotoneStyles); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/layout.js + + + +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + + + + + + + +/** + * Internal dependencies + */ + + + + + + + +const layoutBlockSupportKey = '__experimentalLayout'; +/** + * Generates the utility classnames for the given block's layout attributes. + * + * @param { Object } block Block object. + * + * @return { Array } Array of CSS classname strings. + */ + +function useLayoutClasses() { + var _globalLayoutSettings, _globalLayoutSettings2; + + let block = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + const rootPaddingAlignment = (0,external_wp_data_namespaceObject.useSelect)(select => { + var _getSettings$__experi; + + const { + getSettings + } = select(store); + return (_getSettings$__experi = getSettings().__experimentalFeatures) === null || _getSettings$__experi === void 0 ? void 0 : _getSettings$__experi.useRootPaddingAwareAlignments; + }, []); + const globalLayoutSettings = useSetting('layout') || {}; + const { + attributes = {}, + name + } = block; + const { + layout + } = attributes; + const { + default: defaultBlockLayout + } = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, layoutBlockSupportKey) || {}; + const usedLayout = layout !== null && layout !== void 0 && layout.inherit || layout !== null && layout !== void 0 && layout.contentSize || layout !== null && layout !== void 0 && layout.wideSize ? { ...layout, + type: 'constrained' + } : layout || defaultBlockLayout || {}; + const layoutClassnames = []; + + if (globalLayoutSettings !== null && globalLayoutSettings !== void 0 && (_globalLayoutSettings = globalLayoutSettings.definitions) !== null && _globalLayoutSettings !== void 0 && (_globalLayoutSettings2 = _globalLayoutSettings[(usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default']) !== null && _globalLayoutSettings2 !== void 0 && _globalLayoutSettings2.className) { + var _globalLayoutSettings3, _globalLayoutSettings4; + + layoutClassnames.push(globalLayoutSettings === null || globalLayoutSettings === void 0 ? void 0 : (_globalLayoutSettings3 = globalLayoutSettings.definitions) === null || _globalLayoutSettings3 === void 0 ? void 0 : (_globalLayoutSettings4 = _globalLayoutSettings3[(usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default']) === null || _globalLayoutSettings4 === void 0 ? void 0 : _globalLayoutSettings4.className); + } + + if ((usedLayout !== null && usedLayout !== void 0 && usedLayout.inherit || usedLayout !== null && usedLayout !== void 0 && usedLayout.contentSize || (usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) === 'constrained') && rootPaddingAlignment) { + layoutClassnames.push('has-global-padding'); + } + + if (usedLayout !== null && usedLayout !== void 0 && usedLayout.orientation) { + layoutClassnames.push(`is-${(0,external_lodash_namespaceObject.kebabCase)(usedLayout.orientation)}`); + } + + if (usedLayout !== null && usedLayout !== void 0 && usedLayout.justifyContent) { + layoutClassnames.push(`is-content-justification-${(0,external_lodash_namespaceObject.kebabCase)(usedLayout.justifyContent)}`); + } + + if (usedLayout !== null && usedLayout !== void 0 && usedLayout.flexWrap && usedLayout.flexWrap === 'nowrap') { + layoutClassnames.push('is-nowrap'); + } + + return layoutClassnames; +} +/** + * Generates a CSS rule with the given block's layout styles. + * + * @param { Object } block Block object. + * @param { string } selector A selector to use in generating the CSS rule. + * + * @return { string } CSS rule. + */ + +function useLayoutStyles() { + var _fullLayoutType$getLa; + + let block = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; + let selector = arguments.length > 1 ? arguments[1] : undefined; + const { + attributes = {}, + name + } = block; + const { + layout = {}, + style = {} + } = attributes; // Update type for blocks using legacy layouts. + + const usedLayout = layout !== null && layout !== void 0 && layout.inherit || layout !== null && layout !== void 0 && layout.contentSize || layout !== null && layout !== void 0 && layout.wideSize ? { ...layout, + type: 'constrained' + } : layout || {}; + const fullLayoutType = getLayoutType((usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default'); + const globalLayoutSettings = useSetting('layout') || {}; + const blockGapSupport = useSetting('spacing.blockGap'); + const hasBlockGapSupport = blockGapSupport !== null; + const css = fullLayoutType === null || fullLayoutType === void 0 ? void 0 : (_fullLayoutType$getLa = fullLayoutType.getLayoutStyle) === null || _fullLayoutType$getLa === void 0 ? void 0 : _fullLayoutType$getLa.call(fullLayoutType, { + blockName: name, + selector, + layout, + layoutDefinitions: globalLayoutSettings === null || globalLayoutSettings === void 0 ? void 0 : globalLayoutSettings.definitions, + style, + hasBlockGapSupport + }); + return css; +} + +function LayoutPanel(_ref) { + let { + setAttributes, + attributes, + name: blockName + } = _ref; + const { + layout + } = attributes; + const defaultThemeLayout = useSetting('layout'); + const themeSupportsLayout = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSettings + } = select(store); + return getSettings().supportsLayout; + }, []); + const layoutBlockSupport = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, layoutBlockSupportKey, {}); + const { + allowSwitching, + allowEditing = true, + allowInheriting = true, + default: defaultBlockLayout + } = layoutBlockSupport; + + if (!allowEditing) { + return null; + } // Only show the inherit toggle if it's supported, + // a default theme layout is set (e.g. one that provides `contentSize` and/or `wideSize` values), + // and either the default / flow or the constrained layout type is in use, as the toggle switches from one to the other. + + + const showInheritToggle = !!(allowInheriting && !!defaultThemeLayout && (!(layout !== null && layout !== void 0 && layout.type) || (layout === null || layout === void 0 ? void 0 : layout.type) === 'default' || (layout === null || layout === void 0 ? void 0 : layout.type) === 'constrained' || layout !== null && layout !== void 0 && layout.inherit)); + const usedLayout = layout || defaultBlockLayout || {}; + const { + inherit = false, + type = 'default', + contentSize = null + } = usedLayout; + /** + * `themeSupportsLayout` is only relevant to the `default/flow` or + * `constrained` layouts and it should not be taken into account when other + * `layout` types are used. + */ + + if ((type === 'default' || type === 'constrained') && !themeSupportsLayout) { + return null; + } + + const layoutType = getLayoutType(type); + const constrainedType = getLayoutType('constrained'); + const displayControlsForLegacyLayouts = !usedLayout.type && (contentSize || inherit); + const hasContentSizeOrLegacySettings = !!inherit || !!contentSize; + + const onChangeType = newType => setAttributes({ + layout: { + type: newType + } + }); + + const onChangeLayout = newLayout => setAttributes({ + layout: newLayout + }); + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(inspector_controls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { + title: (0,external_wp_i18n_namespaceObject.__)('Layout') + }, showInheritToggle && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { + className: "block-editor-hooks__toggle-control", + label: (0,external_wp_i18n_namespaceObject.__)('Inner blocks use content width'), + checked: (layoutType === null || layoutType === void 0 ? void 0 : layoutType.name) === 'constrained' || hasContentSizeOrLegacySettings, + onChange: () => setAttributes({ + layout: { + type: (layoutType === null || layoutType === void 0 ? void 0 : layoutType.name) === 'constrained' || hasContentSizeOrLegacySettings ? 'default' : 'constrained' + } + }), + help: (layoutType === null || layoutType === void 0 ? void 0 : layoutType.name) === 'constrained' || hasContentSizeOrLegacySettings ? (0,external_wp_i18n_namespaceObject.__)('Nested blocks use content width with options for full and wide widths.') : (0,external_wp_i18n_namespaceObject.__)('Nested blocks will fill the width of this container. Toggle to constrain.') + })), !inherit && allowSwitching && (0,external_wp_element_namespaceObject.createElement)(LayoutTypeSwitcher, { + type: type, + onChange: onChangeType + }), layoutType && layoutType.name !== 'default' && (0,external_wp_element_namespaceObject.createElement)(layoutType.inspectorControls, { + layout: usedLayout, + onChange: onChangeLayout, + layoutBlockSupport: layoutBlockSupport + }), constrainedType && displayControlsForLegacyLayouts && (0,external_wp_element_namespaceObject.createElement)(constrainedType.inspectorControls, { + layout: usedLayout, + onChange: onChangeLayout, + layoutBlockSupport: layoutBlockSupport + }))), !inherit && layoutType && (0,external_wp_element_namespaceObject.createElement)(layoutType.toolBarControls, { + layout: usedLayout, + onChange: onChangeLayout, + layoutBlockSupport: layoutBlockSupport + })); +} + +function LayoutTypeSwitcher(_ref2) { + let { + type, + onChange + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, null, getLayoutTypes().map(_ref3 => { + let { + name, + label + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + key: name, + isPressed: type === name, + onClick: () => onChange(name) + }, label); + })); +} +/** + * Filters registered block settings, extending attributes to include `layout`. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + + +function layout_addAttribute(settings) { + var _settings$attributes$, _settings$attributes; + + if ('type' in ((_settings$attributes$ = (_settings$attributes = settings.attributes) === null || _settings$attributes === void 0 ? void 0 : _settings$attributes.layout) !== null && _settings$attributes$ !== void 0 ? _settings$attributes$ : {})) { + return settings; + } + + if ((0,external_wp_blocks_namespaceObject.hasBlockSupport)(settings, layoutBlockSupportKey)) { + settings.attributes = { ...settings.attributes, + layout: { + type: 'object' + } + }; + } + + return settings; +} +/** + * Override the default edit UI to include layout controls + * + * @param {Function} BlockEdit Original component. + * + * @return {Function} Wrapped component. + */ + +const layout_withInspectorControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { + const { + name: blockName + } = props; + const supportLayout = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, layoutBlockSupportKey); + return [supportLayout && (0,external_wp_element_namespaceObject.createElement)(LayoutPanel, _extends({ + key: "layout" + }, props)), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, _extends({ + key: "edit" + }, props))]; +}, 'withInspectorControls'); +/** + * Override the default block element to add the layout styles. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + +const withLayoutStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + const { + name, + attributes, + block + } = props; + const hasLayoutBlockSupport = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(name, layoutBlockSupportKey); + const disableLayoutStyles = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSettings + } = select(store); + return !!getSettings().disableLayoutStyles; + }); + const shouldRenderLayoutStyles = hasLayoutBlockSupport && !disableLayoutStyles; + const id = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock); + const defaultThemeLayout = useSetting('layout') || {}; + const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); + const { + layout + } = attributes; + const { + default: defaultBlockLayout + } = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, layoutBlockSupportKey) || {}; + const usedLayout = layout !== null && layout !== void 0 && layout.inherit || layout !== null && layout !== void 0 && layout.contentSize || layout !== null && layout !== void 0 && layout.wideSize ? { ...layout, + type: 'constrained' + } : layout || defaultBlockLayout || {}; + const layoutClasses = hasLayoutBlockSupport ? useLayoutClasses(block) : null; // Higher specificity to override defaults from theme.json. + + const selector = `.wp-container-${id}.wp-container-${id}`; + const blockGapSupport = useSetting('spacing.blockGap'); + const hasBlockGapSupport = blockGapSupport !== null; // Get CSS string for the current layout type. + // The CSS and `style` element is only output if it is not empty. + + let css; + + if (shouldRenderLayoutStyles) { + var _fullLayoutType$getLa2; + + const fullLayoutType = getLayoutType((usedLayout === null || usedLayout === void 0 ? void 0 : usedLayout.type) || 'default'); + css = fullLayoutType === null || fullLayoutType === void 0 ? void 0 : (_fullLayoutType$getLa2 = fullLayoutType.getLayoutStyle) === null || _fullLayoutType$getLa2 === void 0 ? void 0 : _fullLayoutType$getLa2.call(fullLayoutType, { + blockName: name, + selector, + layout: usedLayout, + layoutDefinitions: defaultThemeLayout === null || defaultThemeLayout === void 0 ? void 0 : defaultThemeLayout.definitions, + style: attributes === null || attributes === void 0 ? void 0 : attributes.style, + hasBlockGapSupport + }); + } // Attach a `wp-container-` id-based class name as well as a layout class name such as `is-layout-flex`. + + + const layoutClassNames = classnames_default()({ + [`wp-container-${id}`]: shouldRenderLayoutStyles && !!css // Only attach a container class if there is generated CSS to be attached. + + }, layoutClasses); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, shouldRenderLayoutStyles && element && !!css && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)(LayoutStyle, { + blockName: name, + selector: selector, + css: css, + layout: usedLayout, + style: attributes === null || attributes === void 0 ? void 0 : attributes.style + }), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + __unstableLayoutClassNames: layoutClassNames + }))); +}); +/** + * Override the default block element to add the child layout styles. + * + * @param {Function} BlockListBlock Original component. + * + * @return {Function} Wrapped component. + */ + +const withChildLayoutStyles = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockListBlock => props => { + const { + attributes + } = props; + const { + style: { + layout = {} + } = {} + } = attributes; + const { + selfStretch, + flexSize + } = layout; + const hasChildLayout = selfStretch || flexSize; + const disableLayoutStyles = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSettings + } = select(store); + return !!getSettings().disableLayoutStyles; + }); + const shouldRenderChildLayoutStyles = hasChildLayout && !disableLayoutStyles; + const element = (0,external_wp_element_namespaceObject.useContext)(BlockList.__unstableElementContext); + const id = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockListBlock); + const selector = `.wp-container-content-${id}`; + let css = ''; + + if (selfStretch === 'fixed' && flexSize) { + css += `${selector} { + flex-basis: ${flexSize}; + box-sizing: border-box; + }`; + } else if (selfStretch === 'fill') { + css += `${selector} { + flex-grow: 1; + }`; + } // Attach a `wp-container-content` id-based classname. + + + const className = classnames_default()(props === null || props === void 0 ? void 0 : props.className, { + [`wp-container-content-${id}`]: shouldRenderChildLayoutStyles && !!css // Only attach a container class if there is generated CSS to be attached. + + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, shouldRenderChildLayoutStyles && element && !!css && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)("style", null, css), element), (0,external_wp_element_namespaceObject.createElement)(BlockListBlock, _extends({}, props, { + className: className + }))); +}); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/layout/addAttribute', layout_addAttribute); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/layout/with-layout-styles', withLayoutStyles); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockListBlock', 'core/editor/layout/with-child-layout-styles', withChildLayoutStyles); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/editor/layout/with-inspector-controls', layout_withInspectorControls); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/content-lock-ui.js + + + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + +/** + * External dependencies + */ + + + +function StopEditingAsBlocksOnOutsideSelect(_ref) { + let { + clientId, + stopEditingAsBlock + } = _ref; + const isBlockOrDescendantSelected = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + isBlockSelected, + hasSelectedInnerBlock + } = select(store); + return isBlockSelected(clientId) || hasSelectedInnerBlock(clientId, true); + }, [clientId]); + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (!isBlockOrDescendantSelected) { + stopEditingAsBlock(); + } + }, [isBlockOrDescendantSelected]); + return null; +} + +const content_lock_ui_withBlockControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { + const { + getBlockListSettings, + getSettings + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const focusModeToRevert = (0,external_wp_element_namespaceObject.useRef)(); + const { + templateLock, + isLockedByParent, + isEditingAsBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + __unstableGetContentLockingParent, + getTemplateLock, + __unstableGetTemporarilyEditingAsBlocks + } = select(store); + return { + templateLock: getTemplateLock(props.clientId), + isLockedByParent: !!__unstableGetContentLockingParent(props.clientId), + isEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === props.clientId + }; + }, [props.clientId]); + const { + updateSettings, + updateBlockListSettings, + __unstableSetTemporarilyEditingAsBlocks + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const isContentLocked = !isLockedByParent && templateLock === 'contentOnly'; + const { + __unstableMarkNextChangeAsNotPersistent, + updateBlockAttributes + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const stopEditingAsBlock = (0,external_wp_element_namespaceObject.useCallback)(() => { + __unstableMarkNextChangeAsNotPersistent(); + + updateBlockAttributes(props.clientId, { + templateLock: 'contentOnly' + }); + updateBlockListSettings(props.clientId, { ...getBlockListSettings(props.clientId), + templateLock: 'contentOnly' + }); + updateSettings({ + focusMode: focusModeToRevert.current + }); + + __unstableSetTemporarilyEditingAsBlocks(); + }, [props.clientId, focusModeToRevert, updateSettings, updateBlockListSettings, getBlockListSettings, __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes, __unstableSetTemporarilyEditingAsBlocks]); + + if (!isContentLocked && !isEditingAsBlocks) { + return (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, isEditingAsBlocks && !isContentLocked && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(StopEditingAsBlocksOnOutsideSelect, { + clientId: props.clientId, + stopEditingAsBlock: stopEditingAsBlock + }), (0,external_wp_element_namespaceObject.createElement)(block_controls, { + group: "other" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + onClick: () => { + stopEditingAsBlock(); + } + }, (0,external_wp_i18n_namespaceObject.__)('Done')))), !isEditingAsBlocks && isContentLocked && props.isSelected && (0,external_wp_element_namespaceObject.createElement)(block_settings_menu_controls, null, _ref2 => { + let { + onClose + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + onClick: () => { + __unstableMarkNextChangeAsNotPersistent(); + + updateBlockAttributes(props.clientId, { + templateLock: undefined + }); + updateBlockListSettings(props.clientId, { ...getBlockListSettings(props.clientId), + templateLock: false + }); + focusModeToRevert.current = getSettings().focusMode; + updateSettings({ + focusMode: true + }); + + __unstableSetTemporarilyEditingAsBlocks(props.clientId); + + onClose(); + } + }, (0,external_wp_i18n_namespaceObject.__)('Modify')); + }), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, _extends({}, props, { + className: classnames_default()(props.className, isEditingAsBlocks && 'is-content-locked-editing-as-blocks') + }))); +}, 'withToolbarControls'); +(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/content-lock-ui/with-block-controls', content_lock_ui_withBlockControls); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/metadata.js +/** + * WordPress dependencies + */ + + +const META_ATTRIBUTE_NAME = 'metadata'; +function hasBlockMetadataSupport(blockType) { + let feature = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ''; + const support = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockType, '__experimentalMetadata'); + return !!(true === support || support !== null && support !== void 0 && support[feature]); +} +/** + * Filters registered block settings, extending attributes to include `metadata`. + * + * see: https://github.com/WordPress/gutenberg/pull/40393/files#r864632012 + * + * @param {Object} blockTypeSettings Original block settings. + * @return {Object} Filtered block settings. + */ + +function addMetaAttribute(blockTypeSettings) { + var _blockTypeSettings$at, _blockTypeSettings$at2; + + // Allow blocks to specify their own attribute definition with default values if needed. + if (blockTypeSettings !== null && blockTypeSettings !== void 0 && (_blockTypeSettings$at = blockTypeSettings.attributes) !== null && _blockTypeSettings$at !== void 0 && (_blockTypeSettings$at2 = _blockTypeSettings$at[META_ATTRIBUTE_NAME]) !== null && _blockTypeSettings$at2 !== void 0 && _blockTypeSettings$at2.type) { + return blockTypeSettings; + } + + const supportsBlockNaming = hasBlockMetadataSupport(blockTypeSettings, 'name'); + + if (supportsBlockNaming) { + blockTypeSettings.attributes = { ...blockTypeSettings.attributes, + [META_ATTRIBUTE_NAME]: { + type: 'object' + } + }; + } + + return blockTypeSettings; +} +function metadata_addSaveProps(extraProps, blockType, attributes) { + if (hasBlockMetadataSupport(blockType)) { + extraProps[META_ATTRIBUTE_NAME] = attributes[META_ATTRIBUTE_NAME]; + } + + return extraProps; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/metadata/addMetaAttribute', addMetaAttribute); +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.getSaveContent.extraProps', 'core/metadata/save-props', metadata_addSaveProps); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/metadata-name.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +/** + * Filters registered block settings, adding an `__experimentalLabel` callback if one does not already exist. + * + * @param {Object} settings Original block settings. + * + * @return {Object} Filtered block settings. + */ + +function addLabelCallback(settings) { + // If blocks provide their own label callback, do not override it. + if (settings.__experimentalLabel) { + return settings; + } + + const supportsBlockNaming = hasBlockMetadataSupport(settings, 'name', false // default value + ); // Check whether block metadata is supported before using it. + + if (supportsBlockNaming) { + settings.__experimentalLabel = (attributes, _ref) => { + let { + context + } = _ref; + const { + metadata + } = attributes; // In the list view, use the block's name attribute as the label. + + if (context === 'list-view' && metadata !== null && metadata !== void 0 && metadata.name) { + return metadata.name; + } + }; + } + + return settings; +} +(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/metadata/addLabelCallback', addLabelCallback); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-border-props.js +/** + * Internal dependencies + */ + + + // This utility is intended to assist where the serialization of the border +// block support is being skipped for a block but the border related CSS classes +// & styles still need to be generated so they can be applied to inner elements. + +/** + * Provides the CSS class names and inline styles for a block's border support + * attributes. + * + * @param {Object} attributes Block attributes. + * @return {Object} Border block support derived CSS classes & styles. + */ + +function getBorderClassesAndStyles(attributes) { + var _attributes$style; + + const border = ((_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : _attributes$style.border) || {}; + const className = getBorderClasses(attributes); + return { + className: className || undefined, + style: getInlineStyles({ + border + }) + }; +} +/** + * Derives the border related props for a block from its border block support + * attributes. + * + * Inline styles are forced for named colors to ensure these selections are + * reflected when themes do not load their color stylesheets in the editor. + * + * @param {Object} attributes Block attributes. + * + * @return {Object} ClassName & style props from border block support. + */ + +function useBorderProps(attributes) { + const { + colors + } = useMultipleOriginColorsAndGradients(); + const borderProps = getBorderClassesAndStyles(attributes); + const { + borderColor + } = attributes; // Force inline styles to apply named border colors when themes do not load + // their color stylesheets in the editor. + + if (borderColor) { + const borderColorObject = getMultiOriginColor({ + colors, + namedColor: borderColor + }); + borderProps.style.borderColor = borderColorObject.color; + } + + return borderProps; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-color-props.js +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + + // The code in this file has largely been lifted from the color block support +// hook. +// +// This utility is intended to assist where the serialization of the colors +// block support is being skipped for a block but the color related CSS classes +// & styles still need to be generated so they can be applied to inner elements. + +/** + * Provides the CSS class names and inline styles for a block's color support + * attributes. + * + * @param {Object} attributes Block attributes. + * + * @return {Object} Color block support derived CSS classes & styles. + */ + +function getColorClassesAndStyles(attributes) { + var _style$color, _style$color2, _style$color3, _style$color4, _style$elements, _style$elements$link; + + const { + backgroundColor, + textColor, + gradient, + style + } = attributes; // Collect color CSS classes. + + const backgroundClass = getColorClassName('background-color', backgroundColor); + const textClass = getColorClassName('color', textColor); + + const gradientClass = __experimentalGetGradientClass(gradient); + + const hasGradient = gradientClass || (style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.gradient); // Determine color CSS class name list. + + const className = classnames_default()(textClass, gradientClass, { + // Don't apply the background class if there's a gradient. + [backgroundClass]: !hasGradient && !!backgroundClass, + 'has-text-color': textColor || (style === null || style === void 0 ? void 0 : (_style$color2 = style.color) === null || _style$color2 === void 0 ? void 0 : _style$color2.text), + 'has-background': backgroundColor || (style === null || style === void 0 ? void 0 : (_style$color3 = style.color) === null || _style$color3 === void 0 ? void 0 : _style$color3.background) || gradient || (style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.gradient), + 'has-link-color': style === null || style === void 0 ? void 0 : (_style$elements = style.elements) === null || _style$elements === void 0 ? void 0 : (_style$elements$link = _style$elements.link) === null || _style$elements$link === void 0 ? void 0 : _style$elements$link.color + }); // Collect inline styles for colors. + + const colorStyles = (style === null || style === void 0 ? void 0 : style.color) || {}; + const styleProp = getInlineStyles({ + color: colorStyles + }); + return { + className: className || undefined, + style: styleProp + }; +} +const use_color_props_EMPTY_OBJECT = {}; +/** + * Determines the color related props for a block derived from its color block + * support attributes. + * + * Inline styles are forced for named colors to ensure these selections are + * reflected when themes do not load their color stylesheets in the editor. + * + * @param {Object} attributes Block attributes. + * + * @return {Object} ClassName & style props from colors block support. + */ + +function useColorProps(attributes) { + const { + backgroundColor, + textColor, + gradient + } = attributes; // Some color settings have a special handling for deprecated flags in `useSetting`, + // so we can't unwrap them by doing const { ... } = useSetting('color') + // until https://github.com/WordPress/gutenberg/issues/37094 is fixed. + + const userPalette = useSetting('color.palette.custom'); + const themePalette = useSetting('color.palette.theme'); + const defaultPalette = useSetting('color.palette.default'); + const gradientsPerOrigin = useSetting('color.gradients') || use_color_props_EMPTY_OBJECT; + const colors = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); + const gradients = (0,external_wp_element_namespaceObject.useMemo)(() => [...((gradientsPerOrigin === null || gradientsPerOrigin === void 0 ? void 0 : gradientsPerOrigin.custom) || []), ...((gradientsPerOrigin === null || gradientsPerOrigin === void 0 ? void 0 : gradientsPerOrigin.theme) || []), ...((gradientsPerOrigin === null || gradientsPerOrigin === void 0 ? void 0 : gradientsPerOrigin.default) || [])], [gradientsPerOrigin]); + const colorProps = getColorClassesAndStyles(attributes); // Force inline styles to apply colors when themes do not load their color + // stylesheets in the editor. + + if (backgroundColor) { + const backgroundColorObject = getColorObjectByAttributeValues(colors, backgroundColor); + colorProps.style.backgroundColor = backgroundColorObject.color; + } + + if (gradient) { + colorProps.style.background = getGradientValueBySlug(gradients, gradient); + } + + if (textColor) { + const textColorObject = getColorObjectByAttributeValues(colors, textColor); + colorProps.style.color = textColorObject.color; + } + + return colorProps; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-spacing-props.js +/** + * Internal dependencies + */ + // This utility is intended to assist where the serialization of the spacing +// block support is being skipped for a block but the spacing related CSS +// styles still need to be generated so they can be applied to inner elements. + +/** + * Provides the CSS class names and inline styles for a block's spacing support + * attributes. + * + * @param {Object} attributes Block attributes. + * + * @return {Object} Spacing block support derived CSS classes & styles. + */ + +function getSpacingClassesAndStyles(attributes) { + const { + style + } = attributes; // Collect inline styles for spacing. + + const spacingStyles = (style === null || style === void 0 ? void 0 : style.spacing) || {}; + const styleProp = getInlineStyles({ + spacing: spacingStyles + }); + return { + style: styleProp + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-typography-props.js +/** + * External dependencies + */ + + +/** + * Internal dependencies + */ + + + + // This utility is intended to assist where the serialization of the typography +// block support is being skipped for a block but the typography related CSS +// styles still need to be generated so they can be applied to inner elements. + +/** + * Provides the CSS class names and inline styles for a block's typography support + * attributes. + * + * @param {Object} attributes Block attributes. + * @param {Object|boolean} fluidTypographySettings If boolean, whether the function should try to convert font sizes to fluid values, + * otherwise an object containing theme fluid typography settings. + * + * @return {Object} Typography block support derived CSS classes & styles. + */ + +function getTypographyClassesAndStyles(attributes, fluidTypographySettings) { + var _attributes$style; + + let typographyStyles = (attributes === null || attributes === void 0 ? void 0 : (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : _attributes$style.typography) || {}; + + if (!!fluidTypographySettings && (true === fluidTypographySettings || Object.keys(fluidTypographySettings).length !== 0)) { + var _attributes$style2, _attributes$style2$ty, _attributes$style3, _attributes$style3$ty; + + const newFontSize = getComputedFluidTypographyValue({ + fontSize: attributes === null || attributes === void 0 ? void 0 : (_attributes$style2 = attributes.style) === null || _attributes$style2 === void 0 ? void 0 : (_attributes$style2$ty = _attributes$style2.typography) === null || _attributes$style2$ty === void 0 ? void 0 : _attributes$style2$ty.fontSize, + minimumFontSizeLimit: fluidTypographySettings === null || fluidTypographySettings === void 0 ? void 0 : fluidTypographySettings.minFontSize + }) || (attributes === null || attributes === void 0 ? void 0 : (_attributes$style3 = attributes.style) === null || _attributes$style3 === void 0 ? void 0 : (_attributes$style3$ty = _attributes$style3.typography) === null || _attributes$style3$ty === void 0 ? void 0 : _attributes$style3$ty.fontSize); + typographyStyles = { ...typographyStyles, + fontSize: newFontSize + }; + } + + const style = getInlineStyles({ + typography: typographyStyles + }); + const fontFamilyClassName = !!(attributes !== null && attributes !== void 0 && attributes.fontFamily) ? `has-${(0,external_lodash_namespaceObject.kebabCase)(attributes.fontFamily)}-font-family` : ''; + const className = classnames_default()(fontFamilyClassName, getFontSizeClass(attributes === null || attributes === void 0 ? void 0 : attributes.fontSize)); + return { + className, + style + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/use-cached-truthy.js +/** + * WordPress dependencies + */ + +/** + * Keeps an up-to-date copy of the passed value and returns it. If value becomes falsy, it will return the last truthy copy. + * + * @param {any} value + * @return {any} value + */ + +function useCachedTruthy(value) { + const [cachedValue, setCachedValue] = (0,external_wp_element_namespaceObject.useState)(value); + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (value) { + setCachedValue(value); + } + }, [value]); + return cachedValue; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/index.js +/** + * Internal dependencies + */ + + + + + + + + + + + + + + + + + + + + + + + + + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/with-colors.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +/** + * Capitalizes the first letter in a string. + * + * @param {string} str The string whose first letter the function will capitalize. + * + * @return {string} Capitalized string. + */ + +const upperFirst = _ref => { + let [firstLetter, ...rest] = _ref; + return firstLetter.toUpperCase() + rest.join(''); +}; +/** + * Higher order component factory for injecting the `colorsArray` argument as + * the colors prop in the `withCustomColors` HOC. + * + * @param {Array} colorsArray An array of color objects. + * + * @return {Function} The higher order component. + */ + + +const withCustomColorPalette = colorsArray => (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { + colors: colorsArray +})), 'withCustomColorPalette'); +/** + * Higher order component factory for injecting the editor colors as the + * `colors` prop in the `withColors` HOC. + * + * @return {Function} The higher order component. + */ + + +const withEditorColorPalette = () => (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => { + // Some color settings have a special handling for deprecated flags in `useSetting`, + // so we can't unwrap them by doing const { ... } = useSetting('color') + // until https://github.com/WordPress/gutenberg/issues/37094 is fixed. + const userPalette = useSetting('color.palette.custom'); + const themePalette = useSetting('color.palette.theme'); + const defaultPalette = useSetting('color.palette.default'); + const allColors = (0,external_wp_element_namespaceObject.useMemo)(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]); + return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { + colors: allColors + })); +}, 'withEditorColorPalette'); +/** + * Helper function used with `createHigherOrderComponent` to create + * higher order components for managing color logic. + * + * @param {Array} colorTypes An array of color types (e.g. 'backgroundColor, borderColor). + * @param {Function} withColorPalette A HOC for injecting the 'colors' prop into the WrappedComponent. + * + * @return {WPComponent} The component that can be used as a HOC. + */ + + +function createColorHOC(colorTypes, withColorPalette) { + const colorMap = colorTypes.reduce((colorObject, colorType) => { + return { ...colorObject, + ...(typeof colorType === 'string' ? { + [colorType]: (0,external_lodash_namespaceObject.kebabCase)(colorType) + } : colorType) + }; + }, {}); + return (0,external_wp_compose_namespaceObject.compose)([withColorPalette, WrappedComponent => { + return class extends external_wp_element_namespaceObject.Component { + constructor(props) { + super(props); + this.setters = this.createSetters(); + this.colorUtils = { + getMostReadableColor: this.getMostReadableColor.bind(this) + }; + this.state = {}; + } + + getMostReadableColor(colorValue) { + const { + colors + } = this.props; + return getMostReadableColor(colors, colorValue); + } + + createSetters() { + return Object.keys(colorMap).reduce((settersAccumulator, colorAttributeName) => { + const upperFirstColorAttributeName = upperFirst(colorAttributeName); + const customColorAttributeName = `custom${upperFirstColorAttributeName}`; + settersAccumulator[`set${upperFirstColorAttributeName}`] = this.createSetColor(colorAttributeName, customColorAttributeName); + return settersAccumulator; + }, {}); + } + + createSetColor(colorAttributeName, customColorAttributeName) { + return colorValue => { + const colorObject = getColorObjectByColorValue(this.props.colors, colorValue); + this.props.setAttributes({ + [colorAttributeName]: colorObject && colorObject.slug ? colorObject.slug : undefined, + [customColorAttributeName]: colorObject && colorObject.slug ? undefined : colorValue + }); + }; + } + + static getDerivedStateFromProps(_ref2, previousState) { + let { + attributes, + colors + } = _ref2; + return Object.entries(colorMap).reduce((newState, _ref3) => { + let [colorAttributeName, colorContext] = _ref3; + const colorObject = getColorObjectByAttributeValues(colors, attributes[colorAttributeName], attributes[`custom${upperFirst(colorAttributeName)}`]); + const previousColorObject = previousState[colorAttributeName]; + const previousColor = previousColorObject === null || previousColorObject === void 0 ? void 0 : previousColorObject.color; + /** + * The "and previousColorObject" condition checks that a previous color object was already computed. + * At the start previousColorObject and colorValue are both equal to undefined + * bus as previousColorObject does not exist we should compute the object. + */ + + if (previousColor === colorObject.color && previousColorObject) { + newState[colorAttributeName] = previousColorObject; + } else { + newState[colorAttributeName] = { ...colorObject, + class: getColorClassName(colorContext, colorObject.slug) + }; + } + + return newState; + }, {}); + } + + render() { + return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, this.props, { + colors: undefined + }, this.state, this.setters, { + colorUtils: this.colorUtils + })); + } + + }; + }]); +} +/** + * A higher-order component factory for creating a 'withCustomColors' HOC, which handles color logic + * for class generation color value, retrieval and color attribute setting. + * + * Use this higher-order component to work with a custom set of colors. + * + * @example + * + * ```jsx + * const CUSTOM_COLORS = [ { name: 'Red', slug: 'red', color: '#ff0000' }, { name: 'Blue', slug: 'blue', color: '#0000ff' } ]; + * const withCustomColors = createCustomColorsHOC( CUSTOM_COLORS ); + * // ... + * export default compose( + * withCustomColors( 'backgroundColor', 'borderColor' ), + * MyColorfulComponent, + * ); + * ``` + * + * @param {Array} colorsArray The array of color objects (name, slug, color, etc... ). + * + * @return {Function} Higher-order component. + */ + + +function createCustomColorsHOC(colorsArray) { + return function () { + const withColorPalette = withCustomColorPalette(colorsArray); + + for (var _len = arguments.length, colorTypes = new Array(_len), _key = 0; _key < _len; _key++) { + colorTypes[_key] = arguments[_key]; + } + + return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(createColorHOC(colorTypes, withColorPalette), 'withCustomColors'); + }; +} +/** + * A higher-order component, which handles color logic for class generation color value, retrieval and color attribute setting. + * + * For use with the default editor/theme color palette. + * + * @example + * + * ```jsx + * export default compose( + * withColors( 'backgroundColor', { textColor: 'color' } ), + * MyColorfulComponent, + * ); + * ``` + * + * @param {...(Object|string)} colorTypes The arguments can be strings or objects. If the argument is an object, + * it should contain the color attribute name as key and the color context as value. + * If the argument is a string the value should be the color attribute name, + * the color context is computed by applying a kebab case transform to the value. + * Color context represents the context/place where the color is going to be used. + * The class name of the color is generated using 'has' followed by the color name + * and ending with the color context all in kebab case e.g: has-green-background-color. + * + * @return {Function} Higher-order component. + */ + +function withColors() { + const withColorPalette = withEditorColorPalette(); + + for (var _len2 = arguments.length, colorTypes = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) { + colorTypes[_key2] = arguments[_key2]; + } + + return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(createColorHOC(colorTypes, withColorPalette), 'withColors'); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/index.js + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradients/index.js + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/with-font-sizes.js + + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +const DEFAULT_FONT_SIZES = []; +/** + * Capitalizes the first letter in a string. + * + * @param {string} str The string whose first letter the function will capitalize. + * + * @return {string} Capitalized string. + */ + +const with_font_sizes_upperFirst = _ref => { + let [firstLetter, ...rest] = _ref; + return firstLetter.toUpperCase() + rest.join(''); +}; +/** + * Higher-order component, which handles font size logic for class generation, + * font size value retrieval, and font size change handling. + * + * @param {...(Object|string)} fontSizeNames The arguments should all be strings. + * Each string contains the font size + * attribute name e.g: 'fontSize'. + * + * @return {Function} Higher-order component. + */ + + +/* harmony default export */ var with_font_sizes = (function () { + for (var _len = arguments.length, fontSizeNames = new Array(_len), _key = 0; _key < _len; _key++) { + fontSizeNames[_key] = arguments[_key]; + } + + /* + * Computes an object whose key is the font size attribute name as passed in the array, + * and the value is the custom font size attribute name. + * Custom font size is automatically compted by appending custom followed by the font size attribute name in with the first letter capitalized. + */ + const fontSizeAttributeNames = fontSizeNames.reduce((fontSizeAttributeNamesAccumulator, fontSizeAttributeName) => { + fontSizeAttributeNamesAccumulator[fontSizeAttributeName] = `custom${with_font_sizes_upperFirst(fontSizeAttributeName)}`; + return fontSizeAttributeNamesAccumulator; + }, {}); + return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => props => { + const fontSizes = useSetting('typography.fontSizes') || DEFAULT_FONT_SIZES; + return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { + fontSizes: fontSizes + })); + }, 'withFontSizes'), WrappedComponent => { + return class extends external_wp_element_namespaceObject.Component { + constructor(props) { + super(props); + this.setters = this.createSetters(); + this.state = {}; + } + + createSetters() { + return Object.entries(fontSizeAttributeNames).reduce((settersAccumulator, _ref2) => { + let [fontSizeAttributeName, customFontSizeAttributeName] = _ref2; + const upperFirstFontSizeAttributeName = with_font_sizes_upperFirst(fontSizeAttributeName); + settersAccumulator[`set${upperFirstFontSizeAttributeName}`] = this.createSetFontSize(fontSizeAttributeName, customFontSizeAttributeName); + return settersAccumulator; + }, {}); + } + + createSetFontSize(fontSizeAttributeName, customFontSizeAttributeName) { + return fontSizeValue => { + var _this$props$fontSizes; + + const fontSizeObject = (_this$props$fontSizes = this.props.fontSizes) === null || _this$props$fontSizes === void 0 ? void 0 : _this$props$fontSizes.find(_ref3 => { + let { + size + } = _ref3; + return size === Number(fontSizeValue); + }); + this.props.setAttributes({ + [fontSizeAttributeName]: fontSizeObject && fontSizeObject.slug ? fontSizeObject.slug : undefined, + [customFontSizeAttributeName]: fontSizeObject && fontSizeObject.slug ? undefined : fontSizeValue + }); + }; + } + + static getDerivedStateFromProps(_ref4, previousState) { + let { + attributes, + fontSizes + } = _ref4; + + const didAttributesChange = (customFontSizeAttributeName, fontSizeAttributeName) => { + if (previousState[fontSizeAttributeName]) { + // If new font size is name compare with the previous slug. + if (attributes[fontSizeAttributeName]) { + return attributes[fontSizeAttributeName] !== previousState[fontSizeAttributeName].slug; + } // If font size is not named, update when the font size value changes. + + + return previousState[fontSizeAttributeName].size !== attributes[customFontSizeAttributeName]; + } // In this case we need to build the font size object. + + + return true; + }; + + if (!Object.values(fontSizeAttributeNames).some(didAttributesChange)) { + return null; + } + + const newState = Object.entries(fontSizeAttributeNames).filter(_ref5 => { + let [key, value] = _ref5; + return didAttributesChange(value, key); + }).reduce((newStateAccumulator, _ref6) => { + let [fontSizeAttributeName, customFontSizeAttributeName] = _ref6; + const fontSizeAttributeValue = attributes[fontSizeAttributeName]; + const fontSizeObject = getFontSize(fontSizes, fontSizeAttributeValue, attributes[customFontSizeAttributeName]); + newStateAccumulator[fontSizeAttributeName] = { ...fontSizeObject, + class: getFontSizeClass(fontSizeAttributeValue) + }; + return newStateAccumulator; + }, {}); + return { ...previousState, + ...newState + }; + } + + render() { + return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, this.props, { + fontSizes: undefined + }, this.state, this.setters)); + } + + }; + }]), 'withFontSizes'); +}); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/index.js + + + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/duotone/index.js + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-left.js + + +/** + * WordPress dependencies + */ + +const alignLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z" +})); +/* harmony default export */ var align_left = (alignLeft); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-center.js + + +/** + * WordPress dependencies + */ + +const align_center_alignCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z" +})); +/* harmony default export */ var align_center = (align_center_alignCenter); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-right.js + + +/** + * WordPress dependencies + */ + +const alignRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z" +})); +/* harmony default export */ var align_right = (alignRight); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/alignment-control/ui.js + + + +/** + * WordPress dependencies + */ + + + +const DEFAULT_ALIGNMENT_CONTROLS = [{ + icon: align_left, + title: (0,external_wp_i18n_namespaceObject.__)('Align text left'), + align: 'left' +}, { + icon: align_center, + title: (0,external_wp_i18n_namespaceObject.__)('Align text center'), + align: 'center' +}, { + icon: align_right, + title: (0,external_wp_i18n_namespaceObject.__)('Align text right'), + align: 'right' +}]; +const ui_POPOVER_PROPS = { + position: 'bottom right', + variant: 'toolbar' +}; + +function AlignmentUI(_ref) { + let { + value, + onChange, + alignmentControls = DEFAULT_ALIGNMENT_CONTROLS, + label = (0,external_wp_i18n_namespaceObject.__)('Align text'), + describedBy = (0,external_wp_i18n_namespaceObject.__)('Change text alignment'), + isCollapsed = true, + isToolbar + } = _ref; + + function applyOrUnset(align) { + return () => onChange(value === align ? undefined : align); + } + + const activeAlignment = alignmentControls.find(control => control.align === value); + + function setIcon() { + if (activeAlignment) return activeAlignment.icon; + return (0,external_wp_i18n_namespaceObject.isRTL)() ? align_right : align_left; + } + + const UIComponent = isToolbar ? external_wp_components_namespaceObject.ToolbarGroup : external_wp_components_namespaceObject.ToolbarDropdownMenu; + const extraProps = isToolbar ? { + isCollapsed + } : { + toggleProps: { + describedBy + }, + popoverProps: ui_POPOVER_PROPS + }; + return (0,external_wp_element_namespaceObject.createElement)(UIComponent, _extends({ + icon: setIcon(), + label: label, + controls: alignmentControls.map(control => { + const { + align + } = control; + const isActive = value === align; + return { ...control, + isActive, + role: isCollapsed ? 'menuitemradio' : undefined, + onClick: applyOrUnset(align) + }; + }) + }, extraProps)); +} + +/* harmony default export */ var alignment_control_ui = (AlignmentUI); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/alignment-control/index.js + + + +/** + * Internal dependencies + */ + + +const AlignmentControl = props => { + return (0,external_wp_element_namespaceObject.createElement)(alignment_control_ui, _extends({}, props, { + isToolbar: false + })); +}; + +const AlignmentToolbar = props => { + return (0,external_wp_element_namespaceObject.createElement)(alignment_control_ui, _extends({}, props, { + isToolbar: true + })); +}; +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/alignment-control/README.md + */ + + + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/autocompleters/block.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + + + +const block_noop = () => {}; + +const block_SHOWN_BLOCK_TYPES = 9; +/** @typedef {import('@wordpress/components').WPCompleter} WPCompleter */ + +/** + * Creates a blocks repeater for replacing the current block with a selected block type. + * + * @return {WPCompleter} A blocks completer. + */ + +function createBlockCompleter() { + return { + name: 'blocks', + className: 'block-editor-autocompleters__block', + triggerPrefix: '/', + + useItems(filterValue) { + const { + rootClientId, + selectedBlockName + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSelectedBlockClientId, + getBlockName, + getBlockInsertionPoint + } = select(store); + const selectedBlockClientId = getSelectedBlockClientId(); + return { + selectedBlockName: selectedBlockClientId ? getBlockName(selectedBlockClientId) : null, + rootClientId: getBlockInsertionPoint().rootClientId + }; + }, []); + const [items, categories, collections] = use_block_types_state(rootClientId, block_noop); + const filteredItems = (0,external_wp_element_namespaceObject.useMemo)(() => { + const initialFilteredItems = !!filterValue.trim() ? searchBlockItems(items, categories, collections, filterValue) : orderBy(items, 'frecency', 'desc'); + return initialFilteredItems.filter(item => item.name !== selectedBlockName).slice(0, block_SHOWN_BLOCK_TYPES); + }, [filterValue, selectedBlockName, items, categories, collections]); + const options = (0,external_wp_element_namespaceObject.useMemo)(() => filteredItems.map(blockItem => { + const { + title, + icon, + isDisabled + } = blockItem; + return { + key: `block-${blockItem.id}`, + value: blockItem, + label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(block_icon, { + key: "icon", + icon: icon, + showColors: true + }), title), + isDisabled + }; + }), [filteredItems]); + return [options]; + }, + + allowContext(before, after) { + return !(/\S/.test(before) || /\S/.test(after)); + }, + + getOptionCompletion(inserterItem) { + const { + name, + initialAttributes, + innerBlocks + } = inserterItem; + return { + action: 'replace', + value: (0,external_wp_blocks_namespaceObject.createBlock)(name, initialAttributes, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(innerBlocks)) + }; + } + + }; +} +/** + * Creates a blocks repeater for replacing the current block with a selected block type. + * + * @return {WPCompleter} A blocks completer. + */ + + +/* harmony default export */ var autocompleters_block = (createBlockCompleter()); + +;// CONCATENATED MODULE: external ["wp","apiFetch"] +var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"]; +var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post.js + + +/** + * WordPress dependencies + */ + +const post = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "m7.3 9.7 1.4 1.4c.2-.2.3-.3.4-.5 0 0 0-.1.1-.1.3-.5.4-1.1.3-1.6L12 7 9 4 7.2 6.5c-.6-.1-1.1 0-1.6.3 0 0-.1 0-.1.1-.3.1-.4.2-.6.4l1.4 1.4L4 11v1h1l2.3-2.3zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z" +})); +/* harmony default export */ var library_post = (post); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/autocompleters/link.js + + +/** + * WordPress dependencies + */ +// Disable Reason: Needs to be refactored. +// eslint-disable-next-line no-restricted-imports + + + +const SHOWN_SUGGESTIONS = 10; +/** @typedef {import('@wordpress/components').WPCompleter} WPCompleter */ + +/** + * Creates a suggestion list for links to posts or pages. + * + * @return {WPCompleter} A links completer. + */ + +function createLinkCompleter() { + return { + name: 'links', + className: 'block-editor-autocompleters__link', + triggerPrefix: '[[', + options: async letters => { + let options = await external_wp_apiFetch_default()({ + path: (0,external_wp_url_namespaceObject.addQueryArgs)('/wp/v2/search', { + per_page: SHOWN_SUGGESTIONS, + search: letters, + type: 'post', + order_by: 'menu_order' + }) + }); + options = options.filter(option => option.title !== ''); + return options; + }, + + getOptionKeywords(item) { + const expansionWords = item.title.split(/\s+/); + return [...expansionWords]; + }, + + getOptionLabel(item) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + key: "icon", + icon: item.subtype === 'page' ? library_page : library_post + }), item.title); + }, + + getOptionCompletion(item) { + return (0,external_wp_element_namespaceObject.createElement)("a", { + href: item.url + }, item.title); + } + + }; +} +/** + * Creates a suggestion list for links to posts or pages.. + * + * @return {WPCompleter} A link completer. + */ + + +/* harmony default export */ var autocompleters_link = (createLinkCompleter()); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/autocomplete/index.js + + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + + +/** + * Shared reference to an empty array for cases where it is important to avoid + * returning a new array reference on every invocation. + * + * @type {Array} + */ + +const autocomplete_EMPTY_ARRAY = []; + +function useCompleters(_ref) { + let { + completers = autocomplete_EMPTY_ARRAY + } = _ref; + const { + name + } = useBlockEditContext(); + return (0,external_wp_element_namespaceObject.useMemo)(() => { + let filteredCompleters = [...completers, autocompleters_link]; + + if (name === (0,external_wp_blocks_namespaceObject.getDefaultBlockName)() || (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, '__experimentalSlashInserter', false)) { + filteredCompleters = [...filteredCompleters, autocompleters_block]; + } + + if ((0,external_wp_hooks_namespaceObject.hasFilter)('editor.Autocomplete.completers')) { + // Provide copies so filters may directly modify them. + if (filteredCompleters === completers) { + filteredCompleters = filteredCompleters.map(completer => ({ ...completer + })); + } + + filteredCompleters = (0,external_wp_hooks_namespaceObject.applyFilters)('editor.Autocomplete.completers', filteredCompleters, name); + } + + return filteredCompleters; + }, [completers, name]); +} + +function useBlockEditorAutocompleteProps(props) { + return (0,external_wp_components_namespaceObject.__unstableUseAutocompleteProps)({ ...props, + completers: useCompleters(props) + }); +} +/** + * Wrap the default Autocomplete component with one that supports a filter hook + * for customizing its list of autocompleters. + * + * @type {import('react').FC} + */ + +function BlockEditorAutocomplete(props) { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Autocomplete, _extends({}, props, { + completers: useCompleters(props) + })); +} +/** + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/autocomplete/README.md + */ + + +/* harmony default export */ var autocomplete = (BlockEditorAutocomplete); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/fullscreen.js + + +/** + * WordPress dependencies + */ + +const fullscreen = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var library_fullscreen = (fullscreen); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-full-height-alignment-control/index.js + + +/** + * WordPress dependencies + */ + + + + +function BlockFullHeightAlignmentControl(_ref) { + let { + isActive, + label = (0,external_wp_i18n_namespaceObject.__)('Toggle full height'), + onToggle, + isDisabled + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + isActive: isActive, + icon: library_fullscreen, + label: label, + onClick: () => onToggle(!isActive), + disabled: isDisabled + }); +} + +/* harmony default export */ var block_full_height_alignment_control = (BlockFullHeightAlignmentControl); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-matrix-control/index.js + + +/** + * WordPress dependencies + */ + + + + +const block_alignment_matrix_control_noop = () => {}; + +function BlockAlignmentMatrixControl(props) { + const { + label = (0,external_wp_i18n_namespaceObject.__)('Change matrix alignment'), + onChange = block_alignment_matrix_control_noop, + value = 'center', + isDisabled + } = props; + const icon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalAlignmentMatrixControl.Icon, { + value: value + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { + popoverProps: { + variant: 'toolbar', + placement: 'bottom-start' + }, + renderToggle: _ref => { + let { + onToggle, + isOpen + } = _ref; + + const openOnArrowDown = event => { + if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) { + event.preventDefault(); + onToggle(); + } + }; + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + onClick: onToggle, + "aria-haspopup": "true", + "aria-expanded": isOpen, + onKeyDown: openOnArrowDown, + label: label, + icon: icon, + showTooltip: true, + disabled: isDisabled + }); + }, + renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalAlignmentMatrixControl, { + hasFocusBorder: false, + onChange: onChange, + value: value + }) + }); +} + +/* harmony default export */ var block_alignment_matrix_control = (BlockAlignmentMatrixControl); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-breadcrumb/index.js + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + +/** + * Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb. + * + * @param {Object} props Component props. + * @param {string} props.rootLabelText Translated label for the root element of the breadcrumb trail. + * @return {WPElement} Block Breadcrumb. + */ + +function BlockBreadcrumb(_ref) { + let { + rootLabelText + } = _ref; + const { + selectBlock, + clearSelectedBlock + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + clientId, + parents, + hasSelection + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSelectionStart, + getSelectedBlockClientId, + getBlockParents + } = select(store); + const selectedBlockClientId = getSelectedBlockClientId(); + return { + parents: getBlockParents(selectedBlockClientId), + clientId: selectedBlockClientId, + hasSelection: !!getSelectionStart().clientId + }; + }, []); + + const rootLabel = rootLabelText || (0,external_wp_i18n_namespaceObject.__)('Document'); + /* + * Disable reason: The `list` ARIA role is redundant but + * Safari+VoiceOver won't announce the list otherwise. + */ + + /* eslint-disable jsx-a11y/no-redundant-roles */ + + + return (0,external_wp_element_namespaceObject.createElement)("ul", { + className: "block-editor-block-breadcrumb", + role: "list", + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block breadcrumb') + }, (0,external_wp_element_namespaceObject.createElement)("li", { + className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined, + "aria-current": !hasSelection ? 'true' : undefined + }, hasSelection && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + className: "block-editor-block-breadcrumb__button", + variant: "tertiary", + onClick: clearSelectedBlock + }, rootLabel), !hasSelection && rootLabel, !!clientId && (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: chevron_right_small, + className: "block-editor-block-breadcrumb__separator" + })), parents.map(parentClientId => (0,external_wp_element_namespaceObject.createElement)("li", { + key: parentClientId + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + className: "block-editor-block-breadcrumb__button", + variant: "tertiary", + onClick: () => selectBlock(parentClientId) + }, (0,external_wp_element_namespaceObject.createElement)(BlockTitle, { + clientId: parentClientId, + maximumLength: 35 + })), (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: chevron_right_small, + className: "block-editor-block-breadcrumb__separator" + }))), !!clientId && (0,external_wp_element_namespaceObject.createElement)("li", { + className: "block-editor-block-breadcrumb__current", + "aria-current": "true" + }, (0,external_wp_element_namespaceObject.createElement)(BlockTitle, { + clientId: clientId, + maximumLength: 35 + }))) + /* eslint-enable jsx-a11y/no-redundant-roles */ + ; +} + +/* harmony default export */ var block_breadcrumb = (BlockBreadcrumb); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-style-selector/index.js + + +/** + * WordPress dependencies + */ + + + + + +const ColorSelectorSVGIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { + xmlns: "https://www.w3.org/2000/svg", + viewBox: "0 0 20 20" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.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" +})); +/** + * Color Selector Icon component. + * + * @param {Object} props Component properties. + * @param {Object} props.style Style object. + * @param {string} props.className Class name for component. + * + * @return {*} React Icon component. + */ + + +const ColorSelectorIcon = _ref => { + let { + style, + className + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-library-colors-selector__icon-container" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${className} block-library-colors-selector__state-selection`, + style: style + }, (0,external_wp_element_namespaceObject.createElement)(ColorSelectorSVGIcon, null))); +}; +/** + * Renders the Colors Selector Toolbar with the icon button. + * + * @param {Object} props Component properties. + * @param {Object} props.TextColor Text color component that wraps icon. + * @param {Object} props.BackgroundColor Background color component that wraps icon. + * + * @return {*} React toggle button component. + */ + + +const renderToggleComponent = _ref2 => { + let { + TextColor, + BackgroundColor + } = _ref2; + return _ref3 => { + let { + onToggle, + isOpen + } = _ref3; + + const openOnArrowDown = event => { + if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) { + event.preventDefault(); + onToggle(); + } + }; + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + className: "components-toolbar__control block-library-colors-selector__toggle", + label: (0,external_wp_i18n_namespaceObject.__)('Open Colors Selector'), + onClick: onToggle, + onKeyDown: openOnArrowDown, + icon: (0,external_wp_element_namespaceObject.createElement)(BackgroundColor, null, (0,external_wp_element_namespaceObject.createElement)(TextColor, null, (0,external_wp_element_namespaceObject.createElement)(ColorSelectorIcon, null))) + })); + }; +}; + +const BlockColorsStyleSelector = _ref4 => { + let { + children, + ...other + } = _ref4; + external_wp_deprecated_default()(`wp.blockEditor.BlockColorsStyleSelector`, { + alternative: 'block supports API', + since: '6.1', + version: '6.3' + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { + popoverProps: { + placement: 'bottom-start' + }, + className: "block-library-colors-selector", + contentClassName: "block-library-colors-selector__popover", + renderToggle: renderToggleComponent(other), + renderContent: () => children + }); +}; + +/* harmony default export */ var color_style_selector = (BlockColorsStyleSelector); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/list-view.js + + +/** + * WordPress dependencies + */ + +const listView = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z" +})); +/* harmony default export */ var list_view = (listView); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/leaf.js + + + +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +const leaf_AnimatedTreeGridRow = animated(external_wp_components_namespaceObject.__experimentalTreeGridRow); +function leaf_ListViewLeaf(_ref) { + let { + isSelected, + position, + level, + rowCount, + children, + className, + path, + ...props + } = _ref; + const ref = use_moving_animation({ + isSelected, + adjustScrolling: false, + enableAnimation: true, + triggerAnimationOnChange: path + }); + return (0,external_wp_element_namespaceObject.createElement)(leaf_AnimatedTreeGridRow, _extends({ + ref: ref, + className: classnames_default()('block-editor-list-view-leaf', className), + level: level, + positionInSet: position, + setSize: rowCount + }, props), children); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/expander.js + + +/** + * WordPress dependencies + */ + + +function expander_ListViewExpander(_ref) { + let { + onClick + } = _ref; + return (// Keyboard events are handled by TreeGrid see: components/src/tree-grid/index.js + // + // The expander component is implemented as a pseudo element in the w3 example + // https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html + // + // We've mimicked this by adding an icon with aria-hidden set to true to hide this from the accessibility tree. + // For the current tree grid implementation, please do not try to make this a button. + // + // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions + (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-list-view__expander", + onClick: event => onClick(event, { + forceToggle: true + }), + "aria-hidden": "true" + }, (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left_small : chevron_right_small + })) + ); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/block-select-button.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + + + +function block_select_button_ListViewBlockSelectButton(_ref, ref) { + let { + className, + block: { + clientId + }, + onClick, + onToggleExpanded, + tabIndex, + onFocus, + onDragStart, + onDragEnd, + draggable + } = _ref; + const blockInformation = useBlockDisplayInformation(clientId); + const blockTitle = useBlockDisplayTitle({ + clientId, + context: 'list-view' + }); + const { + isLocked + } = useBlockLock(clientId); // The `href` attribute triggers the browser's native HTML drag operations. + // When the link is dragged, the element's outerHTML is set in DataTransfer object as text/html. + // We need to clear any HTML drag data to prevent `pasteHandler` from firing + // inside the `useOnBlockDrop` hook. + + const onDragStartHandler = event => { + event.dataTransfer.clearData(); + onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event); + }; + + function onKeyDownHandler(event) { + if (event.keyCode === external_wp_keycodes_namespaceObject.ENTER || event.keyCode === external_wp_keycodes_namespaceObject.SPACE) { + onClick(event); + } + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + className: classnames_default()('block-editor-list-view-block-select-button', className), + onClick: onClick, + onKeyDown: onKeyDownHandler, + ref: ref, + tabIndex: tabIndex, + onFocus: onFocus, + onDragStart: onDragStartHandler, + onDragEnd: onDragEnd, + draggable: draggable, + href: `#block-${clientId}`, + "aria-hidden": true + }, (0,external_wp_element_namespaceObject.createElement)(expander_ListViewExpander, { + onClick: onToggleExpanded + }), (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.icon, + showColors: true + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalHStack, { + alignment: "center", + className: "block-editor-list-view-block-select-button__label-wrapper", + justify: "flex-start", + spacing: 1 + }, (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-list-view-block-select-button__title" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTruncate, { + ellipsizeMode: "auto" + }, blockTitle)), (blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.anchor) && (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-list-view-block-select-button__anchor-wrapper" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTruncate, { + className: "block-editor-list-view-block-select-button__anchor", + ellipsizeMode: "auto" + }, blockInformation.anchor)), isLocked && (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-list-view-block-select-button__lock" + }, (0,external_wp_element_namespaceObject.createElement)(build_module_icon, { + icon: lock_small + }))))); +} + +/* harmony default export */ var list_view_block_select_button = ((0,external_wp_element_namespaceObject.forwardRef)(block_select_button_ListViewBlockSelectButton)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/block-contents.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +const block_contents_ListViewBlockContents = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) => { + let { + onClick, + onToggleExpanded, + block, + isSelected, + position, + siblingBlockCount, + level, + isExpanded, + selectedClientIds, + ...props + } = _ref; + const { + clientId + } = block; + const { + blockMovingClientId, + selectedBlockInBlockEditor + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + hasBlockMovingClientId, + getSelectedBlockClientId + } = select(store); + return { + blockMovingClientId: hasBlockMovingClientId(), + selectedBlockInBlockEditor: getSelectedBlockClientId() + }; + }, [clientId]); + const isBlockMoveTarget = blockMovingClientId && selectedBlockInBlockEditor === clientId; + const className = classnames_default()('block-editor-list-view-block-contents', { + 'is-dropping-before': isBlockMoveTarget + }); // Only include all selected blocks if the currently clicked on block + // is one of the selected blocks. This ensures that if a user attempts + // to drag a block that isn't part of the selection, they're still able + // to drag it and rearrange its position. + + const draggableClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId]; + return (0,external_wp_element_namespaceObject.createElement)(block_draggable, { + clientIds: draggableClientIds + }, _ref2 => { + let { + draggable, + onDragStart, + onDragEnd + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(list_view_block_select_button, _extends({ + ref: ref, + className: className, + block: block, + onClick: onClick, + onToggleExpanded: onToggleExpanded, + isSelected: isSelected, + position: position, + siblingBlockCount: siblingBlockCount, + level: level, + draggable: draggable, + onDragStart: onDragStart, + onDragEnd: onDragEnd, + isExpanded: isExpanded + }, props)); + }); +}); +/* harmony default export */ var list_view_block_contents = (block_contents_ListViewBlockContents); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/context.js +/** + * WordPress dependencies + */ + +const context_ListViewContext = (0,external_wp_element_namespaceObject.createContext)({}); +const context_useListViewContext = () => (0,external_wp_element_namespaceObject.useContext)(context_ListViewContext); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/utils.js +/** + * WordPress dependencies + */ + +const utils_getBlockPositionDescription = (position, siblingCount, level) => (0,external_wp_i18n_namespaceObject.sprintf)( +/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */ +(0,external_wp_i18n_namespaceObject.__)('Block %1$d of %2$d, Level %3$d'), position, siblingCount, level); +/** + * Returns true if the client ID occurs within the block selection or multi-selection, + * or false otherwise. + * + * @param {string} clientId Block client ID. + * @param {string|string[]} selectedBlockClientIds Selected block client ID, or an array of multi-selected blocks client IDs. + * + * @return {boolean} Whether the block is in multi-selection set. + */ + +const utils_isClientIdSelected = (clientId, selectedBlockClientIds) => Array.isArray(selectedBlockClientIds) && selectedBlockClientIds.length ? selectedBlockClientIds.indexOf(clientId) !== -1 : selectedBlockClientIds === clientId; +/** + * From a start and end clientId of potentially different nesting levels, + * return the nearest-depth ids that have a common level of depth in the + * nesting hierarchy. For multiple block selection, this ensure that the + * selection is always at the same nesting level, and not split across + * separate levels. + * + * @param {string} startId The first id of a selection. + * @param {string} endId The end id of a selection, usually one that has been clicked on. + * @param {string[]} startParents An array of ancestor ids for the start id, in descending order. + * @param {string[]} endParents An array of ancestor ids for the end id, in descending order. + * @return {Object} An object containing the start and end ids. + */ + +function utils_getCommonDepthClientIds(startId, endId, startParents, endParents) { + const startPath = [...startParents, startId]; + const endPath = [...endParents, endId]; + const depth = Math.min(startPath.length, endPath.length) - 1; + const start = startPath[depth]; + const end = endPath[depth]; + return { + start, + end + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/block.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + + + +/** + * Internal dependencies + */ + + + + + + + + + + + +function block_ListViewBlock(_ref) { + let { + block, + isDragged, + isSelected, + isBranchSelected, + selectBlock, + position, + level, + rowCount, + siblingBlockCount, + showBlockMovers, + path, + isExpanded, + selectedClientIds, + preventAnnouncement, + isSyncedBranch + } = _ref; + const cellRef = (0,external_wp_element_namespaceObject.useRef)(null); + const [isHovered, setIsHovered] = (0,external_wp_element_namespaceObject.useState)(false); + const { + clientId + } = block; + const { + isLocked, + isContentLocked, + canEdit + } = useBlockLock(clientId); + const forceSelectionContentLock = (0,external_wp_data_namespaceObject.useSelect)(select => { + if (isSelected) { + return false; + } + + if (!isContentLocked) { + return false; + } + + return select(store).hasSelectedInnerBlock(clientId, true); + }, [isContentLocked, clientId, isSelected]); + const canExpand = isContentLocked ? false : canEdit; + const isFirstSelectedBlock = forceSelectionContentLock || isSelected && selectedClientIds[0] === clientId; + const isLastSelectedBlock = forceSelectionContentLock || isSelected && selectedClientIds[selectedClientIds.length - 1] === clientId; + const { + toggleBlockHighlight + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const blockInformation = useBlockDisplayInformation(clientId); + const blockName = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlockName(clientId), [clientId]); // When a block hides its toolbar it also hides the block settings menu, + // since that menu is part of the toolbar in the editor canvas. + // List View respects this by also hiding the block settings menu. + + const showBlockActions = (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, '__experimentalToolbar', true); + const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(block_ListViewBlock); + const descriptionId = `list-view-block-select-button__${instanceId}`; + const blockPositionDescription = utils_getBlockPositionDescription(position, siblingBlockCount, level); + + let blockAriaLabel = (0,external_wp_i18n_namespaceObject.__)('Link'); + + if (blockInformation) { + blockAriaLabel = isLocked ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. This string indicates a link to select the locked block. + (0,external_wp_i18n_namespaceObject.__)('%s link (locked)'), blockInformation.title) : (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. This string indicates a link to select the block. + (0,external_wp_i18n_namespaceObject.__)('%s link'), blockInformation.title); + } + + const settingsAriaLabel = blockInformation ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The title of the block. + (0,external_wp_i18n_namespaceObject.__)('Options for %s block'), blockInformation.title) : (0,external_wp_i18n_namespaceObject.__)('Options'); + const { + isTreeGridMounted, + expand, + collapse + } = context_useListViewContext(); + const hasSiblings = siblingBlockCount > 0; + const hasRenderedMovers = showBlockMovers && hasSiblings; + const moverCellClassName = classnames_default()('block-editor-list-view-block__mover-cell', { + 'is-visible': isHovered || isSelected + }); + const listViewBlockSettingsClassName = classnames_default()('block-editor-list-view-block__menu-cell', { + 'is-visible': isHovered || isFirstSelectedBlock + }); // If ListView has experimental features related to the Persistent List View, + // only focus the selected list item on mount; otherwise the list would always + // try to steal the focus from the editor canvas. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (!isTreeGridMounted && isSelected) { + cellRef.current.focus(); + } + }, []); + const onMouseEnter = (0,external_wp_element_namespaceObject.useCallback)(() => { + setIsHovered(true); + toggleBlockHighlight(clientId, true); + }, [clientId, setIsHovered, toggleBlockHighlight]); + const onMouseLeave = (0,external_wp_element_namespaceObject.useCallback)(() => { + setIsHovered(false); + toggleBlockHighlight(clientId, false); + }, [clientId, setIsHovered, toggleBlockHighlight]); + const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)(event => { + selectBlock(event, clientId); + event.preventDefault(); + }, [clientId, selectBlock]); + const updateSelection = (0,external_wp_element_namespaceObject.useCallback)(newClientId => { + selectBlock(undefined, newClientId); + }, [selectBlock]); + const toggleExpanded = (0,external_wp_element_namespaceObject.useCallback)(event => { + // Prevent shift+click from opening link in a new window when toggling. + event.preventDefault(); + event.stopPropagation(); + + if (isExpanded === true) { + collapse(clientId); + } else if (isExpanded === false) { + expand(clientId); + } + }, [clientId, expand, collapse, isExpanded]); + let colSpan; + + if (hasRenderedMovers) { + colSpan = 2; + } else if (!showBlockActions) { + colSpan = 3; + } + + const classes = classnames_default()({ + 'is-selected': isSelected || forceSelectionContentLock, + 'is-first-selected': isFirstSelectedBlock, + 'is-last-selected': isLastSelectedBlock, + 'is-branch-selected': isBranchSelected, + 'is-synced-branch': isSyncedBranch, + 'is-dragging': isDragged, + 'has-single-cell': !showBlockActions, + 'is-synced': blockInformation === null || blockInformation === void 0 ? void 0 : blockInformation.isSynced + }); // Only include all selected blocks if the currently clicked on block + // is one of the selected blocks. This ensures that if a user attempts + // to alter a block that isn't part of the selection, they're still able + // to do so. + + const dropdownClientIds = selectedClientIds.includes(clientId) ? selectedClientIds : [clientId]; + return (0,external_wp_element_namespaceObject.createElement)(leaf_ListViewLeaf, { + className: classes, + onMouseEnter: onMouseEnter, + onMouseLeave: onMouseLeave, + onFocus: onMouseEnter, + onBlur: onMouseLeave, + level: level, + position: position, + rowCount: rowCount, + path: path, + id: `list-view-block-${clientId}`, + "data-block": clientId, + isExpanded: canExpand ? isExpanded : undefined, + "aria-selected": !!isSelected || forceSelectionContentLock + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { + className: "block-editor-list-view-block__contents-cell", + colSpan: colSpan, + ref: cellRef, + "aria-label": blockAriaLabel, + "aria-selected": !!isSelected || forceSelectionContentLock, + "aria-expanded": canExpand ? isExpanded : undefined, + "aria-describedby": descriptionId + }, _ref2 => { + let { + ref, + tabIndex, + onFocus + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-list-view-block__contents-container" + }, (0,external_wp_element_namespaceObject.createElement)(list_view_block_contents, { + block: block, + onClick: selectEditorBlock, + onToggleExpanded: toggleExpanded, + isSelected: isSelected, + position: position, + siblingBlockCount: siblingBlockCount, + level: level, + ref: ref, + tabIndex: tabIndex, + onFocus: onFocus, + isExpanded: isExpanded, + selectedClientIds: selectedClientIds, + preventAnnouncement: preventAnnouncement + }), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-list-view-block-select-button__description", + id: descriptionId + }, blockPositionDescription)); + }), hasRenderedMovers && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { + className: moverCellClassName, + withoutGridItem: true + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridItem, null, _ref3 => { + let { + ref, + tabIndex, + onFocus + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)(BlockMoverUpButton, { + orientation: "vertical", + clientIds: [clientId], + ref: ref, + tabIndex: tabIndex, + onFocus: onFocus + }); + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridItem, null, _ref4 => { + let { + ref, + tabIndex, + onFocus + } = _ref4; + return (0,external_wp_element_namespaceObject.createElement)(BlockMoverDownButton, { + orientation: "vertical", + clientIds: [clientId], + ref: ref, + tabIndex: tabIndex, + onFocus: onFocus + }); + }))), showBlockActions && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGridCell, { + className: listViewBlockSettingsClassName, + "aria-selected": !!isSelected || forceSelectionContentLock + }, _ref5 => { + let { + ref, + tabIndex, + onFocus + } = _ref5; + return (0,external_wp_element_namespaceObject.createElement)(block_settings_dropdown, { + clientIds: dropdownClientIds, + icon: more_vertical, + label: settingsAriaLabel, + toggleProps: { + ref, + className: 'block-editor-list-view-block__menu', + tabIndex, + onFocus + }, + disableOpenOnArrowDown: true, + __experimentalSelectBlock: updateSelection + }); + })); +} + +/* harmony default export */ var list_view_block = ((0,external_wp_element_namespaceObject.memo)(block_ListViewBlock)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/branch.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + + + +/** + * Given a block, returns the total number of blocks in that subtree. This is used to help determine + * the list position of a block. + * + * When a block is collapsed, we do not count their children as part of that total. In the current drag + * implementation dragged blocks and their children are not counted. + * + * @param {Object} block block tree + * @param {Object} expandedState state that notes which branches are collapsed + * @param {Array} draggedClientIds a list of dragged client ids + * @param {boolean} isExpandedByDefault flag to determine the default fallback expanded state. + * @return {number} block count + */ + +function branch_countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault) { + var _expandedState$block$; + + const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId); + + if (isDragged) { + return 0; + } + + const isExpanded = (_expandedState$block$ = expandedState[block.clientId]) !== null && _expandedState$block$ !== void 0 ? _expandedState$block$ : isExpandedByDefault; + + if (isExpanded) { + return 1 + block.innerBlocks.reduce(branch_countReducer(expandedState, draggedClientIds, isExpandedByDefault), 0); + } + + return 1; +} + +const branch_countReducer = (expandedState, draggedClientIds, isExpandedByDefault) => (count, block) => { + var _expandedState$block$2; + + const isDragged = draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.includes(block.clientId); + + if (isDragged) { + return count; + } + + const isExpanded = (_expandedState$block$2 = expandedState[block.clientId]) !== null && _expandedState$block$2 !== void 0 ? _expandedState$block$2 : isExpandedByDefault; + + if (isExpanded && block.innerBlocks.length > 0) { + return count + branch_countBlocks(block, expandedState, draggedClientIds, isExpandedByDefault); + } + + return count + 1; +}; + +const list_view_branch_noop = () => {}; + +function branch_ListViewBranch(props) { + const { + blocks, + selectBlock = list_view_branch_noop, + showBlockMovers, + selectedClientIds, + level = 1, + path = '', + isBranchSelected = false, + listPosition = 0, + fixedListWindow, + isExpanded, + parentId, + shouldShowInnerBlocks = true, + isSyncedBranch = false + } = props; + const parentBlockInformation = useBlockDisplayInformation(parentId); + const syncedBranch = isSyncedBranch || !!(parentBlockInformation !== null && parentBlockInformation !== void 0 && parentBlockInformation.isSynced); + const canParentExpand = (0,external_wp_data_namespaceObject.useSelect)(select => { + if (!parentId) { + return true; + } + + const isContentLocked = select(store).getTemplateLock(parentId) === 'contentOnly'; + const canEdit = select(store).canEditBlock(parentId); + return isContentLocked ? false : canEdit; + }, [parentId]); + const { + expandedState, + draggedClientIds + } = context_useListViewContext(); + + if (!canParentExpand) { + return null; + } + + const filteredBlocks = blocks.filter(Boolean); + const blockCount = filteredBlocks.length; + let nextPosition = listPosition; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, filteredBlocks.map((block, index) => { + var _expandedState$client; + + const { + clientId, + innerBlocks + } = block; + + if (index > 0) { + nextPosition += branch_countBlocks(filteredBlocks[index - 1], expandedState, draggedClientIds, isExpanded); + } + + const { + itemInView + } = fixedListWindow; + const blockInView = itemInView(nextPosition); + const position = index + 1; + const updatedPath = path.length > 0 ? `${path}_${position}` : `${position}`; + const hasNestedBlocks = !!(innerBlocks !== null && innerBlocks !== void 0 && innerBlocks.length); + const shouldExpand = hasNestedBlocks && shouldShowInnerBlocks ? (_expandedState$client = expandedState[clientId]) !== null && _expandedState$client !== void 0 ? _expandedState$client : isExpanded : undefined; + const isDragged = !!(draggedClientIds !== null && draggedClientIds !== void 0 && draggedClientIds.includes(clientId)); + const showBlock = isDragged || blockInView; // Make updates to the selected or dragged blocks synchronous, + // but asynchronous for any other block. + + const isSelected = utils_isClientIdSelected(clientId, selectedClientIds); + const isSelectedBranch = isBranchSelected || isSelected && hasNestedBlocks; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { + key: clientId, + value: !isSelected + }, showBlock && (0,external_wp_element_namespaceObject.createElement)(list_view_block, { + block: block, + selectBlock: selectBlock, + isSelected: isSelected, + isBranchSelected: isSelectedBranch, + isDragged: isDragged, + level: level, + position: position, + rowCount: blockCount, + siblingBlockCount: blockCount, + showBlockMovers: showBlockMovers, + path: updatedPath, + isExpanded: shouldExpand, + listPosition: nextPosition, + selectedClientIds: selectedClientIds, + isSyncedBranch: syncedBranch + }), !showBlock && (0,external_wp_element_namespaceObject.createElement)("tr", null, (0,external_wp_element_namespaceObject.createElement)("td", { + className: "block-editor-list-view-placeholder" + })), hasNestedBlocks && shouldExpand && !isDragged && (0,external_wp_element_namespaceObject.createElement)(branch_ListViewBranch, { + parentId: clientId, + blocks: innerBlocks, + selectBlock: selectBlock, + showBlockMovers: showBlockMovers, + level: level + 1, + path: updatedPath, + listPosition: nextPosition + 1, + fixedListWindow: fixedListWindow, + isBranchSelected: isSelectedBranch, + selectedClientIds: selectedClientIds, + isExpanded: isExpanded, + isSyncedBranch: syncedBranch + })); + })); +} + +/* harmony default export */ var list_view_branch = ((0,external_wp_element_namespaceObject.memo)(branch_ListViewBranch)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/drop-indicator.js + + +/** + * WordPress dependencies + */ + + +function drop_indicator_ListViewDropIndicator(_ref) { + let { + listViewRef, + blockDropTarget + } = _ref; + const { + rootClientId, + clientId, + dropPosition + } = blockDropTarget || {}; + const [rootBlockElement, blockElement] = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (!listViewRef.current) { + return []; + } // The rootClientId will be defined whenever dropping into inner + // block lists, but is undefined when dropping at the root level. + + + const _rootBlockElement = rootClientId ? listViewRef.current.querySelector(`[data-block="${rootClientId}"]`) : undefined; // The clientId represents the sibling block, the dragged block will + // usually be inserted adjacent to it. It will be undefined when + // dropping a block into an empty block list. + + + const _blockElement = clientId ? listViewRef.current.querySelector(`[data-block="${clientId}"]`) : undefined; + + return [_rootBlockElement, _blockElement]; + }, [rootClientId, clientId]); // The targetElement is the element that the drop indicator will appear + // before or after. When dropping into an empty block list, blockElement + // is undefined, so the indicator will appear after the rootBlockElement. + + const targetElement = blockElement || rootBlockElement; + const getDropIndicatorIndent = (0,external_wp_element_namespaceObject.useCallback)(() => { + if (!rootBlockElement) { + return 0; + } // Calculate the indent using the block icon of the root block. + // Using a classname selector here might be flaky and could be + // improved. + + + const targetElementRect = targetElement.getBoundingClientRect(); + const rootBlockIconElement = rootBlockElement.querySelector('.block-editor-block-icon'); + const rootBlockIconRect = rootBlockIconElement.getBoundingClientRect(); + return rootBlockIconRect.right - targetElementRect.left; + }, [rootBlockElement, targetElement]); + const style = (0,external_wp_element_namespaceObject.useMemo)(() => { + if (!targetElement) { + return {}; + } + + const indent = getDropIndicatorIndent(); + return { + width: targetElement.offsetWidth - indent + }; + }, [getDropIndicatorIndent, targetElement]); + const popoverAnchor = (0,external_wp_element_namespaceObject.useMemo)(() => { + const isValidDropPosition = dropPosition === 'top' || dropPosition === 'bottom' || dropPosition === 'inside'; + + if (!targetElement || !isValidDropPosition) { + return undefined; + } + + return { + ownerDocument: targetElement.ownerDocument, + + getBoundingClientRect() { + const rect = targetElement.getBoundingClientRect(); + const indent = getDropIndicatorIndent(); + const left = rect.left + indent; + const right = rect.right; + let top = 0; + let bottom = 0; + + if (dropPosition === 'top') { + top = rect.top; + bottom = rect.top; + } else { + // `dropPosition` is either `bottom` or `inside` + top = rect.bottom; + bottom = rect.bottom; + } + + const width = right - left; + const height = bottom - top; + return new window.DOMRect(left, top, width, height); + } + + }; + }, [targetElement, dropPosition, getDropIndicatorIndent]); + + if (!targetElement) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { + animate: false, + anchor: popoverAnchor, + focusOnMount: false, + className: "block-editor-list-view-drop-indicator", + variant: "unstyled" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + style: style, + className: "block-editor-list-view-drop-indicator__line" + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-block-selection.js +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + +function use_block_selection_useBlockSelection() { + const { + clearSelectedBlock, + multiSelect, + selectBlock + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + getBlockName, + getBlockParents, + getBlockSelectionStart, + getBlockSelectionEnd, + getSelectedBlockClientIds, + hasMultiSelection, + hasSelectedBlock + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const { + getBlockType + } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blocks_namespaceObject.store); + const updateBlockSelection = (0,external_wp_element_namespaceObject.useCallback)(async (event, clientId, destinationClientId) => { + if (!(event !== null && event !== void 0 && event.shiftKey)) { + selectBlock(clientId); + return; + } // To handle multiple block selection via the `SHIFT` key, prevent + // the browser default behavior of opening the link in a new window. + + + event.preventDefault(); + const isKeyPress = event.type === 'keydown' && (event.keyCode === external_wp_keycodes_namespaceObject.UP || event.keyCode === external_wp_keycodes_namespaceObject.DOWN || event.keyCode === external_wp_keycodes_namespaceObject.HOME || event.keyCode === external_wp_keycodes_namespaceObject.END); // Handle clicking on a block when no blocks are selected, and return early. + + if (!isKeyPress && !hasSelectedBlock() && !hasMultiSelection()) { + selectBlock(clientId, null); + return; + } + + const selectedBlocks = getSelectedBlockClientIds(); + const clientIdWithParents = [...getBlockParents(clientId), clientId]; + + if (isKeyPress && !selectedBlocks.some(blockId => clientIdWithParents.includes(blockId))) { + // Ensure that shift-selecting blocks via the keyboard only + // expands the current selection if focusing over already + // selected blocks. Otherwise, clear the selection so that + // a user can create a new selection entirely by keyboard. + await clearSelectedBlock(); + } + + let startTarget = getBlockSelectionStart(); + let endTarget = clientId; // Handle keyboard behavior for selecting multiple blocks. + + if (isKeyPress) { + if (!hasSelectedBlock() && !hasMultiSelection()) { + // Set the starting point of the selection to the currently + // focused block, if there are no blocks currently selected. + // This ensures that as the selection is expanded or contracted, + // the starting point of the selection is anchored to that block. + startTarget = clientId; + } + + if (destinationClientId) { + // If the user presses UP or DOWN, we want to ensure that the block they're + // moving to is the target for selection, and not the currently focused one. + endTarget = destinationClientId; + } + } + + const startParents = getBlockParents(startTarget); + const endParents = getBlockParents(endTarget); + const { + start, + end + } = utils_getCommonDepthClientIds(startTarget, endTarget, startParents, endParents); + await multiSelect(start, end, null); // Announce deselected block, or number of deselected blocks if + // the total number of blocks deselected is greater than one. + + const updatedSelectedBlocks = getSelectedBlockClientIds(); // If the selection is greater than 1 and the Home or End keys + // were used to generate the selection, then skip announcing the + // deselected blocks. + + if ((event.keyCode === external_wp_keycodes_namespaceObject.HOME || event.keyCode === external_wp_keycodes_namespaceObject.END) && updatedSelectedBlocks.length > 1) { + return; + } + + const selectionDiff = selectedBlocks.filter(blockId => !updatedSelectedBlocks.includes(blockId)); + let label; + + if (selectionDiff.length === 1) { + var _getBlockType; + + const title = (_getBlockType = getBlockType(getBlockName(selectionDiff[0]))) === null || _getBlockType === void 0 ? void 0 : _getBlockType.title; + + if (title) { + label = (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: block name */ + (0,external_wp_i18n_namespaceObject.__)('%s deselected.'), title); + } + } else if (selectionDiff.length > 1) { + label = (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: number of deselected blocks */ + (0,external_wp_i18n_namespaceObject.__)('%s blocks deselected.'), selectionDiff.length); + } + + if (label) { + (0,external_wp_a11y_namespaceObject.speak)(label); + } + }, [clearSelectedBlock, getBlockName, getBlockType, getBlockParents, getBlockSelectionStart, getBlockSelectionEnd, getSelectedBlockClientIds, hasMultiSelection, hasSelectedBlock, multiSelect, selectBlock]); + return { + updateBlockSelection + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-list-view-client-ids.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +function use_list_view_client_ids_useListViewClientIds(blocks) { + return (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getDraggedBlockClientIds, + getSelectedBlockClientIds, + __unstableGetClientIdsTree + } = select(store); + return { + selectedClientIds: getSelectedBlockClientIds(), + draggedClientIds: getDraggedBlockClientIds(), + clientIdsTree: blocks ? blocks : __unstableGetClientIdsTree() + }; + }, [blocks]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-list-view-drop-zone.js +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +/** @typedef {import('../../utils/math').WPPoint} WPPoint */ + +/** + * The type of a drag event. + * + * @typedef {'default'|'file'|'html'} WPDragEventType + */ + +/** + * An array representing data for blocks in the DOM used by drag and drop. + * + * @typedef {Object} WPListViewDropZoneBlocks + * @property {string} clientId The client id for the block. + * @property {string} rootClientId The root client id for the block. + * @property {number} blockIndex The block's index. + * @property {Element} element The DOM element representing the block. + * @property {number} innerBlockCount The number of inner blocks the block has. + * @property {boolean} isDraggedBlock Whether the block is currently being dragged. + * @property {boolean} canInsertDraggedBlocksAsSibling Whether the dragged block can be a sibling of this block. + * @property {boolean} canInsertDraggedBlocksAsChild Whether the dragged block can be a child of this block. + */ + +/** + * An object containing details of a drop target. + * + * @typedef {Object} WPListViewDropZoneTarget + * @property {string} blockIndex The insertion index. + * @property {string} rootClientId The root client id for the block. + * @property {string|undefined} clientId The client id for the block. + * @property {'top'|'bottom'|'inside'} dropPosition The position relative to the block that the user is dropping to. + * 'inside' refers to nesting as an inner block. + */ + +/** + * Determines whether the user positioning the dragged block to nest as an + * inner block. + * + * Presently this is determined by whether the cursor is on the right hand side + * of the block. + * + * @param {WPPoint} point The point representing the cursor position when dragging. + * @param {DOMRect} rect The rectangle. + */ + +function use_list_view_drop_zone_isNestingGesture(point, rect) { + const blockCenterX = rect.left + rect.width / 2; + return point.x > blockCenterX; +} // Block navigation is always a vertical list, so only allow dropping +// to the above or below a block. + + +const use_list_view_drop_zone_ALLOWED_DROP_EDGES = ['top', 'bottom']; +/** + * Given blocks data and the cursor position, compute the drop target. + * + * @param {WPListViewDropZoneBlocks} blocksData Data about the blocks in list view. + * @param {WPPoint} position The point representing the cursor position when dragging. + * + * @return {WPListViewDropZoneTarget | undefined} An object containing data about the drop target. + */ + +function use_list_view_drop_zone_getListViewDropTarget(blocksData, position) { + let candidateEdge; + let candidateBlockData; + let candidateDistance; + let candidateRect; + + for (const blockData of blocksData) { + if (blockData.isDraggedBlock) { + continue; + } + + const rect = blockData.element.getBoundingClientRect(); + const [distance, edge] = getDistanceToNearestEdge(position, rect, use_list_view_drop_zone_ALLOWED_DROP_EDGES); + const isCursorWithinBlock = isPointContainedByRect(position, rect); + + if (candidateDistance === undefined || distance < candidateDistance || isCursorWithinBlock) { + candidateDistance = distance; + const index = blocksData.indexOf(blockData); + const previousBlockData = blocksData[index - 1]; // If dragging near the top of a block and the preceding block + // is at the same level, use the preceding block as the candidate + // instead, as later it makes determining a nesting drop easier. + + if (edge === 'top' && previousBlockData && previousBlockData.rootClientId === blockData.rootClientId && !previousBlockData.isDraggedBlock) { + candidateBlockData = previousBlockData; + candidateEdge = 'bottom'; + candidateRect = previousBlockData.element.getBoundingClientRect(); + } else { + candidateBlockData = blockData; + candidateEdge = edge; + candidateRect = rect; + } // If the mouse position is within the block, break early + // as the user would intend to drop either before or after + // this block. + // + // This solves an issue where some rows in the list view + // tree overlap slightly due to sub-pixel rendering. + + + if (isCursorWithinBlock) { + break; + } + } + } + + if (!candidateBlockData) { + return; + } + + const isDraggingBelow = candidateEdge === 'bottom'; // If the user is dragging towards the bottom of the block check whether + // they might be trying to nest the block as a child. + // If the block already has inner blocks, this should always be treated + // as nesting since the next block in the tree will be the first child. + + if (isDraggingBelow && candidateBlockData.canInsertDraggedBlocksAsChild && (candidateBlockData.innerBlockCount > 0 || use_list_view_drop_zone_isNestingGesture(position, candidateRect))) { + return { + rootClientId: candidateBlockData.clientId, + blockIndex: 0, + dropPosition: 'inside' + }; + } // If dropping as a sibling, but block cannot be inserted in + // this context, return early. + + + if (!candidateBlockData.canInsertDraggedBlocksAsSibling) { + return; + } + + const offset = isDraggingBelow ? 1 : 0; + return { + rootClientId: candidateBlockData.rootClientId, + clientId: candidateBlockData.clientId, + blockIndex: candidateBlockData.blockIndex + offset, + dropPosition: candidateEdge + }; +} +/** + * A react hook for implementing a drop zone in list view. + * + * @return {WPListViewDropZoneTarget} The drop target. + */ + + +function use_list_view_drop_zone_useListViewDropZone() { + const { + getBlockRootClientId, + getBlockIndex, + getBlockCount, + getDraggedBlockClientIds, + canInsertBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(store); + const [target, setTarget] = (0,external_wp_element_namespaceObject.useState)(); + const { + rootClientId: targetRootClientId, + blockIndex: targetBlockIndex + } = target || {}; + const onBlockDrop = useOnBlockDrop(targetRootClientId, targetBlockIndex); + const draggedBlockClientIds = getDraggedBlockClientIds(); + const throttled = (0,external_wp_compose_namespaceObject.useThrottle)((0,external_wp_element_namespaceObject.useCallback)((event, currentTarget) => { + const position = { + x: event.clientX, + y: event.clientY + }; + const isBlockDrag = !!(draggedBlockClientIds !== null && draggedBlockClientIds !== void 0 && draggedBlockClientIds.length); + const blockElements = Array.from(currentTarget.querySelectorAll('[data-block]')); + const blocksData = blockElements.map(blockElement => { + const clientId = blockElement.dataset.block; + const rootClientId = getBlockRootClientId(clientId); + return { + clientId, + rootClientId, + blockIndex: getBlockIndex(clientId), + element: blockElement, + isDraggedBlock: isBlockDrag ? draggedBlockClientIds.includes(clientId) : false, + innerBlockCount: getBlockCount(clientId), + canInsertDraggedBlocksAsSibling: isBlockDrag ? canInsertBlocks(draggedBlockClientIds, rootClientId) : true, + canInsertDraggedBlocksAsChild: isBlockDrag ? canInsertBlocks(draggedBlockClientIds, clientId) : true + }; + }); + const newTarget = use_list_view_drop_zone_getListViewDropTarget(blocksData, position); + + if (newTarget) { + setTarget(newTarget); + } + }, [draggedBlockClientIds]), 200); + const ref = (0,external_wp_compose_namespaceObject.__experimentalUseDropZone)({ + onDrop: onBlockDrop, + + onDragOver(event) { + // `currentTarget` is only available while the event is being + // handled, so get it now and pass it to the thottled function. + // https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget + throttled(event, event.currentTarget); + }, + + onDragEnd() { + throttled.cancel(); + setTarget(null); + } + + }); + return { + ref, + target + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/use-list-view-expand-selected-item.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function use_list_view_expand_selected_item_useListViewExpandSelectedItem(_ref) { + let { + firstSelectedBlockClientId, + setExpandedState + } = _ref; + const [selectedTreeId, setSelectedTreeId] = (0,external_wp_element_namespaceObject.useState)(null); + const { + selectedBlockParentClientIds + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockParents + } = select(store); + return { + selectedBlockParentClientIds: getBlockParents(firstSelectedBlockClientId, false) + }; + }, [firstSelectedBlockClientId]); + const parentClientIds = Array.isArray(selectedBlockParentClientIds) && selectedBlockParentClientIds.length ? selectedBlockParentClientIds : null; // Expand tree when a block is selected. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + // If the selectedTreeId is the same as the selected block, + // it means that the block was selected using the block list tree. + if (selectedTreeId === firstSelectedBlockClientId) { + return; + } // If the selected block has parents, get the top-level parent. + + + if (parentClientIds) { + // If the selected block has parents, + // expand the tree branch. + setExpandedState({ + type: 'expand', + clientIds: selectedBlockParentClientIds + }); + } + }, [firstSelectedBlockClientId]); + return { + setSelectedTreeId + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/list-view/index.js + + +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + + + + + + + + + +const list_view_expanded = (state, action) => { + if (Array.isArray(action.clientIds)) { + return { ...state, + ...action.clientIds.reduce((newState, id) => ({ ...newState, + [id]: action.type === 'expand' + }), {}) + }; + } + + return state; +}; + +const list_view_BLOCK_LIST_ITEM_HEIGHT = 36; +/** + * Show a hierarchical list of blocks. + * + * @param {Object} props Components props. + * @param {string} props.id An HTML element id for the root element of ListView. + * @param {Array} props.blocks Custom subset of block client IDs to be used instead of the default hierarchy. + * @param {boolean} props.showBlockMovers Flag to enable block movers + * @param {boolean} props.isExpanded Flag to determine whether nested levels are expanded by default. + * @param {Object} ref Forwarded ref + */ + +function ListView(_ref, ref) { + let { + id, + blocks, + showBlockMovers = false, + isExpanded = false + } = _ref; + const { + clientIdsTree, + draggedClientIds, + selectedClientIds + } = use_list_view_client_ids_useListViewClientIds(blocks); + const { + visibleBlockCount, + shouldShowInnerBlocks + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getGlobalBlockCount, + getClientIdsOfDescendants, + __unstableGetEditorMode + } = select(store); + const draggedBlockCount = (draggedClientIds === null || draggedClientIds === void 0 ? void 0 : draggedClientIds.length) > 0 ? getClientIdsOfDescendants(draggedClientIds).length + 1 : 0; + return { + visibleBlockCount: getGlobalBlockCount() - draggedBlockCount, + shouldShowInnerBlocks: __unstableGetEditorMode() !== 'zoom-out' + }; + }, [draggedClientIds]); + const { + updateBlockSelection + } = use_block_selection_useBlockSelection(); + const [expandedState, setExpandedState] = (0,external_wp_element_namespaceObject.useReducer)(list_view_expanded, {}); + const { + ref: dropZoneRef, + target: blockDropTarget + } = use_list_view_drop_zone_useListViewDropZone(); + const elementRef = (0,external_wp_element_namespaceObject.useRef)(); + const treeGridRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([elementRef, dropZoneRef, ref]); + const isMounted = (0,external_wp_element_namespaceObject.useRef)(false); + const { + setSelectedTreeId + } = use_list_view_expand_selected_item_useListViewExpandSelectedItem({ + firstSelectedBlockClientId: selectedClientIds[0], + setExpandedState + }); + const selectEditorBlock = (0,external_wp_element_namespaceObject.useCallback)((event, clientId) => { + updateBlockSelection(event, clientId); + setSelectedTreeId(clientId); + }, [setSelectedTreeId, updateBlockSelection]); + (0,external_wp_element_namespaceObject.useEffect)(() => { + isMounted.current = true; + }, []); // List View renders a fixed number of items and relies on each having a fixed item height of 36px. + // If this value changes, we should also change the itemHeight value set in useFixedWindowList. + // See: https://github.com/WordPress/gutenberg/pull/35230 for additional context. + + const [fixedListWindow] = (0,external_wp_compose_namespaceObject.__experimentalUseFixedWindowList)(elementRef, list_view_BLOCK_LIST_ITEM_HEIGHT, visibleBlockCount, { + useWindowing: true, + windowOverscan: 40 + }); + const expand = (0,external_wp_element_namespaceObject.useCallback)(clientId => { + if (!clientId) { + return; + } + + setExpandedState({ + type: 'expand', + clientIds: [clientId] + }); + }, [setExpandedState]); + const collapse = (0,external_wp_element_namespaceObject.useCallback)(clientId => { + if (!clientId) { + return; + } + + setExpandedState({ + type: 'collapse', + clientIds: [clientId] + }); + }, [setExpandedState]); + const expandRow = (0,external_wp_element_namespaceObject.useCallback)(row => { + var _row$dataset; + + expand(row === null || row === void 0 ? void 0 : (_row$dataset = row.dataset) === null || _row$dataset === void 0 ? void 0 : _row$dataset.block); + }, [expand]); + const collapseRow = (0,external_wp_element_namespaceObject.useCallback)(row => { + var _row$dataset2; + + collapse(row === null || row === void 0 ? void 0 : (_row$dataset2 = row.dataset) === null || _row$dataset2 === void 0 ? void 0 : _row$dataset2.block); + }, [collapse]); + const focusRow = (0,external_wp_element_namespaceObject.useCallback)((event, startRow, endRow) => { + if (event.shiftKey) { + var _startRow$dataset, _endRow$dataset; + + updateBlockSelection(event, startRow === null || startRow === void 0 ? void 0 : (_startRow$dataset = startRow.dataset) === null || _startRow$dataset === void 0 ? void 0 : _startRow$dataset.block, endRow === null || endRow === void 0 ? void 0 : (_endRow$dataset = endRow.dataset) === null || _endRow$dataset === void 0 ? void 0 : _endRow$dataset.block); + } + }, [updateBlockSelection]); + const contextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({ + isTreeGridMounted: isMounted.current, + draggedClientIds, + expandedState, + expand, + collapse + }), [isMounted.current, draggedClientIds, expandedState, expand, collapse]); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_data_namespaceObject.AsyncModeProvider, { + value: true + }, (0,external_wp_element_namespaceObject.createElement)(drop_indicator_ListViewDropIndicator, { + listViewRef: elementRef, + blockDropTarget: blockDropTarget + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTreeGrid, { + id: id, + className: "block-editor-list-view-tree", + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block navigation structure'), + ref: treeGridRef, + onCollapseRow: collapseRow, + onExpandRow: expandRow, + onFocusRow: focusRow, + applicationAriaLabel: (0,external_wp_i18n_namespaceObject.__)('Block navigation structure') + }, (0,external_wp_element_namespaceObject.createElement)(context_ListViewContext.Provider, { + value: contextValue + }, (0,external_wp_element_namespaceObject.createElement)(list_view_branch, { + blocks: clientIdsTree, + selectBlock: selectEditorBlock, + showBlockMovers: showBlockMovers, + fixedListWindow: fixedListWindow, + selectedClientIds: selectedClientIds, + isExpanded: isExpanded, + shouldShowInnerBlocks: shouldShowInnerBlocks + })))); +} + +/* harmony default export */ var components_list_view = ((0,external_wp_element_namespaceObject.forwardRef)(ListView)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/dropdown.js + + + +/** + * WordPress dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + +function BlockNavigationDropdownToggle(_ref) { + let { + isEnabled, + onToggle, + isOpen, + innerRef, + ...props + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, _extends({}, props, { + ref: innerRef, + icon: list_view, + "aria-expanded": isOpen, + "aria-haspopup": "true", + onClick: isEnabled ? onToggle : undefined + /* translators: button label text should, if possible, be under 16 characters. */ + , + label: (0,external_wp_i18n_namespaceObject.__)('List view'), + className: "block-editor-block-navigation", + "aria-disabled": !isEnabled + })); +} + +function BlockNavigationDropdown(_ref2, ref) { + let { + isDisabled, + ...props + } = _ref2; + external_wp_deprecated_default()('wp.blockEditor.BlockNavigationDropdown', { + since: '6.1', + alternative: 'wp.components.Dropdown and wp.blockEditor.ListView' + }); + const hasBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(store).getBlockCount(), []); + const isEnabled = hasBlocks && !isDisabled; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { + contentClassName: "block-editor-block-navigation__popover", + popoverProps: { + placement: 'bottom-start' + }, + renderToggle: _ref3 => { + let { + isOpen, + onToggle + } = _ref3; + return (0,external_wp_element_namespaceObject.createElement)(BlockNavigationDropdownToggle, _extends({}, props, { + innerRef: ref, + isOpen: isOpen, + onToggle: onToggle, + isEnabled: isEnabled + })); + }, + renderContent: () => (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-navigation__container" + }, (0,external_wp_element_namespaceObject.createElement)("p", { + className: "block-editor-block-navigation__label" + }, (0,external_wp_i18n_namespaceObject.__)('List view')), (0,external_wp_element_namespaceObject.createElement)(components_list_view, null)) + }); +} + +/* harmony default export */ var dropdown = ((0,external_wp_element_namespaceObject.forwardRef)(BlockNavigationDropdown)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/preview-panel.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +function BlockStylesPreviewPanel(_ref) { + var _getBlockType; + + let { + genericPreviewBlock, + style, + className, + activeStyle + } = _ref; + const example = (_getBlockType = (0,external_wp_blocks_namespaceObject.getBlockType)(genericPreviewBlock.name)) === null || _getBlockType === void 0 ? void 0 : _getBlockType.example; + const styleClassName = replaceActiveStyle(className, activeStyle, style); + const previewBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => { + return { ...genericPreviewBlock, + title: style.label || style.name, + description: style.description, + initialAttributes: { ...genericPreviewBlock.attributes, + className: styleClassName + ' block-editor-block-styles__block-preview-container' + }, + example + }; + }, [genericPreviewBlock, styleClassName]); + return (0,external_wp_element_namespaceObject.createElement)(preview_panel, { + item: previewBlocks, + isStylePreview: true + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/index.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + +const block_styles_noop = () => {}; // Block Styles component for the Settings Sidebar. + + +function BlockStyles(_ref) { + let { + clientId, + onSwitch = block_styles_noop, + onHoverClassName = block_styles_noop + } = _ref; + const { + onSelect, + stylesToRender, + activeStyle, + genericPreviewBlock, + className: previewClassName + } = useStylesForBlocks({ + clientId, + onSwitch + }); + const [hoveredStyle, setHoveredStyle] = (0,external_wp_element_namespaceObject.useState)(null); + const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); + + if (!stylesToRender || stylesToRender.length === 0) { + return null; + } + + const debouncedSetHoveredStyle = (0,external_wp_compose_namespaceObject.debounce)(setHoveredStyle, 250); + + const onSelectStylePreview = style => { + onSelect(style); + onHoverClassName(null); + setHoveredStyle(null); + debouncedSetHoveredStyle.cancel(); + }; + + const styleItemHandler = item => { + var _item$name; + + if (hoveredStyle === item) { + debouncedSetHoveredStyle.cancel(); + return; + } + + debouncedSetHoveredStyle(item); + onHoverClassName((_item$name = item === null || item === void 0 ? void 0 : item.name) !== null && _item$name !== void 0 ? _item$name : null); + }; + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-styles" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-styles__variants" + }, stylesToRender.map(style => { + const buttonText = style.isDefault ? (0,external_wp_i18n_namespaceObject.__)('Default') : style.label || style.name; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + className: classnames_default()('block-editor-block-styles__item', { + 'is-active': activeStyle.name === style.name + }), + key: style.name, + variant: "secondary", + label: buttonText, + onMouseEnter: () => styleItemHandler(style), + onFocus: () => styleItemHandler(style), + onMouseLeave: () => styleItemHandler(null), + onBlur: () => styleItemHandler(null), + onClick: () => onSelectStylePreview(style), + "aria-current": activeStyle.name === style.name + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalTruncate, { + numberOfLines: 1, + className: "block-editor-block-styles__item-text" + }, buttonText)); + })), hoveredStyle && !isMobileViewport && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { + placement: "left-start", + offset: 20 + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-styles__preview-panel", + onMouseLeave: () => styleItemHandler(null) + }, (0,external_wp_element_namespaceObject.createElement)(BlockStylesPreviewPanel, { + activeStyle: activeStyle, + className: previewClassName, + genericPreviewBlock: genericPreviewBlock, + style: hoveredStyle + })))); +} + +/* harmony default export */ var block_styles = (BlockStyles); + +BlockStyles.Slot = () => { + external_wp_deprecated_default()('BlockStyles.Slot', { + version: '6.4', + since: '6.2' + }); + return null; +}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/layout.js + + +/** + * WordPress dependencies + */ + +const layout = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var library_layout = (layout); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-variation-picker/index.js + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + + + + +function BlockVariationPicker(_ref) { + let { + icon = library_layout, + label = (0,external_wp_i18n_namespaceObject.__)('Choose variation'), + instructions = (0,external_wp_i18n_namespaceObject.__)('Select a variation to start with.'), + variations, + onSelect, + allowSkip + } = _ref; + const classes = classnames_default()('block-editor-block-variation-picker', { + 'has-many-variations': variations.length > 4 + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, { + icon: icon, + label: label, + instructions: instructions, + className: classes + }, (0,external_wp_element_namespaceObject.createElement)("ul", { + className: "block-editor-block-variation-picker__variations", + role: "list", + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block variations') + }, variations.map(variation => (0,external_wp_element_namespaceObject.createElement)("li", { + key: variation.name + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "secondary", + icon: variation.icon && variation.icon.src ? variation.icon.src : variation.icon, + iconSize: 48, + onClick: () => onSelect(variation), + className: "block-editor-block-variation-picker__variation", + label: variation.description || variation.title + }), (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-block-variation-picker__variation-label" + }, variation.title)))), allowSkip && (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-variation-picker__skip" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "link", + onClick: () => onSelect() + }, (0,external_wp_i18n_namespaceObject.__)('Skip')))); +} + +/* harmony default export */ var block_variation_picker = (BlockVariationPicker); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/grid.js + + +/** + * WordPress dependencies + */ + +const grid = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var library_grid = (grid); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/constants.js +const VIEWMODES = { + carousel: 'carousel', + grid: 'grid' +}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/setup-toolbar.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +const Actions = _ref => { + let { + onBlockPatternSelect + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-pattern-setup__actions" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + variant: "primary", + onClick: onBlockPatternSelect + }, (0,external_wp_i18n_namespaceObject.__)('Choose'))); +}; + +const CarouselNavigation = _ref2 => { + let { + handlePrevious, + handleNext, + activeSlide, + totalSlides + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-pattern-setup__navigation" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + icon: chevron_left, + label: (0,external_wp_i18n_namespaceObject.__)('Previous pattern'), + onClick: handlePrevious, + disabled: activeSlide === 0 + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + icon: chevron_right, + label: (0,external_wp_i18n_namespaceObject.__)('Next pattern'), + onClick: handleNext, + disabled: activeSlide === totalSlides - 1 + })); +}; + +const SetupToolbar = _ref3 => { + let { + viewMode, + setViewMode, + handlePrevious, + handleNext, + activeSlide, + totalSlides, + onBlockPatternSelect + } = _ref3; + const isCarouselView = viewMode === VIEWMODES.carousel; + const displayControls = (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-pattern-setup__display-controls" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + icon: stretch_full_width, + label: (0,external_wp_i18n_namespaceObject.__)('Carousel view'), + onClick: () => setViewMode(VIEWMODES.carousel), + isPressed: isCarouselView + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + icon: library_grid, + label: (0,external_wp_i18n_namespaceObject.__)('Grid view'), + onClick: () => setViewMode(VIEWMODES.grid), + isPressed: viewMode === VIEWMODES.grid + })); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-pattern-setup__toolbar" + }, isCarouselView && (0,external_wp_element_namespaceObject.createElement)(CarouselNavigation, { + handlePrevious: handlePrevious, + handleNext: handleNext, + activeSlide: activeSlide, + totalSlides: totalSlides + }), displayControls, isCarouselView && (0,external_wp_element_namespaceObject.createElement)(Actions, { + onBlockPatternSelect: onBlockPatternSelect + })); +}; + +/* harmony default export */ var setup_toolbar = (SetupToolbar); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/use-patterns-setup.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + +function usePatternsSetup(clientId, blockName, filterPatternsFn) { + return (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockRootClientId, + getPatternsByBlockTypes, + __experimentalGetAllowedPatterns + } = select(store); + const rootClientId = getBlockRootClientId(clientId); + + if (filterPatternsFn) { + return __experimentalGetAllowedPatterns(rootClientId).filter(filterPatternsFn); + } + + return getPatternsByBlockTypes(blockName, rootClientId); + }, [clientId, blockName, filterPatternsFn]); +} + +/* harmony default export */ var use_patterns_setup = (usePatternsSetup); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/index.js + + + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + + + + +const SetupContent = _ref => { + let { + viewMode, + activeSlide, + patterns, + onBlockPatternSelect, + showTitles + } = _ref; + const composite = (0,external_wp_components_namespaceObject.__unstableUseCompositeState)(); + const containerClass = 'block-editor-block-pattern-setup__container'; + + if (viewMode === VIEWMODES.carousel) { + const slideClass = new Map([[activeSlide, 'active-slide'], [activeSlide - 1, 'previous-slide'], [activeSlide + 1, 'next-slide']]); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-pattern-setup__carousel" + }, (0,external_wp_element_namespaceObject.createElement)("div", { + className: containerClass + }, (0,external_wp_element_namespaceObject.createElement)("ul", { + className: "carousel-container" + }, patterns.map((pattern, index) => (0,external_wp_element_namespaceObject.createElement)(BlockPatternSlide, { + className: slideClass.get(index) || '', + key: pattern.name, + pattern: pattern + }))))); + } + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-block-pattern-setup__grid" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableComposite, _extends({}, composite, { + role: "listbox", + className: containerClass, + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Patterns list') + }), patterns.map(pattern => (0,external_wp_element_namespaceObject.createElement)(block_pattern_setup_BlockPattern, { + key: pattern.name, + pattern: pattern, + onSelect: onBlockPatternSelect, + composite: composite, + showTitles: showTitles + })))); +}; + +function block_pattern_setup_BlockPattern(_ref2) { + let { + pattern, + onSelect, + composite, + showTitles + } = _ref2; + const baseClassName = 'block-editor-block-pattern-setup-list'; + const { + blocks, + description, + viewportWidth = 700 + } = pattern; + const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(block_pattern_setup_BlockPattern, `${baseClassName}__item-description`); + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${baseClassName}__list-item`, + "aria-label": pattern.title, + "aria-describedby": pattern.description ? descriptionId : undefined + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableCompositeItem, _extends({ + role: "option", + as: "div" + }, composite, { + className: `${baseClassName}__item`, + onClick: () => onSelect(blocks) + }), (0,external_wp_element_namespaceObject.createElement)(block_preview, { + blocks: blocks, + viewportWidth: viewportWidth + }), showTitles && (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${baseClassName}__item-title` + }, pattern.title), !!description && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { + id: descriptionId + }, description))); +} + +function BlockPatternSlide(_ref3) { + let { + className, + pattern, + minHeight + } = _ref3; + const { + blocks, + title, + description + } = pattern; + const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockPatternSlide, 'block-editor-block-pattern-setup-list__item-description'); + return (0,external_wp_element_namespaceObject.createElement)("li", { + className: `pattern-slide ${className}`, + "aria-label": title, + "aria-describedby": description ? descriptionId : undefined + }, (0,external_wp_element_namespaceObject.createElement)(block_preview, { + blocks: blocks, + minHeight: minHeight + }), !!description && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { + id: descriptionId + }, description)); +} + +const BlockPatternSetup = _ref4 => { + let { + clientId, + blockName, + filterPatternsFn, + onBlockPatternSelect, + initialViewMode = VIEWMODES.carousel, + showTitles = false + } = _ref4; + const [viewMode, setViewMode] = (0,external_wp_element_namespaceObject.useState)(initialViewMode); + const [activeSlide, setActiveSlide] = (0,external_wp_element_namespaceObject.useState)(0); + const { + replaceBlock + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const patterns = use_patterns_setup(clientId, blockName, filterPatternsFn); + + if (!(patterns !== null && patterns !== void 0 && patterns.length)) { + return null; + } + + const onBlockPatternSelectDefault = blocks => { + const clonedBlocks = blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block)); + replaceBlock(clientId, clonedBlocks); + }; + + const onPatternSelectCallback = onBlockPatternSelect || onBlockPatternSelectDefault; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { + className: `block-editor-block-pattern-setup view-mode-${viewMode}` + }, (0,external_wp_element_namespaceObject.createElement)(SetupContent, { + viewMode: viewMode, + activeSlide: activeSlide, + patterns: patterns, + onBlockPatternSelect: onPatternSelectCallback, + showTitles: showTitles + }), (0,external_wp_element_namespaceObject.createElement)(setup_toolbar, { + viewMode: viewMode, + setViewMode: setViewMode, + activeSlide: activeSlide, + totalSlides: patterns.length, + handleNext: () => { + setActiveSlide(active => active + 1); + }, + handlePrevious: () => { + setActiveSlide(active => active - 1); + }, + onBlockPatternSelect: () => { + onPatternSelectCallback(patterns[activeSlide].blocks); + } + }))); +}; + +/* harmony default export */ var block_pattern_setup = (BlockPatternSetup); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-variation-transforms/index.js + + +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + +function VariationsButtons(_ref) { + let { + className, + onSelectVariation, + selectedValue, + variations + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: className + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { + as: "legend" + }, (0,external_wp_i18n_namespaceObject.__)('Transform to variation')), variations.map(variation => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + key: variation.name, + icon: (0,external_wp_element_namespaceObject.createElement)(block_icon, { + icon: variation.icon, + showColors: true + }), + isPressed: selectedValue === variation.name, + label: selectedValue === variation.name ? variation.title : (0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: Name of the block variation */ + (0,external_wp_i18n_namespaceObject.__)('Transform to %s'), variation.title), + onClick: () => onSelectVariation(variation.name), + "aria-label": variation.title, + showTooltip: true + }))); +} + +function VariationsDropdown(_ref2) { + let { + className, + onSelectVariation, + selectedValue, + variations + } = _ref2; + const selectOptions = variations.map(_ref3 => { + let { + name, + title, + description + } = _ref3; + return { + value: name, + label: title, + info: description + }; + }); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, { + className: className, + label: (0,external_wp_i18n_namespaceObject.__)('Transform to variation'), + text: (0,external_wp_i18n_namespaceObject.__)('Transform to variation'), + popoverProps: { + position: 'bottom center', + className: `${className}__popover` + }, + icon: chevron_down, + toggleProps: { + iconPosition: 'right' + } + }, () => (0,external_wp_element_namespaceObject.createElement)("div", { + className: `${className}__container` + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItemsChoice, { + choices: selectOptions, + value: selectedValue, + onSelect: onSelectVariation + })))); +} + +function __experimentalBlockVariationTransforms(_ref4) { + let { + blockClientId + } = _ref4; + const { + updateBlockAttributes + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + const { + activeBlockVariation, + variations + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getActiveBlockVariation, + getBlockVariations + } = select(external_wp_blocks_namespaceObject.store); + const { + getBlockName, + getBlockAttributes + } = select(store); + const name = blockClientId && getBlockName(blockClientId); + return { + activeBlockVariation: getActiveBlockVariation(name, getBlockAttributes(blockClientId)), + variations: name && getBlockVariations(name, 'transform') + }; + }, [blockClientId]); + const selectedValue = activeBlockVariation === null || activeBlockVariation === void 0 ? void 0 : activeBlockVariation.name; // Check if each variation has a unique icon. + + const hasUniqueIcons = (0,external_wp_element_namespaceObject.useMemo)(() => { + const variationIcons = new Set(); + + if (!variations) { + return false; + } + + variations.forEach(variation => { + if (variation.icon) { + var _variation$icon; + + variationIcons.add(((_variation$icon = variation.icon) === null || _variation$icon === void 0 ? void 0 : _variation$icon.src) || variation.icon); + } + }); + return variationIcons.size === variations.length; + }, [variations]); + + const onSelectVariation = variationName => { + updateBlockAttributes(blockClientId, { ...variations.find(_ref5 => { + let { + name + } = _ref5; + return name === variationName; + }).attributes + }); + }; + + const baseClass = 'block-editor-block-variation-transforms'; // Skip rendering if there are no variations + + if (!(variations !== null && variations !== void 0 && variations.length)) return null; + const Component = hasUniqueIcons ? VariationsButtons : VariationsDropdown; + return (0,external_wp_element_namespaceObject.createElement)(Component, { + className: baseClass, + onSelectVariation: onSelectVariation, + selectedValue: selectedValue, + variations: variations + }); +} + +/* harmony default export */ var block_variation_transforms = (__experimentalBlockVariationTransforms); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/with-color-context.js + + + +/** + * External dependencies + */ + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/* harmony default export */ var with_color_context = ((0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => { + return props => { + const colorsFeature = useSetting('color.palette'); + const disableCustomColorsFeature = !useSetting('color.custom'); + const colors = props.colors === undefined ? colorsFeature : props.colors; + const disableCustomColors = props.disableCustomColors === undefined ? disableCustomColorsFeature : props.disableCustomColors; + const hasColorsToChoose = !(0,external_lodash_namespaceObject.isEmpty)(colors) || !disableCustomColors; + return (0,external_wp_element_namespaceObject.createElement)(WrappedComponent, _extends({}, props, { + colors, + disableCustomColors, + hasColorsToChoose + })); + }; +}, 'withColorContext')); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/index.js +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + +/* harmony default export */ var color_palette = (with_color_context(external_wp_components_namespaceObject.ColorPalette)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/control.js + + + +/** + * Internal dependencies + */ + +function ColorPaletteControl(_ref) { + let { + onChange, + value, + ...otherProps + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(control, _extends({}, otherProps, { + onColorChange: onChange, + colorValue: value, + gradients: [], + disableCustomGradients: true + })); +} + +;// CONCATENATED MODULE: external ["wp","date"] +var external_wp_date_namespaceObject = window["wp"]["date"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/date-format-picker/index.js + + +/** + * WordPress dependencies + */ + + + + // So that we can illustrate the different formats in the dropdown properly, +// show a date that has a day greater than 12 and a month with more than three +// letters. Here we're using 2022-01-25 which is when WordPress 5.9 was +// released. + +const EXAMPLE_DATE = new Date(2022, 0, 25); +/** + * The `DateFormatPicker` component renders controls that let the user choose a + * _date format_. That is, how they want their dates to be formatted. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/date-format-picker/README.md + * + * @param {Object} props + * @param {string|null} props.format The selected date + * format. If + * `null`, + * _Default_ is + * selected. + * @param {string} props.defaultFormat The date format that + * will be used if the + * user selects + * 'Default'. + * @param {( format: string|null ) => void} props.onChange Called when a + * selection is + * made. If `null`, + * _Default_ is + * selected. + */ + +function DateFormatPicker(_ref) { + let { + format, + defaultFormat, + onChange + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)("fieldset", { + className: "block-editor-date-format-picker" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { + as: "legend" + }, (0,external_wp_i18n_namespaceObject.__)('Date format')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { + label: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('Default format'), (0,external_wp_element_namespaceObject.createElement)("span", { + className: "block-editor-date-format-picker__default-format-toggle-control__hint" + }, (0,external_wp_date_namespaceObject.dateI18n)(defaultFormat, EXAMPLE_DATE))), + checked: !format, + onChange: checked => onChange(checked ? null : defaultFormat) + }), format && (0,external_wp_element_namespaceObject.createElement)(NonDefaultControls, { + format: format, + onChange: onChange + })); +} + +function NonDefaultControls(_ref2) { + var _suggestedOptions$fin; + + let { + format, + onChange + } = _ref2; + // Suggest a short format, medium format, long format, and a standardised + // (YYYY-MM-DD) format. The short, medium, and long formats are localised as + // different languages have different ways of writing these. For example, 'F + // j, Y' (April 20, 2022) in American English (en_US) is 'j. F Y' (20. April + // 2022) in German (de). The resultant array is de-duplicated as some + // languages will use the same format string for short, medium, and long + // formats. + const suggestedFormats = [...new Set(['Y-m-d', (0,external_wp_i18n_namespaceObject._x)('n/j/Y', 'short date format'), (0,external_wp_i18n_namespaceObject._x)('n/j/Y g:i A', 'short date format with time'), (0,external_wp_i18n_namespaceObject._x)('M j, Y', 'medium date format'), (0,external_wp_i18n_namespaceObject._x)('M j, Y g:i A', 'medium date format with time'), (0,external_wp_i18n_namespaceObject._x)('F j, Y', 'long date format'), (0,external_wp_i18n_namespaceObject._x)('M j', 'short date format without the year')])]; + const suggestedOptions = suggestedFormats.map((suggestedFormat, index) => ({ + key: `suggested-${index}`, + name: (0,external_wp_date_namespaceObject.dateI18n)(suggestedFormat, EXAMPLE_DATE), + format: suggestedFormat + })); + const customOption = { + key: 'custom', + name: (0,external_wp_i18n_namespaceObject.__)('Custom'), + className: 'block-editor-date-format-picker__custom-format-select-control__custom-option', + __experimentalHint: (0,external_wp_i18n_namespaceObject.__)('Enter your own date format') + }; + const [isCustom, setIsCustom] = (0,external_wp_element_namespaceObject.useState)(() => !!format && !suggestedFormats.includes(format)); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.CustomSelectControl, { + __nextUnconstrainedWidth: true, + label: (0,external_wp_i18n_namespaceObject.__)('Choose a format'), + options: [...suggestedOptions, customOption], + value: isCustom ? customOption : (_suggestedOptions$fin = suggestedOptions.find(option => option.format === format)) !== null && _suggestedOptions$fin !== void 0 ? _suggestedOptions$fin : customOption, + onChange: _ref3 => { + let { + selectedItem + } = _ref3; + + if (selectedItem === customOption) { + setIsCustom(true); + } else { + setIsCustom(false); + onChange(selectedItem.format); + } + } + }), isCustom && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Custom format'), + hideLabelFromVision: true, + help: (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Enter a date or time format string.'), { + Link: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, { + href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/support/article/formatting-date-and-time/') + }) + }), + value: format, + onChange: value => onChange(value) + })); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/panel-color-gradient-settings.js + + + +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + + +const panel_color_gradient_settings_colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients']; +const PanelColorGradientSettingsInner = _ref => { + let { + className, + colors, + gradients, + disableCustomColors, + disableCustomGradients, + children, + settings, + title, + showTitle = true, + __experimentalIsRenderedInSidebar, + enableAlpha + } = _ref; + const panelId = (0,external_wp_compose_namespaceObject.useInstanceId)(PanelColorGradientSettingsInner); + const { + batch + } = (0,external_wp_data_namespaceObject.useRegistry)(); + + if ((0,external_lodash_namespaceObject.isEmpty)(colors) && (0,external_lodash_namespaceObject.isEmpty)(gradients) && disableCustomColors && disableCustomGradients && settings !== null && settings !== void 0 && settings.every(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))) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanel, { + className: classnames_default()('block-editor-panel-color-gradient-settings', className), + label: showTitle ? title : undefined, + resetAll: () => { + batch(() => { + settings.forEach(_ref2 => { + let { + colorValue, + gradientValue, + onColorChange, + onGradientChange + } = _ref2; + + if (colorValue) { + onColorChange(); + } else if (gradientValue) { + onGradientChange(); + } + }); + }); + }, + panelId: panelId, + __experimentalFirstVisibleItemClass: "first", + __experimentalLastVisibleItemClass: "last" + }, (0,external_wp_element_namespaceObject.createElement)(ColorGradientSettingsDropdown, { + settings: settings, + panelId: panelId, + colors, + gradients, + disableCustomColors, + disableCustomGradients, + __experimentalIsRenderedInSidebar, + enableAlpha + }), !!children && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalSpacer, { + marginY: 4 + }), " ", children)); +}; + +const PanelColorGradientSettingsSelect = props => { + const colorGradientSettings = useMultipleOriginColorsAndGradients(); + return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, _extends({}, colorGradientSettings, props)); +}; + +const PanelColorGradientSettings = props => { + if (panel_color_gradient_settings_colorsAndGradientKeys.every(key => props.hasOwnProperty(key))) { + return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsInner, props); + } + + return (0,external_wp_element_namespaceObject.createElement)(PanelColorGradientSettingsSelect, props); +}; + +/* harmony default export */ var panel_color_gradient_settings = (PanelColorGradientSettings); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/use-save-image.js +/** + * WordPress dependencies + */ +// Disable Reason: Needs to be refactored. +// eslint-disable-next-line no-restricted-imports + + + + + + +function useSaveImage(_ref) { + let { + crop, + rotation, + height, + width, + aspect, + url, + id, + onSaveImage, + onFinishEditing + } = _ref; + const { + createErrorNotice + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); + const [isInProgress, setIsInProgress] = (0,external_wp_element_namespaceObject.useState)(false); + const cancel = (0,external_wp_element_namespaceObject.useCallback)(() => { + setIsInProgress(false); + onFinishEditing(); + }, [setIsInProgress, onFinishEditing]); + const apply = (0,external_wp_element_namespaceObject.useCallback)(() => { + setIsInProgress(true); + let attrs = {}; // The crop script may return some very small, sub-pixel values when the image was not cropped. + // Crop only when the new size has changed by more than 0.1%. + + if (crop.width < 99.9 || crop.height < 99.9) { + attrs = crop; + } + + if (rotation > 0) { + attrs.rotation = rotation; + } + + attrs.src = url; + external_wp_apiFetch_default()({ + path: `/wp/v2/media/${id}/edit`, + method: 'POST', + data: attrs + }).then(response => { + onSaveImage({ + id: response.id, + url: response.source_url, + height: height && width ? width / aspect : undefined + }); + }).catch(error => { + createErrorNotice((0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: 1. Error message */ + (0,external_wp_i18n_namespaceObject.__)('Could not edit image. %s'), (0,external_wp_dom_namespaceObject.__unstableStripHTML)(error.message)), { + id: 'image-editing-error', + type: 'snackbar' + }); + }).finally(() => { + setIsInProgress(false); + onFinishEditing(); + }); + }, [setIsInProgress, crop, rotation, height, width, aspect, url, onSaveImage, createErrorNotice, setIsInProgress, onFinishEditing]); + return (0,external_wp_element_namespaceObject.useMemo)(() => ({ + isInProgress, + apply, + cancel + }), [isInProgress, apply, cancel]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/use-transform-image.js +/** + * WordPress dependencies + */ + + +function useTransformImage(_ref) { + let { + url, + naturalWidth, + naturalHeight + } = _ref; + const [editedUrl, setEditedUrl] = (0,external_wp_element_namespaceObject.useState)(); + const [crop, setCrop] = (0,external_wp_element_namespaceObject.useState)(); + const [position, setPosition] = (0,external_wp_element_namespaceObject.useState)({ + x: 0, + y: 0 + }); + const [zoom, setZoom] = (0,external_wp_element_namespaceObject.useState)(100); + const [rotation, setRotation] = (0,external_wp_element_namespaceObject.useState)(0); + const defaultAspect = naturalWidth / naturalHeight; + const [aspect, setAspect] = (0,external_wp_element_namespaceObject.useState)(defaultAspect); + const rotateClockwise = (0,external_wp_element_namespaceObject.useCallback)(() => { + const angle = (rotation + 90) % 360; + let naturalAspectRatio = defaultAspect; + + if (rotation % 180 === 90) { + naturalAspectRatio = 1 / defaultAspect; + } + + if (angle === 0) { + setEditedUrl(); + setRotation(angle); + setAspect(defaultAspect); + setPosition({ + x: -(position.y * naturalAspectRatio), + y: position.x * naturalAspectRatio + }); + return; + } + + function editImage(event) { + const canvas = document.createElement('canvas'); + let translateX = 0; + let translateY = 0; + + if (angle % 180) { + canvas.width = event.target.height; + canvas.height = event.target.width; + } else { + canvas.width = event.target.width; + canvas.height = event.target.height; + } + + if (angle === 90 || angle === 180) { + translateX = canvas.width; + } + + if (angle === 270 || angle === 180) { + translateY = canvas.height; + } + + const context = canvas.getContext('2d'); + context.translate(translateX, translateY); + context.rotate(angle * Math.PI / 180); + context.drawImage(event.target, 0, 0); + canvas.toBlob(blob => { + setEditedUrl(URL.createObjectURL(blob)); + setRotation(angle); + setAspect(canvas.width / canvas.height); + setPosition({ + x: -(position.y * naturalAspectRatio), + y: position.x * naturalAspectRatio + }); + }); + } + + const el = new window.Image(); + el.src = url; + el.onload = editImage; + const imgCrossOrigin = (0,external_wp_hooks_namespaceObject.applyFilters)('media.crossOrigin', undefined, url); + + if (typeof imgCrossOrigin === 'string') { + el.crossOrigin = imgCrossOrigin; + } + }, [rotation, defaultAspect]); + return (0,external_wp_element_namespaceObject.useMemo)(() => ({ + editedUrl, + setEditedUrl, + crop, + setCrop, + position, + setPosition, + zoom, + setZoom, + rotation, + setRotation, + rotateClockwise, + aspect, + setAspect, + defaultAspect + }), [editedUrl, crop, position, zoom, rotation, rotateClockwise, aspect, defaultAspect]); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/context.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + +const ImageEditingContext = (0,external_wp_element_namespaceObject.createContext)({}); +const useImageEditingContext = () => (0,external_wp_element_namespaceObject.useContext)(ImageEditingContext); +function ImageEditingProvider(_ref) { + let { + id, + url, + naturalWidth, + naturalHeight, + onFinishEditing, + onSaveImage, + children + } = _ref; + const transformImage = useTransformImage({ + url, + naturalWidth, + naturalHeight + }); + const saveImage = useSaveImage({ + id, + url, + onSaveImage, + onFinishEditing, + ...transformImage + }); + const providerValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({ ...transformImage, + ...saveImage + }), [transformImage, saveImage]); + return (0,external_wp_element_namespaceObject.createElement)(ImageEditingContext.Provider, { + value: providerValue + }, children); +} + +;// CONCATENATED MODULE: ./node_modules/react-easy-crop/node_modules/tslib/tslib.es6.js +/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */ +/* global Reflect, Promise */ + +var extendStatics = function(d, b) { + extendStatics = Object.setPrototypeOf || + ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || + function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; + return extendStatics(d, b); +}; + +function __extends(d, b) { + extendStatics(d, b); + function __() { this.constructor = d; } + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); +} + +var __assign = function() { + __assign = Object.assign || function __assign(t) { + for (var s, i = 1, n = arguments.length; i < n; i++) { + s = arguments[i]; + for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; + } + return t; + } + return __assign.apply(this, arguments); +} + +function __rest(s, e) { + var t = {}; + for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) + t[p] = s[p]; + if (s != null && typeof Object.getOwnPropertySymbols === "function") + for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { + if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) + t[p[i]] = s[p[i]]; + } + return t; +} + +function __decorate(decorators, target, key, desc) { + var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; + if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); + else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; + return c > 3 && r && Object.defineProperty(target, key, r), r; +} + +function __param(paramIndex, decorator) { + return function (target, key) { decorator(target, key, paramIndex); } +} + +function __metadata(metadataKey, metadataValue) { + if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue); +} + +function __awaiter(thisArg, _arguments, P, generator) { + function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } + return new (P || (P = Promise))(function (resolve, reject) { + function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } + function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } + function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } + step((generator = generator.apply(thisArg, _arguments || [])).next()); + }); +} + +function __generator(thisArg, body) { + var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; + return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; + function verb(n) { return function (v) { return step([n, v]); }; } + function step(op) { + if (f) throw new TypeError("Generator is already executing."); + while (_) try { + if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; + if (y = 0, t) op = [op[0] & 2, t.value]; + switch (op[0]) { + case 0: case 1: t = op; break; + case 4: _.label++; return { value: op[1], done: false }; + case 5: _.label++; y = op[1]; op = [0]; continue; + case 7: op = _.ops.pop(); _.trys.pop(); continue; + default: + if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } + if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } + if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } + if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } + if (t[2]) _.ops.pop(); + _.trys.pop(); continue; + } + op = body.call(thisArg, _); + } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } + if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; + } +} + +var __createBinding = Object.create ? (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } }); +}) : (function(o, m, k, k2) { + if (k2 === undefined) k2 = k; + o[k2] = m[k]; +}); + +function __exportStar(m, o) { + for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p); +} + +function __values(o) { + var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0; + if (m) return m.call(o); + if (o && typeof o.length === "number") return { + next: function () { + if (o && i >= o.length) o = void 0; + return { value: o && o[i++], done: !o }; + } + }; + throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined."); +} + +function __read(o, n) { + var m = typeof Symbol === "function" && o[Symbol.iterator]; + if (!m) return o; + var i = m.call(o), r, ar = [], e; + try { + while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); + } + catch (error) { e = { error: error }; } + finally { + try { + if (r && !r.done && (m = i["return"])) m.call(i); + } + finally { if (e) throw e.error; } + } + return ar; +} + +function __spread() { + for (var ar = [], i = 0; i < arguments.length; i++) + ar = ar.concat(__read(arguments[i])); + return ar; +} + +function __spreadArrays() { + for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; + for (var r = Array(s), k = 0, i = 0; i < il; i++) + for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) + r[k] = a[j]; + return r; +}; + +function __await(v) { + return this instanceof __await ? (this.v = v, this) : new __await(v); +} + +function __asyncGenerator(thisArg, _arguments, generator) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var g = generator.apply(thisArg, _arguments || []), i, q = []; + return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i; + function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; } + function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } } + function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); } + function fulfill(value) { resume("next", value); } + function reject(value) { resume("throw", value); } + function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); } +} + +function __asyncDelegator(o) { + var i, p; + return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i; + function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; } +} + +function __asyncValues(o) { + if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); + var m = o[Symbol.asyncIterator], i; + return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i); + function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; } + function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); } +} + +function __makeTemplateObject(cooked, raw) { + if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } + return cooked; +}; + +var __setModuleDefault = Object.create ? (function(o, v) { + Object.defineProperty(o, "default", { enumerable: true, value: v }); +}) : function(o, v) { + o["default"] = v; +}; + +function __importStar(mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +} + +function __importDefault(mod) { + return (mod && mod.__esModule) ? mod : { default: mod }; +} + +function __classPrivateFieldGet(receiver, privateMap) { + if (!privateMap.has(receiver)) { + throw new TypeError("attempted to get private field on non-instance"); + } + return privateMap.get(receiver); +} + +function __classPrivateFieldSet(receiver, privateMap, value) { + if (!privateMap.has(receiver)) { + throw new TypeError("attempted to set private field on non-instance"); + } + privateMap.set(receiver, value); + return value; +} + +// EXTERNAL MODULE: ./node_modules/normalize-wheel/index.js +var normalize_wheel = __webpack_require__(7970); +var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel); +;// CONCATENATED MODULE: ./node_modules/react-easy-crop/index.module.js + + + + +/** + * Compute the dimension of the crop area based on media size, + * aspect ratio and optionally rotation + */ + +function getCropSize(mediaWidth, mediaHeight, containerWidth, containerHeight, aspect, rotation) { + if (rotation === void 0) { + rotation = 0; + } + + var _a = rotateSize(mediaWidth, mediaHeight, rotation), + width = _a.width, + height = _a.height; + + var fittingWidth = Math.min(width, containerWidth); + var fittingHeight = Math.min(height, containerHeight); + + if (fittingWidth > fittingHeight * aspect) { + return { + width: fittingHeight * aspect, + height: fittingHeight + }; + } + + return { + width: fittingWidth, + height: fittingWidth / aspect + }; +} +/** + * Compute media zoom. + * We fit the media into the container with "max-width: 100%; max-height: 100%;" + */ + +function getMediaZoom(mediaSize) { + // Take the axis with more pixels to improve accuracy + return mediaSize.width > mediaSize.height ? mediaSize.width / mediaSize.naturalWidth : mediaSize.height / mediaSize.naturalHeight; +} +/** + * Ensure a new media position stays in the crop area. + */ + +function restrictPosition(position, mediaSize, cropSize, zoom, rotation) { + if (rotation === void 0) { + rotation = 0; + } + + var _a = rotateSize(mediaSize.width, mediaSize.height, rotation), + width = _a.width, + height = _a.height; + + return { + x: restrictPositionCoord(position.x, width, cropSize.width, zoom), + y: restrictPositionCoord(position.y, height, cropSize.height, zoom) + }; +} + +function restrictPositionCoord(position, mediaSize, cropSize, zoom) { + var maxPosition = mediaSize * zoom / 2 - cropSize / 2; + return index_module_clamp(position, -maxPosition, maxPosition); +} + +function getDistanceBetweenPoints(pointA, pointB) { + return Math.sqrt(Math.pow(pointA.y - pointB.y, 2) + Math.pow(pointA.x - pointB.x, 2)); +} +function getRotationBetweenPoints(pointA, pointB) { + return Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x) * 180 / Math.PI; +} +/** + * Compute the output cropped area of the media in percentages and pixels. + * x/y are the top-left coordinates on the src media + */ + +function computeCroppedArea(crop, mediaSize, cropSize, aspect, zoom, rotation, restrictPosition) { + if (rotation === void 0) { + rotation = 0; + } + + if (restrictPosition === void 0) { + restrictPosition = true; + } // if the media is rotated by the user, we cannot limit the position anymore + // as it might need to be negative. + + + var limitAreaFn = restrictPosition ? limitArea : noOp; + var mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation); + var mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation); // calculate the crop area in percentages + // in the rotated space + + var croppedAreaPercentages = { + x: limitAreaFn(100, ((mediaBBoxSize.width - cropSize.width / zoom) / 2 - crop.x / zoom) / mediaBBoxSize.width * 100), + y: limitAreaFn(100, ((mediaBBoxSize.height - cropSize.height / zoom) / 2 - crop.y / zoom) / mediaBBoxSize.height * 100), + width: limitAreaFn(100, cropSize.width / mediaBBoxSize.width * 100 / zoom), + height: limitAreaFn(100, cropSize.height / mediaBBoxSize.height * 100 / zoom) + }; // we compute the pixels size naively + + var widthInPixels = Math.round(limitAreaFn(mediaNaturalBBoxSize.width, croppedAreaPercentages.width * mediaNaturalBBoxSize.width / 100)); + var heightInPixels = Math.round(limitAreaFn(mediaNaturalBBoxSize.height, croppedAreaPercentages.height * mediaNaturalBBoxSize.height / 100)); + var isImgWiderThanHigh = mediaNaturalBBoxSize.width >= mediaNaturalBBoxSize.height * aspect; // then we ensure the width and height exactly match the aspect (to avoid rounding approximations) + // if the media is wider than high, when zoom is 0, the crop height will be equals to image height + // thus we want to compute the width from the height and aspect for accuracy. + // Otherwise, we compute the height from width and aspect. + + var sizePixels = isImgWiderThanHigh ? { + width: Math.round(heightInPixels * aspect), + height: heightInPixels + } : { + width: widthInPixels, + height: Math.round(widthInPixels / aspect) + }; + + var croppedAreaPixels = __assign(__assign({}, sizePixels), { + x: Math.round(limitAreaFn(mediaNaturalBBoxSize.width - sizePixels.width, croppedAreaPercentages.x * mediaNaturalBBoxSize.width / 100)), + y: Math.round(limitAreaFn(mediaNaturalBBoxSize.height - sizePixels.height, croppedAreaPercentages.y * mediaNaturalBBoxSize.height / 100)) + }); + + return { + croppedAreaPercentages: croppedAreaPercentages, + croppedAreaPixels: croppedAreaPixels + }; +} +/** + * Ensure the returned value is between 0 and max + */ + +function limitArea(max, value) { + return Math.min(max, Math.max(0, value)); +} + +function noOp(_max, value) { + return value; +} +/** + * Compute crop and zoom from the croppedAreaPercentages. + */ + + +function getInitialCropFromCroppedAreaPercentages(croppedAreaPercentages, mediaSize, rotation, cropSize, minZoom, maxZoom) { + var mediaBBoxSize = rotateSize(mediaSize.width, mediaSize.height, rotation); // This is the inverse process of computeCroppedArea + + var zoom = index_module_clamp(cropSize.width / mediaBBoxSize.width * (100 / croppedAreaPercentages.width), minZoom, maxZoom); + var crop = { + x: zoom * mediaBBoxSize.width / 2 - cropSize.width / 2 - mediaBBoxSize.width * zoom * (croppedAreaPercentages.x / 100), + y: zoom * mediaBBoxSize.height / 2 - cropSize.height / 2 - mediaBBoxSize.height * zoom * (croppedAreaPercentages.y / 100) + }; + return { + crop: crop, + zoom: zoom + }; +} +/** + * Compute zoom from the croppedAreaPixels + */ + +function getZoomFromCroppedAreaPixels(croppedAreaPixels, mediaSize, cropSize) { + var mediaZoom = getMediaZoom(mediaSize); + return cropSize.height > cropSize.width ? cropSize.height / (croppedAreaPixels.height * mediaZoom) : cropSize.width / (croppedAreaPixels.width * mediaZoom); +} +/** + * Compute crop and zoom from the croppedAreaPixels + */ + + +function getInitialCropFromCroppedAreaPixels(croppedAreaPixels, mediaSize, rotation, cropSize, minZoom, maxZoom) { + if (rotation === void 0) { + rotation = 0; + } + + var mediaNaturalBBoxSize = rotateSize(mediaSize.naturalWidth, mediaSize.naturalHeight, rotation); + var zoom = index_module_clamp(getZoomFromCroppedAreaPixels(croppedAreaPixels, mediaSize, cropSize), minZoom, maxZoom); + var cropZoom = cropSize.height > cropSize.width ? cropSize.height / croppedAreaPixels.height : cropSize.width / croppedAreaPixels.width; + var crop = { + x: ((mediaNaturalBBoxSize.width - croppedAreaPixels.width) / 2 - croppedAreaPixels.x) * cropZoom, + y: ((mediaNaturalBBoxSize.height - croppedAreaPixels.height) / 2 - croppedAreaPixels.y) * cropZoom + }; + return { + crop: crop, + zoom: zoom + }; +} +/** + * Return the point that is the center of point a and b + */ + +function getCenter(a, b) { + return { + x: (b.x + a.x) / 2, + y: (b.y + a.y) / 2 + }; +} +function getRadianAngle(degreeValue) { + return degreeValue * Math.PI / 180; +} +/** + * Returns the new bounding area of a rotated rectangle. + */ + +function rotateSize(width, height, rotation) { + var rotRad = getRadianAngle(rotation); + return { + width: Math.abs(Math.cos(rotRad) * width) + Math.abs(Math.sin(rotRad) * height), + height: Math.abs(Math.sin(rotRad) * width) + Math.abs(Math.cos(rotRad) * height) + }; +} +/** + * Clamp value between min and max + */ + +function index_module_clamp(value, min, max) { + return Math.min(Math.max(value, min), max); +} +/** + * Combine multiple class names into a single string. + */ + +function classNames() { + var args = []; + + for (var _i = 0; _i < arguments.length; _i++) { + args[_i] = arguments[_i]; + } + + return args.filter(function (value) { + if (typeof value === 'string' && value.length > 0) { + return true; + } + + return false; + }).join(' ').trim(); +} + +var css_248z = ".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 display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\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}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\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"; + +var MIN_ZOOM = 1; +var MAX_ZOOM = 3; + +var Cropper = +/** @class */ +function (_super) { + __extends(Cropper, _super); + + function Cropper() { + var _this = _super !== null && _super.apply(this, arguments) || this; + + _this.imageRef = /*#__PURE__*/external_React_default().createRef(); + _this.videoRef = /*#__PURE__*/external_React_default().createRef(); + _this.containerRef = null; + _this.styleRef = null; + _this.containerRect = null; + _this.mediaSize = { + width: 0, + height: 0, + naturalWidth: 0, + naturalHeight: 0 + }; + _this.dragStartPosition = { + x: 0, + y: 0 + }; + _this.dragStartCrop = { + x: 0, + y: 0 + }; + _this.gestureZoomStart = 0; + _this.gestureRotationStart = 0; + _this.isTouching = false; + _this.lastPinchDistance = 0; + _this.lastPinchRotation = 0; + _this.rafDragTimeout = null; + _this.rafPinchTimeout = null; + _this.wheelTimer = null; + _this.currentDoc = document; + _this.currentWindow = window; + _this.state = { + cropSize: null, + hasWheelJustStarted: false + }; // this is to prevent Safari on iOS >= 10 to zoom the page + + _this.preventZoomSafari = function (e) { + return e.preventDefault(); + }; + + _this.cleanEvents = function () { + _this.currentDoc.removeEventListener('mousemove', _this.onMouseMove); + + _this.currentDoc.removeEventListener('mouseup', _this.onDragStopped); + + _this.currentDoc.removeEventListener('touchmove', _this.onTouchMove); + + _this.currentDoc.removeEventListener('touchend', _this.onDragStopped); + + _this.currentDoc.removeEventListener('gesturemove', _this.onGestureMove); + + _this.currentDoc.removeEventListener('gestureend', _this.onGestureEnd); + }; + + _this.clearScrollEvent = function () { + if (_this.containerRef) _this.containerRef.removeEventListener('wheel', _this.onWheel); + + if (_this.wheelTimer) { + clearTimeout(_this.wheelTimer); + } + }; + + _this.onMediaLoad = function () { + var cropSize = _this.computeSizes(); + + if (cropSize) { + _this.emitCropData(); + + _this.setInitialCrop(cropSize); + } + + if (_this.props.onMediaLoaded) { + _this.props.onMediaLoaded(_this.mediaSize); + } + }; + + _this.setInitialCrop = function (cropSize) { + if (_this.props.initialCroppedAreaPercentages) { + var _a = getInitialCropFromCroppedAreaPercentages(_this.props.initialCroppedAreaPercentages, _this.mediaSize, _this.props.rotation, cropSize, _this.props.minZoom, _this.props.maxZoom), + crop = _a.crop, + zoom = _a.zoom; + + _this.props.onCropChange(crop); + + _this.props.onZoomChange && _this.props.onZoomChange(zoom); + } else if (_this.props.initialCroppedAreaPixels) { + var _b = getInitialCropFromCroppedAreaPixels(_this.props.initialCroppedAreaPixels, _this.mediaSize, _this.props.rotation, cropSize, _this.props.minZoom, _this.props.maxZoom), + crop = _b.crop, + zoom = _b.zoom; + + _this.props.onCropChange(crop); + + _this.props.onZoomChange && _this.props.onZoomChange(zoom); + } + }; + + _this.computeSizes = function () { + var _a, _b, _c, _d, _e, _f; + + var mediaRef = _this.imageRef.current || _this.videoRef.current; + + if (mediaRef && _this.containerRef) { + _this.containerRect = _this.containerRef.getBoundingClientRect(); + var containerAspect = _this.containerRect.width / _this.containerRect.height; + var naturalWidth = ((_a = _this.imageRef.current) === null || _a === void 0 ? void 0 : _a.naturalWidth) || ((_b = _this.videoRef.current) === null || _b === void 0 ? void 0 : _b.videoWidth) || 0; + var naturalHeight = ((_c = _this.imageRef.current) === null || _c === void 0 ? void 0 : _c.naturalHeight) || ((_d = _this.videoRef.current) === null || _d === void 0 ? void 0 : _d.videoHeight) || 0; + var isMediaScaledDown = mediaRef.offsetWidth < naturalWidth || mediaRef.offsetHeight < naturalHeight; + var mediaAspect = naturalWidth / naturalHeight; // We do not rely on the offsetWidth/offsetHeight if the media is scaled down + // as the values they report are rounded. That will result in precision losses + // when calculating zoom. We use the fact that the media is positionned relative + // to the container. That allows us to use the container's dimensions + // and natural aspect ratio of the media to calculate accurate media size. + // However, for this to work, the container should not be rotated + + var renderedMediaSize = void 0; + + if (isMediaScaledDown) { + switch (_this.props.objectFit) { + default: + case 'contain': + renderedMediaSize = containerAspect > mediaAspect ? { + width: _this.containerRect.height * mediaAspect, + height: _this.containerRect.height + } : { + width: _this.containerRect.width, + height: _this.containerRect.width / mediaAspect + }; + break; + + case 'horizontal-cover': + renderedMediaSize = { + width: _this.containerRect.width, + height: _this.containerRect.width / mediaAspect + }; + break; + + case 'vertical-cover': + renderedMediaSize = { + width: _this.containerRect.height * mediaAspect, + height: _this.containerRect.height + }; + break; + + case 'auto-cover': + renderedMediaSize = naturalWidth > naturalHeight ? { + width: _this.containerRect.width, + height: _this.containerRect.width / mediaAspect + } : { + width: _this.containerRect.height * mediaAspect, + height: _this.containerRect.height + }; + break; + } + } else { + renderedMediaSize = { + width: mediaRef.offsetWidth, + height: mediaRef.offsetHeight + }; + } + + _this.mediaSize = __assign(__assign({}, renderedMediaSize), { + naturalWidth: naturalWidth, + naturalHeight: naturalHeight + }); // set media size in the parent + + if (_this.props.setMediaSize) { + _this.props.setMediaSize(_this.mediaSize); + } + + var cropSize = _this.props.cropSize ? _this.props.cropSize : getCropSize(_this.mediaSize.width, _this.mediaSize.height, _this.containerRect.width, _this.containerRect.height, _this.props.aspect, _this.props.rotation); + + if (((_e = _this.state.cropSize) === null || _e === void 0 ? void 0 : _e.height) !== cropSize.height || ((_f = _this.state.cropSize) === null || _f === void 0 ? void 0 : _f.width) !== cropSize.width) { + _this.props.onCropSizeChange && _this.props.onCropSizeChange(cropSize); + } + + _this.setState({ + cropSize: cropSize + }, _this.recomputeCropPosition); // pass crop size to parent + + + if (_this.props.setCropSize) { + _this.props.setCropSize(cropSize); + } + + return cropSize; + } + }; + + _this.onMouseDown = function (e) { + e.preventDefault(); + + _this.currentDoc.addEventListener('mousemove', _this.onMouseMove); + + _this.currentDoc.addEventListener('mouseup', _this.onDragStopped); + + _this.onDragStart(Cropper.getMousePoint(e)); + }; + + _this.onMouseMove = function (e) { + return _this.onDrag(Cropper.getMousePoint(e)); + }; + + _this.onTouchStart = function (e) { + _this.isTouching = true; + + if (_this.props.onTouchRequest && !_this.props.onTouchRequest(e)) { + return; + } + + _this.currentDoc.addEventListener('touchmove', _this.onTouchMove, { + passive: false + }); // iOS 11 now defaults to passive: true + + + _this.currentDoc.addEventListener('touchend', _this.onDragStopped); + + if (e.touches.length === 2) { + _this.onPinchStart(e); + } else if (e.touches.length === 1) { + _this.onDragStart(Cropper.getTouchPoint(e.touches[0])); + } + }; + + _this.onTouchMove = function (e) { + // Prevent whole page from scrolling on iOS. + e.preventDefault(); + + if (e.touches.length === 2) { + _this.onPinchMove(e); + } else if (e.touches.length === 1) { + _this.onDrag(Cropper.getTouchPoint(e.touches[0])); + } + }; + + _this.onGestureStart = function (e) { + e.preventDefault(); + + _this.currentDoc.addEventListener('gesturechange', _this.onGestureMove); + + _this.currentDoc.addEventListener('gestureend', _this.onGestureEnd); + + _this.gestureZoomStart = _this.props.zoom; + _this.gestureRotationStart = _this.props.rotation; + }; + + _this.onGestureMove = function (e) { + e.preventDefault(); + + if (_this.isTouching) { + // this is to avoid conflict between gesture and touch events + return; + } + + var point = Cropper.getMousePoint(e); + var newZoom = _this.gestureZoomStart - 1 + e.scale; + + _this.setNewZoom(newZoom, point, { + shouldUpdatePosition: true + }); + + if (_this.props.onRotationChange) { + var newRotation = _this.gestureRotationStart + e.rotation; + + _this.props.onRotationChange(newRotation); + } + }; + + _this.onGestureEnd = function (e) { + _this.cleanEvents(); + }; + + _this.onDragStart = function (_a) { + var _b, _c; + + var x = _a.x, + y = _a.y; + _this.dragStartPosition = { + x: x, + y: y + }; + _this.dragStartCrop = __assign({}, _this.props.crop); + (_c = (_b = _this.props).onInteractionStart) === null || _c === void 0 ? void 0 : _c.call(_b); + }; + + _this.onDrag = function (_a) { + var x = _a.x, + y = _a.y; + if (_this.rafDragTimeout) _this.currentWindow.cancelAnimationFrame(_this.rafDragTimeout); + _this.rafDragTimeout = _this.currentWindow.requestAnimationFrame(function () { + if (!_this.state.cropSize) return; + if (x === undefined || y === undefined) return; + var offsetX = x - _this.dragStartPosition.x; + var offsetY = y - _this.dragStartPosition.y; + var requestedPosition = { + x: _this.dragStartCrop.x + offsetX, + y: _this.dragStartCrop.y + offsetY + }; + var newPosition = _this.props.restrictPosition ? restrictPosition(requestedPosition, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : requestedPosition; + + _this.props.onCropChange(newPosition); + }); + }; + + _this.onDragStopped = function () { + var _a, _b; + + _this.isTouching = false; + + _this.cleanEvents(); + + _this.emitCropData(); + + (_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 ? void 0 : _b.call(_a); + }; + + _this.onWheel = function (e) { + if (_this.props.onWheelRequest && !_this.props.onWheelRequest(e)) { + return; + } + + e.preventDefault(); + var point = Cropper.getMousePoint(e); + var pixelY = normalize_wheel_default()(e).pixelY; + var newZoom = _this.props.zoom - pixelY * _this.props.zoomSpeed / 200; + + _this.setNewZoom(newZoom, point, { + shouldUpdatePosition: true + }); + + if (!_this.state.hasWheelJustStarted) { + _this.setState({ + hasWheelJustStarted: true + }, function () { + var _a, _b; + + return (_b = (_a = _this.props).onInteractionStart) === null || _b === void 0 ? void 0 : _b.call(_a); + }); + } + + if (_this.wheelTimer) { + clearTimeout(_this.wheelTimer); + } + + _this.wheelTimer = _this.currentWindow.setTimeout(function () { + return _this.setState({ + hasWheelJustStarted: false + }, function () { + var _a, _b; + + return (_b = (_a = _this.props).onInteractionEnd) === null || _b === void 0 ? void 0 : _b.call(_a); + }); + }, 250); + }; + + _this.getPointOnContainer = function (_a) { + var x = _a.x, + y = _a.y; + + if (!_this.containerRect) { + throw new Error('The Cropper is not mounted'); + } + + return { + x: _this.containerRect.width / 2 - (x - _this.containerRect.left), + y: _this.containerRect.height / 2 - (y - _this.containerRect.top) + }; + }; + + _this.getPointOnMedia = function (_a) { + var x = _a.x, + y = _a.y; + var _b = _this.props, + crop = _b.crop, + zoom = _b.zoom; + return { + x: (x + crop.x) / zoom, + y: (y + crop.y) / zoom + }; + }; + + _this.setNewZoom = function (zoom, point, _a) { + var _b = (_a === void 0 ? {} : _a).shouldUpdatePosition, + shouldUpdatePosition = _b === void 0 ? true : _b; + if (!_this.state.cropSize || !_this.props.onZoomChange) return; + var newZoom = index_module_clamp(zoom, _this.props.minZoom, _this.props.maxZoom); + + if (shouldUpdatePosition) { + var zoomPoint = _this.getPointOnContainer(point); + + var zoomTarget = _this.getPointOnMedia(zoomPoint); + + var requestedPosition = { + x: zoomTarget.x * newZoom - zoomPoint.x, + y: zoomTarget.y * newZoom - zoomPoint.y + }; + var newPosition = _this.props.restrictPosition ? restrictPosition(requestedPosition, _this.mediaSize, _this.state.cropSize, newZoom, _this.props.rotation) : requestedPosition; + + _this.props.onCropChange(newPosition); + } + + _this.props.onZoomChange(newZoom); + }; + + _this.getCropData = function () { + if (!_this.state.cropSize) { + return null; + } // this is to ensure the crop is correctly restricted after a zoom back (https://github.com/ValentinH/react-easy-crop/issues/6) + + + var restrictedPosition = _this.props.restrictPosition ? restrictPosition(_this.props.crop, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : _this.props.crop; + return computeCroppedArea(restrictedPosition, _this.mediaSize, _this.state.cropSize, _this.getAspect(), _this.props.zoom, _this.props.rotation, _this.props.restrictPosition); + }; + + _this.emitCropData = function () { + var cropData = _this.getCropData(); + + if (!cropData) return; + var croppedAreaPercentages = cropData.croppedAreaPercentages, + croppedAreaPixels = cropData.croppedAreaPixels; + + if (_this.props.onCropComplete) { + _this.props.onCropComplete(croppedAreaPercentages, croppedAreaPixels); + } + + if (_this.props.onCropAreaChange) { + _this.props.onCropAreaChange(croppedAreaPercentages, croppedAreaPixels); + } + }; + + _this.emitCropAreaChange = function () { + var cropData = _this.getCropData(); + + if (!cropData) return; + var croppedAreaPercentages = cropData.croppedAreaPercentages, + croppedAreaPixels = cropData.croppedAreaPixels; + + if (_this.props.onCropAreaChange) { + _this.props.onCropAreaChange(croppedAreaPercentages, croppedAreaPixels); + } + }; + + _this.recomputeCropPosition = function () { + if (!_this.state.cropSize) return; + var newPosition = _this.props.restrictPosition ? restrictPosition(_this.props.crop, _this.mediaSize, _this.state.cropSize, _this.props.zoom, _this.props.rotation) : _this.props.crop; + + _this.props.onCropChange(newPosition); + + _this.emitCropData(); + }; + + return _this; + } + + Cropper.prototype.componentDidMount = function () { + if (this.containerRef) { + if (this.containerRef.ownerDocument) { + this.currentDoc = this.containerRef.ownerDocument; + } + + if (this.currentDoc.defaultView) { + this.currentWindow = this.currentDoc.defaultView; + } + + this.currentWindow.addEventListener('resize', this.computeSizes); + this.props.zoomWithScroll && this.containerRef.addEventListener('wheel', this.onWheel, { + passive: false + }); + this.containerRef.addEventListener('gesturestart', this.onGestureStart); + } + + if (!this.props.disableAutomaticStylesInjection) { + this.styleRef = this.currentDoc.createElement('style'); + this.styleRef.setAttribute('type', 'text/css'); + + if (this.props.nonce) { + this.styleRef.setAttribute('nonce', this.props.nonce); + } + + this.styleRef.innerHTML = css_248z; + this.currentDoc.head.appendChild(this.styleRef); + } // when rendered via SSR, the image can already be loaded and its onLoad callback will never be called + + + if (this.imageRef.current && this.imageRef.current.complete) { + this.onMediaLoad(); + } // set image and video refs in the parent if the callbacks exist + + + if (this.props.setImageRef) { + this.props.setImageRef(this.imageRef); + } + + if (this.props.setVideoRef) { + this.props.setVideoRef(this.videoRef); + } + }; + + Cropper.prototype.componentWillUnmount = function () { + var _a; + + this.currentWindow.removeEventListener('resize', this.computeSizes); + + if (this.containerRef) { + this.containerRef.removeEventListener('gesturestart', this.preventZoomSafari); + } + + if (this.styleRef) { + (_a = this.styleRef.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(this.styleRef); + } + + this.cleanEvents(); + this.props.zoomWithScroll && this.clearScrollEvent(); + }; + + Cropper.prototype.componentDidUpdate = function (prevProps) { + var _a, _b, _c, _d, _e, _f, _g, _h, _j; + + if (prevProps.rotation !== this.props.rotation) { + this.computeSizes(); + this.recomputeCropPosition(); + } else if (prevProps.aspect !== this.props.aspect) { + this.computeSizes(); + } else if (prevProps.zoom !== this.props.zoom) { + this.recomputeCropPosition(); + } else if (((_a = prevProps.cropSize) === null || _a === void 0 ? void 0 : _a.height) !== ((_b = this.props.cropSize) === null || _b === void 0 ? void 0 : _b.height) || ((_c = prevProps.cropSize) === null || _c === void 0 ? void 0 : _c.width) !== ((_d = this.props.cropSize) === null || _d === void 0 ? void 0 : _d.width)) { + this.computeSizes(); + } else if (((_e = prevProps.crop) === null || _e === void 0 ? void 0 : _e.x) !== ((_f = this.props.crop) === null || _f === void 0 ? void 0 : _f.x) || ((_g = prevProps.crop) === null || _g === void 0 ? void 0 : _g.y) !== ((_h = this.props.crop) === null || _h === void 0 ? void 0 : _h.y)) { + this.emitCropAreaChange(); + } + + if (prevProps.zoomWithScroll !== this.props.zoomWithScroll && this.containerRef) { + this.props.zoomWithScroll ? this.containerRef.addEventListener('wheel', this.onWheel, { + passive: false + }) : this.clearScrollEvent(); + } + + if (prevProps.video !== this.props.video) { + (_j = this.videoRef.current) === null || _j === void 0 ? void 0 : _j.load(); + } + }; + + Cropper.prototype.getAspect = function () { + var _a = this.props, + cropSize = _a.cropSize, + aspect = _a.aspect; + + if (cropSize) { + return cropSize.width / cropSize.height; + } + + return aspect; + }; + + Cropper.prototype.onPinchStart = function (e) { + var pointA = Cropper.getTouchPoint(e.touches[0]); + var pointB = Cropper.getTouchPoint(e.touches[1]); + this.lastPinchDistance = getDistanceBetweenPoints(pointA, pointB); + this.lastPinchRotation = getRotationBetweenPoints(pointA, pointB); + this.onDragStart(getCenter(pointA, pointB)); + }; + + Cropper.prototype.onPinchMove = function (e) { + var _this = this; + + var pointA = Cropper.getTouchPoint(e.touches[0]); + var pointB = Cropper.getTouchPoint(e.touches[1]); + var center = getCenter(pointA, pointB); + this.onDrag(center); + if (this.rafPinchTimeout) this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout); + this.rafPinchTimeout = this.currentWindow.requestAnimationFrame(function () { + var distance = getDistanceBetweenPoints(pointA, pointB); + var newZoom = _this.props.zoom * (distance / _this.lastPinchDistance); + + _this.setNewZoom(newZoom, center, { + shouldUpdatePosition: false + }); + + _this.lastPinchDistance = distance; + var rotation = getRotationBetweenPoints(pointA, pointB); + var newRotation = _this.props.rotation + (rotation - _this.lastPinchRotation); + _this.props.onRotationChange && _this.props.onRotationChange(newRotation); + _this.lastPinchRotation = rotation; + }); + }; + + Cropper.prototype.render = function () { + var _this = this; + + var _a = this.props, + image = _a.image, + video = _a.video, + mediaProps = _a.mediaProps, + transform = _a.transform, + _b = _a.crop, + x = _b.x, + y = _b.y, + rotation = _a.rotation, + zoom = _a.zoom, + cropShape = _a.cropShape, + showGrid = _a.showGrid, + _c = _a.style, + containerStyle = _c.containerStyle, + cropAreaStyle = _c.cropAreaStyle, + mediaStyle = _c.mediaStyle, + _d = _a.classes, + containerClassName = _d.containerClassName, + cropAreaClassName = _d.cropAreaClassName, + mediaClassName = _d.mediaClassName, + objectFit = _a.objectFit; + return /*#__PURE__*/external_React_default().createElement("div", { + onMouseDown: this.onMouseDown, + onTouchStart: this.onTouchStart, + ref: function ref(el) { + return _this.containerRef = el; + }, + "data-testid": "container", + style: containerStyle, + className: classNames('reactEasyCrop_Container', containerClassName) + }, image ? /*#__PURE__*/external_React_default().createElement("img", __assign({ + alt: "", + className: classNames('reactEasyCrop_Image', objectFit === 'contain' && 'reactEasyCrop_Contain', objectFit === 'horizontal-cover' && 'reactEasyCrop_Cover_Horizontal', objectFit === 'vertical-cover' && 'reactEasyCrop_Cover_Vertical', objectFit === 'auto-cover' && (this.mediaSize.naturalWidth > this.mediaSize.naturalHeight ? 'reactEasyCrop_Cover_Horizontal' : 'reactEasyCrop_Cover_Vertical'), mediaClassName) + }, mediaProps, { + src: image, + ref: this.imageRef, + style: __assign(__assign({}, mediaStyle), { + transform: transform || "translate(" + x + "px, " + y + "px) rotate(" + rotation + "deg) scale(" + zoom + ")" + }), + onLoad: this.onMediaLoad + })) : video && /*#__PURE__*/external_React_default().createElement("video", __assign({ + autoPlay: true, + loop: true, + muted: true, + className: classNames('reactEasyCrop_Video', objectFit === 'contain' && 'reactEasyCrop_Contain', objectFit === 'horizontal-cover' && 'reactEasyCrop_Cover_Horizontal', objectFit === 'vertical-cover' && 'reactEasyCrop_Cover_Vertical', objectFit === 'auto-cover' && (this.mediaSize.naturalWidth > this.mediaSize.naturalHeight ? 'reactEasyCrop_Cover_Horizontal' : 'reactEasyCrop_Cover_Vertical'), mediaClassName) + }, mediaProps, { + ref: this.videoRef, + onLoadedMetadata: this.onMediaLoad, + style: __assign(__assign({}, mediaStyle), { + transform: transform || "translate(" + x + "px, " + y + "px) rotate(" + rotation + "deg) scale(" + zoom + ")" + }), + controls: false + }), (Array.isArray(video) ? video : [{ + src: video + }]).map(function (item) { + return /*#__PURE__*/external_React_default().createElement("source", __assign({ + key: item.src + }, item)); + })), this.state.cropSize && /*#__PURE__*/external_React_default().createElement("div", { + style: __assign(__assign({}, cropAreaStyle), { + width: this.state.cropSize.width, + height: this.state.cropSize.height + }), + "data-testid": "cropper", + className: classNames('reactEasyCrop_CropArea', cropShape === 'round' && 'reactEasyCrop_CropAreaRound', showGrid && 'reactEasyCrop_CropAreaGrid', cropAreaClassName) + })); + }; + + Cropper.defaultProps = { + zoom: 1, + rotation: 0, + aspect: 4 / 3, + maxZoom: MAX_ZOOM, + minZoom: MIN_ZOOM, + cropShape: 'rect', + objectFit: 'contain', + showGrid: true, + style: {}, + classes: {}, + mediaProps: {}, + zoomSpeed: 1, + restrictPosition: true, + zoomWithScroll: true + }; + + Cropper.getMousePoint = function (e) { + return { + x: Number(e.clientX), + y: Number(e.clientY) + }; + }; + + Cropper.getTouchPoint = function (touch) { + return { + x: Number(touch.clientX), + y: Number(touch.clientY) + }; + }; + + return Cropper; +}((external_React_default()).Component); + +/* harmony default export */ var index_module = (Cropper); + + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/constants.js +const constants_MIN_ZOOM = 100; +const constants_MAX_ZOOM = 300; +const image_editor_constants_POPOVER_PROPS = { + placement: 'bottom-start', + variant: 'toolbar' +}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/cropper.js + + +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +function ImageCropper(_ref) { + let { + url, + width, + height, + clientWidth, + naturalHeight, + naturalWidth, + borderProps + } = _ref; + const { + isInProgress, + editedUrl, + position, + zoom, + aspect, + setPosition, + setCrop, + setZoom, + rotation + } = useImageEditingContext(); + let editedHeight = height || clientWidth * naturalHeight / naturalWidth; + + if (rotation % 180 === 90) { + editedHeight = clientWidth * naturalWidth / naturalHeight; + } + + return (0,external_wp_element_namespaceObject.createElement)("div", { + className: classnames_default()('wp-block-image__crop-area', borderProps === null || borderProps === void 0 ? void 0 : borderProps.className, { + 'is-applying': isInProgress + }), + style: { ...(borderProps === null || borderProps === void 0 ? void 0 : borderProps.style), + width: width || clientWidth, + height: editedHeight + } + }, (0,external_wp_element_namespaceObject.createElement)(index_module, { + image: editedUrl || url, + disabled: isInProgress, + minZoom: constants_MIN_ZOOM / 100, + maxZoom: constants_MAX_ZOOM / 100, + crop: position, + zoom: zoom / 100, + aspect: aspect, + onCropChange: pos => { + setPosition(pos); + }, + onCropComplete: newCropPercent => { + setCrop(newCropPercent); + }, + onZoomChange: newZoom => { + setZoom(newZoom * 100); + } + }), isInProgress && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/search.js + + +/** + * WordPress dependencies + */ + +const search = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var library_search = (search); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/zoom-dropdown.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + +function ZoomDropdown() { + const { + isInProgress, + zoom, + setZoom + } = useImageEditingContext(); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { + contentClassName: "wp-block-image__zoom", + popoverProps: image_editor_constants_POPOVER_PROPS, + renderToggle: _ref => { + let { + isOpen, + onToggle + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + icon: library_search, + label: (0,external_wp_i18n_namespaceObject.__)('Zoom'), + onClick: onToggle, + "aria-expanded": isOpen, + disabled: isInProgress + }); + }, + renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Zoom'), + min: constants_MIN_ZOOM, + max: constants_MAX_ZOOM, + value: Math.round(zoom), + onChange: setZoom + }) + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/aspect-ratio.js + + +/** + * WordPress dependencies + */ + +const aspectRatio = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var aspect_ratio = (aspectRatio); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/aspect-ratio-dropdown.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + +function AspectGroup(_ref) { + let { + aspectRatios, + isDisabled, + label, + onClick, + value + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { + label: label + }, aspectRatios.map(_ref2 => { + let { + title, + aspect + } = _ref2; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + key: aspect, + disabled: isDisabled, + onClick: () => { + onClick(aspect); + }, + role: "menuitemradio", + isSelected: aspect === value, + icon: aspect === value ? library_check : undefined + }, title); + })); +} + +function AspectRatioDropdown(_ref3) { + let { + toggleProps + } = _ref3; + const { + isInProgress, + aspect, + setAspect, + defaultAspect + } = useImageEditingContext(); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DropdownMenu, { + icon: aspect_ratio, + label: (0,external_wp_i18n_namespaceObject.__)('Aspect Ratio'), + popoverProps: image_editor_constants_POPOVER_PROPS, + toggleProps: toggleProps, + className: "wp-block-image__aspect-ratio" + }, _ref4 => { + let { + onClose + } = _ref4; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(AspectGroup, { + isDisabled: isInProgress, + onClick: newAspect => { + setAspect(newAspect); + onClose(); + }, + value: aspect, + aspectRatios: [{ + title: (0,external_wp_i18n_namespaceObject.__)('Original'), + aspect: defaultAspect + }, { + title: (0,external_wp_i18n_namespaceObject.__)('Square'), + aspect: 1 + }] + }), (0,external_wp_element_namespaceObject.createElement)(AspectGroup, { + label: (0,external_wp_i18n_namespaceObject.__)('Landscape'), + isDisabled: isInProgress, + onClick: newAspect => { + setAspect(newAspect); + onClose(); + }, + value: aspect, + aspectRatios: [{ + title: (0,external_wp_i18n_namespaceObject.__)('16:10'), + aspect: 16 / 10 + }, { + title: (0,external_wp_i18n_namespaceObject.__)('16:9'), + aspect: 16 / 9 + }, { + title: (0,external_wp_i18n_namespaceObject.__)('4:3'), + aspect: 4 / 3 + }, { + title: (0,external_wp_i18n_namespaceObject.__)('3:2'), + aspect: 3 / 2 + }] + }), (0,external_wp_element_namespaceObject.createElement)(AspectGroup, { + label: (0,external_wp_i18n_namespaceObject.__)('Portrait'), + isDisabled: isInProgress, + onClick: newAspect => { + setAspect(newAspect); + onClose(); + }, + value: aspect, + aspectRatios: [{ + title: (0,external_wp_i18n_namespaceObject.__)('10:16'), + aspect: 10 / 16 + }, { + title: (0,external_wp_i18n_namespaceObject.__)('9:16'), + aspect: 9 / 16 + }, { + title: (0,external_wp_i18n_namespaceObject.__)('3:4'), + aspect: 3 / 4 + }, { + title: (0,external_wp_i18n_namespaceObject.__)('2:3'), + aspect: 2 / 3 + }] + })); + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/rotate-right.js + + +/** + * WordPress dependencies + */ + +const rotateRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var rotate_right = (rotateRight); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/rotation-button.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + +function RotationButton() { + const { + isInProgress, + rotateClockwise + } = useImageEditingContext(); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + icon: rotate_right, + label: (0,external_wp_i18n_namespaceObject.__)('Rotate'), + onClick: rotateClockwise, + disabled: isInProgress + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/form-controls.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +function FormControls() { + const { + isInProgress, + apply, + cancel + } = useImageEditingContext(); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + onClick: apply, + disabled: isInProgress + }, (0,external_wp_i18n_namespaceObject.__)('Apply')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + onClick: cancel + }, (0,external_wp_i18n_namespaceObject.__)('Cancel'))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-editor/index.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + + + + + +function ImageEditor(_ref) { + let { + id, + url, + width, + height, + clientWidth, + naturalHeight, + naturalWidth, + onSaveImage, + onFinishEditing, + borderProps + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(ImageEditingProvider, { + id: id, + url: url, + naturalWidth: naturalWidth, + naturalHeight: naturalHeight, + onSaveImage: onSaveImage, + onFinishEditing: onFinishEditing + }, (0,external_wp_element_namespaceObject.createElement)(ImageCropper, { + borderProps: borderProps, + url: url, + width: width, + height: height, + clientWidth: clientWidth, + naturalHeight: naturalHeight, + naturalWidth: naturalWidth + }), (0,external_wp_element_namespaceObject.createElement)(block_controls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(ZoomDropdown, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, null, toggleProps => (0,external_wp_element_namespaceObject.createElement)(AspectRatioDropdown, { + toggleProps: toggleProps + })), (0,external_wp_element_namespaceObject.createElement)(RotationButton, null)), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(FormControls, null)))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-size-control/use-dimension-handler.js +/** + * WordPress dependencies + */ + +function useDimensionHandler(customHeight, customWidth, defaultHeight, defaultWidth, onChange) { + var _ref, _ref2; + + const [currentWidth, setCurrentWidth] = (0,external_wp_element_namespaceObject.useState)((_ref = customWidth !== null && customWidth !== void 0 ? customWidth : defaultWidth) !== null && _ref !== void 0 ? _ref : ''); + const [currentHeight, setCurrentHeight] = (0,external_wp_element_namespaceObject.useState)((_ref2 = customHeight !== null && customHeight !== void 0 ? customHeight : defaultHeight) !== null && _ref2 !== void 0 ? _ref2 : ''); // When an image is first inserted, the default dimensions are initially + // undefined. This effect updates the dimensions when the default values + // come through. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (customWidth === undefined && defaultWidth !== undefined) { + setCurrentWidth(defaultWidth); + } + + if (customHeight === undefined && defaultHeight !== undefined) { + setCurrentHeight(defaultHeight); + } + }, [defaultWidth, defaultHeight]); // If custom values change, it means an outsider has resized the image using some other method (eg resize box) + // this keeps track of these values too. We need to parse before comparing; custom values can be strings. + + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (customWidth !== undefined && Number.parseInt(customWidth) !== Number.parseInt(currentWidth)) { + setCurrentWidth(customWidth); + } + + if (customHeight !== undefined && Number.parseInt(customHeight) !== Number.parseInt(currentHeight)) { + setCurrentHeight(customHeight); + } + }, [customWidth, customHeight]); + + const updateDimension = (dimension, value) => { + if (dimension === 'width') { + setCurrentWidth(value); + } else { + setCurrentHeight(value); + } + + onChange({ + [dimension]: value === '' ? undefined : parseInt(value, 10) + }); + }; + + const updateDimensions = (nextHeight, nextWidth) => { + setCurrentHeight(nextHeight !== null && nextHeight !== void 0 ? nextHeight : defaultHeight); + setCurrentWidth(nextWidth !== null && nextWidth !== void 0 ? nextWidth : defaultWidth); + onChange({ + height: nextHeight, + width: nextWidth + }); + }; + + return { + currentHeight, + currentWidth, + updateDimension, + updateDimensions + }; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-size-control/index.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +const IMAGE_SIZE_PRESETS = [25, 50, 75, 100]; + +const image_size_control_noop = () => {}; + +function ImageSizeControl(_ref) { + let { + imageSizeHelp, + imageWidth, + imageHeight, + imageSizeOptions = [], + isResizable = true, + slug, + width, + height, + onChange, + onChangeImage = image_size_control_noop + } = _ref; + const { + currentHeight, + currentWidth, + updateDimension, + updateDimensions + } = useDimensionHandler(height, width, imageHeight, imageWidth, onChange); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, imageSizeOptions && imageSizeOptions.length > 0 && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, { + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Image size'), + value: slug, + options: imageSizeOptions, + onChange: onChangeImage, + help: imageSizeHelp + }), isResizable && (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-image-size-control" + }, (0,external_wp_element_namespaceObject.createElement)("p", { + className: "block-editor-image-size-control__row" + }, (0,external_wp_i18n_namespaceObject.__)('Image dimensions')), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-image-size-control__row" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + type: "number", + className: "block-editor-image-size-control__width", + label: (0,external_wp_i18n_namespaceObject.__)('Width'), + value: currentWidth, + min: 1, + onChange: value => updateDimension('width', value) + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + type: "number", + className: "block-editor-image-size-control__height", + label: (0,external_wp_i18n_namespaceObject.__)('Height'), + value: currentHeight, + min: 1, + onChange: value => updateDimension('height', value) + })), (0,external_wp_element_namespaceObject.createElement)("div", { + className: "block-editor-image-size-control__row" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, { + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Image size presets') + }, IMAGE_SIZE_PRESETS.map(scale => { + const scaledWidth = Math.round(imageWidth * (scale / 100)); + const scaledHeight = Math.round(imageHeight * (scale / 100)); + const isCurrent = currentWidth === scaledWidth && currentHeight === scaledHeight; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + key: scale, + isSmall: true, + variant: isCurrent ? 'primary' : undefined, + isPressed: isCurrent, + onClick: () => updateDimensions(scaledHeight, scaledWidth) + }, scale, "%"); + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + isSmall: true, + onClick: () => updateDimensions() + }, (0,external_wp_i18n_namespaceObject.__)('Reset'))))); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/media.js @@ -48093,56 +55675,6 @@ const postFeaturedImage = (0,external_wp_element_namespaceObject.createElement)( })); /* harmony default export */ var post_featured_image = (postFeaturedImage); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-upload/index.js -/** - * WordPress dependencies - */ - -/** - * This is a placeholder for the media upload component necessary to make it possible to provide - * an integration with the core blocks that handle media files. By default it renders nothing but - * it provides a way to have it overridden with the `editor.MediaUpload` filter. - * - * @return {WPComponent} The component to be rendered. - */ - -const MediaUpload = () => null; -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md - */ - - -/* harmony default export */ var media_upload = ((0,external_wp_components_namespaceObject.withFilters)('editor.MediaUpload')(MediaUpload)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-upload/check.js -/** - * WordPress dependencies - */ - -/** - * Internal dependencies - */ - - -function MediaUploadCheck(_ref) { - let { - fallback = null, - children - } = _ref; - const hasUploadPermissions = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getSettings - } = select(store); - return !!getSettings().mediaUpload; - }, []); - return hasUploadPermissions ? children : fallback; -} -/** - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md - */ - -/* harmony default export */ var media_upload_check = (MediaUploadCheck); - ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-replace-flow/index.js @@ -48271,7 +55803,7 @@ const MediaReplaceFlow = _ref => { const gallery = multiple && onlyAllowsImages(); const POPOVER_PROPS = { - isAlternate: true + variant: 'toolbar' }; return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, { popoverProps: POPOVER_PROPS, @@ -48373,6 +55905,21 @@ const MediaReplaceFlow = _ref => { }; }), (0,external_wp_components_namespaceObject.withFilters)('editor.MediaReplaceFlow')])(MediaReplaceFlow)); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js + + +/** + * WordPress dependencies + */ + +const keyboardReturn = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "-2 -2 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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" +})); +/* harmony default export */ var keyboard_return = (keyboardReturn); + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-popover/link-viewer-url.js @@ -48479,6 +56026,7 @@ function LinkEditor(_ref) { return (0,external_wp_element_namespaceObject.createElement)("form", _extends({ className: classnames_default()('block-editor-url-popover__link-editor', className) }, props), (0,external_wp_element_namespaceObject.createElement)(url_input, { + __nextHasNoMarginBottom: true, value: value, onChange: onChangeInputValue, autocompleteRef: autocompleteRef @@ -48500,22 +56048,49 @@ function LinkEditor(_ref) { + /** * Internal dependencies */ +const DEFAULT_PLACEMENT = 'bottom'; function URLPopover(_ref) { let { additionalControls, children, renderSettings, - position = 'bottom center', + // The DEFAULT_PLACEMENT value is assigned inside the function's body + placement, focusOnMount = 'firstElement', + // Deprecated + position, + // Rest ...popoverProps } = _ref; + + if (position !== undefined) { + external_wp_deprecated_default()('`position` prop in wp.blockEditor.URLPopover', { + since: '6.2', + alternative: '`placement` prop' + }); + } // Compute popover's placement: + // - give priority to `placement` prop, if defined + // - otherwise, compute it from the legacy `position` prop (if defined) + // - finally, fallback to the DEFAULT_PLACEMENT. + + + let computedPlacement; + + if (placement !== undefined) { + computedPlacement = placement; + } else if (position !== undefined) { + computedPlacement = (0,external_wp_components_namespaceObject.__experimentalPopoverPositionToPlacement)(position); + } + + computedPlacement = computedPlacement || DEFAULT_PLACEMENT; const [isSettingsExpanded, setIsSettingsExpanded] = (0,external_wp_element_namespaceObject.useState)(false); const showSettings = !!renderSettings && isSettingsExpanded; @@ -48526,7 +56101,7 @@ function URLPopover(_ref) { return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, _extends({ className: "block-editor-url-popover", focusOnMount: focusOnMount, - position: position, + placement: computedPlacement, shift: true }, popoverProps), (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-url-popover__input-container" @@ -48983,7 +56558,6 @@ const PanelColorSettings = _ref => { * External dependencies */ - /** * WordPress dependencies */ @@ -48991,13 +56565,18 @@ const PanelColorSettings = _ref => { +/** + * Internal dependencies + */ + + const format_toolbar_POPOVER_PROPS = { position: 'bottom right', - isAlternate: true + variant: 'toolbar' }; const FormatToolbar = () => { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, ['bold', 'italic', 'link'].map(format => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Slot, { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, ['bold', 'italic', 'link', 'unknown'].map(format => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Slot, { name: `RichText.ToolbarControls.${format}`, key: format })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Slot, { @@ -49030,7 +56609,7 @@ const FormatToolbar = () => { }), describedBy: (0,external_wp_i18n_namespaceObject.__)('Displays more block tools') }, - controls: (0,external_lodash_namespaceObject.orderBy)(fills.map(_ref3 => { + controls: orderBy(fills.map(_ref3 => { let [{ props }] = _ref3; @@ -49052,6 +56631,7 @@ const FormatToolbar = () => { + /** * Internal dependencies */ @@ -49060,6 +56640,7 @@ const FormatToolbar = () => { + function InlineSelectionToolbar(_ref) { let { value, @@ -49084,13 +56665,16 @@ function InlineToolbar(_ref2) { popoverAnchor } = _ref2; return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { - position: "top center", + placement: "top", focusOnMount: false, anchor: popoverAnchor, className: "block-editor-rich-text__inline-format-toolbar", __unstableSlotName: "block-toolbar" - }, (0,external_wp_element_namespaceObject.createElement)("div", { + }, (0,external_wp_element_namespaceObject.createElement)(navigable_toolbar, { className: "block-editor-rich-text__inline-format-toolbar-group" + /* translators: accessibility text for the inline format toolbar */ + , + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Format tools') }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(format_toolbar, null)))); } @@ -49161,13 +56745,21 @@ function useUndoAutomaticChange() { return; } + const { + __experimentalUndo + } = getSettings(); + + if (!__experimentalUndo) { + return; + } + if (!didAutomaticChange()) { return; } event.preventDefault(); - getSettings().__experimentalUndo(); + __experimentalUndo(); } element.addEventListener('keydown', onKeyDown); @@ -49222,20 +56814,6 @@ function useMarkPersistent(_ref) { }, [html, hasActiveFormats]); } -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/file-paste-handler.js -/** - * WordPress dependencies - */ - -function filePasteHandler(files) { - return files.filter(_ref => { - let { - type - } = _ref; - return /^image\/(?:jpe?g|png|gif|webp)$/.test(type); - }).map(file => ``).join(''); -} - ;// CONCATENATED MODULE: external ["wp","shortcode"] var external_wp_shortcode_namespaceObject = window["wp"]["shortcode"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/utils.js @@ -49247,7 +56825,6 @@ var external_wp_shortcode_namespaceObject = window["wp"]["shortcode"]; - function addActiveFormats(value, activeFormats) { if (activeFormats !== null && activeFormats !== void 0 && activeFormats.length) { let index = value.formats.length; @@ -49262,7 +56839,7 @@ function addActiveFormats(value, activeFormats) { * * @param {?(string|boolean)} multiline The multiline prop. * - * @return {?string} The multiline tag. + * @return {string | undefined} The multiline tag. */ function getMultilineTag(multiline) { @@ -49275,7 +56852,6 @@ function getMultilineTag(multiline) { function getAllowedFormats(_ref) { let { allowedFormats, - formattingControls, disableFormats } = _ref; @@ -49283,20 +56859,7 @@ function getAllowedFormats(_ref) { return getAllowedFormats.EMPTY_ARRAY; } - if (!allowedFormats && !formattingControls) { - return; - } - - if (allowedFormats) { - return allowedFormats; - } - - external_wp_deprecated_default()('wp.blockEditor.RichText formattingControls prop', { - since: '5.4', - alternative: 'allowedFormats', - version: '6.2' - }); - return formattingControls.map(name => `core/${name}`); + return allowedFormats; } getAllowedFormats.EMPTY_ARRAY = []; const isShortcode = text => (0,external_wp_shortcode_namespaceObject.regexp)('.*').test(text); @@ -49415,7 +56978,6 @@ function splitValue(_ref) { - /** @typedef {import('@wordpress/rich-text').RichTextValue} RichTextValue */ /** @@ -49542,6 +57104,12 @@ function usePasteHandler(props) { text: plainText }))); return; + } + + if (files !== null && files !== void 0 && files.length) { + // Allows us to ask for this information when we get a report. + // eslint-disable-next-line no-console + window.console.log('Received items:\n\n', files); } // Process any attached files, unless we infer that the files in // question are redundant "screenshots" of the actual HTML payload, // as created by certain office-type programs. @@ -49550,22 +57118,27 @@ function usePasteHandler(props) { if (files !== null && files !== void 0 && files.length && !shouldDismissPastedFiles(files, html, plainText)) { - const content = (0,external_wp_blocks_namespaceObject.pasteHandler)({ - HTML: filePasteHandler(files), - mode: 'BLOCKS', - tagName, - preserveWhiteSpace - }); // Allows us to ask for this information when we get a report. - // eslint-disable-next-line no-console + const fromTransforms = (0,external_wp_blocks_namespaceObject.getBlockTransforms)('from'); + const blocks = files.reduce((accumulator, file) => { + const transformation = (0,external_wp_blocks_namespaceObject.findTransform)(fromTransforms, transform => transform.type === 'files' && transform.isMatch([file])); - window.console.log('Received items:\n\n', files); + if (transformation) { + accumulator.push(transformation.transform([file])); + } + + return accumulator; + }, []).flat(); + + if (!blocks.length) { + return; + } if (onReplace && (0,external_wp_richText_namespaceObject.isEmpty)(value)) { - onReplace(content); + onReplace(blocks); } else { splitValue({ value, - pastedBlocks: content, + pastedBlocks: blocks, onReplace, onSplit, onSplitMiddle, @@ -49630,7 +57203,7 @@ function usePasteHandler(props) { } /** * Normalizes a given string of HTML to remove the Windows-specific "Fragment" - * comments and any preceeding and trailing content. + * comments and any preceding and trailing content. * * @param {string} html the html to be normalized * @return {string} the normalized html @@ -49760,10 +57333,18 @@ function useBeforeInputRules(props) { const { defaultView } = ownerDocument; - const newEvent = new defaultView.InputEvent('input', init); // Dispatch an input event with the new data. This will trigger the + const newEvent = new defaultView.InputEvent('input', init); // Dispatch an `input` event with the new data. This will trigger the // input rules. + // Postpone the `input` to the next event loop tick so that the dispatch + // doesn't happen synchronously in the middle of `beforeinput` dispatch. + // This is closer to how native `input` event would be timed, and also + // makes sure that the `input` event is dispatched only after the `onChange` + // call few lines above has fully updated the data store state and rerendered + // all affected components. - event.target.dispatchEvent(newEvent); + window.queueMicrotask(() => { + event.target.dispatchEvent(newEvent); + }); event.preventDefault(); } @@ -49973,6 +57554,10 @@ function useEnter(props) { return; } + if (event.keyCode !== external_wp_keycodes_namespaceObject.ENTER) { + return; + } + const { removeEditorOnlyFormats, value, @@ -49984,11 +57569,6 @@ function useEnter(props) { disableLineBreaks, onSplitAtEnd } = propsRef.current; - - if (event.keyCode !== external_wp_keycodes_namespaceObject.ENTER) { - return; - } - event.preventDefault(); const _value = { ...value }; @@ -50271,6 +57851,40 @@ function useInputEvents(inputEvents) { }, []); } +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/use-insert-replacement-text.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + +/** + * When the browser is about to auto correct, add an undo level so the user can + * revert the change. + */ + +function useInsertReplacementText() { + const { + __unstableMarkLastChangeAsPersistent + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + return (0,external_wp_compose_namespaceObject.useRefEffect)(element => { + function onInput(event) { + if (event.inputType === 'insertReplacementText') { + __unstableMarkLastChangeAsPersistent(); + } + } + + element.addEventListener('beforeinput', onInput); + return () => { + element.removeEventListener('beforeinput', onInput); + }; + }, []); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/use-firefox-compat.js /** * WordPress dependencies @@ -50318,11 +57932,6 @@ function useFirefoxCompat() { * WordPress dependencies */ -/** - * External dependencies - */ - - function FormatEdit(_ref) { let { formatTypes, @@ -50352,12 +57961,20 @@ function FormatEdit(_ref) { // links so we should not allow the link to be modified over the top. if (name === 'core/link' && !(0,external_wp_richText_namespaceObject.isCollapsed)(value)) { + var _formats$value$start, _formats; + const formats = value.formats; - const linkFormatAtStart = (0,external_lodash_namespaceObject.find)(formats[value.start], { - type: 'core/link' + const linkFormatAtStart = (_formats$value$start = formats[value.start]) === null || _formats$value$start === void 0 ? void 0 : _formats$value$start.find(_ref2 => { + let { + type + } = _ref2; + return type === 'core/link'; }); - const linkFormatAtEnd = (0,external_lodash_namespaceObject.find)(formats[value.end - 1], { - type: 'core/link' + const linkFormatAtEnd = (_formats = formats[value.end - 1]) === null || _formats === void 0 ? void 0 : _formats.find(_ref3 => { + let { + type + } = _ref3; + return type === 'core/link'; }); if (!linkFormatAtStart || !linkFormatAtEnd || linkFormatAtStart !== linkFormatAtEnd) { @@ -50420,6 +58037,7 @@ function FormatEdit(_ref) { + const keyboardShortcutContext = (0,external_wp_element_namespaceObject.createContext)(); const inputEventContext = (0,external_wp_element_namespaceObject.createContext)(); /** @@ -50469,7 +58087,6 @@ function RichTextWrapper(_ref, forwardedRef) { onReplace, placeholder, allowedFormats, - formattingControls, withoutInteractiveFormatting, onRemove, onMerge, @@ -50534,13 +58151,17 @@ function RichTextWrapper(_ref, forwardedRef) { selectionEnd, isSelected } = (0,external_wp_data_namespaceObject.useSelect)(selector); + const { + getSelectionStart, + getSelectionEnd, + getBlockRootClientId + } = (0,external_wp_data_namespaceObject.useSelect)(store); const { selectionChange } = (0,external_wp_data_namespaceObject.useDispatch)(store); const multilineTag = getMultilineTag(multiline); const adjustedAllowedFormats = getAllowedFormats({ allowedFormats, - formattingControls, disableFormats }); const hasFormats = !adjustedAllowedFormats || adjustedAllowedFormats.length > 0; @@ -50564,6 +58185,14 @@ function RichTextWrapper(_ref, forwardedRef) { const unset = start === undefined && end === undefined; if (typeof start === 'number' || unset) { + // If we are only setting the start (or the end below), which + // means a partial selection, and we're not updating a selection + // with the same client ID, abort. This means the selected block + // is a parent block. + if (end === undefined && getBlockRootClientId(clientId) !== getBlockRootClientId(getSelectionEnd().clientId)) { + return; + } + selection.start = { clientId, attributeKey: identifier, @@ -50572,6 +58201,10 @@ function RichTextWrapper(_ref, forwardedRef) { } if (typeof end === 'number' || unset) { + if (start === undefined && getBlockRootClientId(clientId) !== getBlockRootClientId(getSelectionStart().clientId)) { + return; + } + selection.end = { clientId, attributeKey: identifier, @@ -50737,7 +58370,7 @@ function RichTextWrapper(_ref, forwardedRef) { formatTypes, onReplace, selectionChange - }), useRemoveBrowserShortcuts(), useShortcuts(keyboardShortcuts), useInputEvents(inputEvents), useUndoAutomaticChange(), usePasteHandler({ + }), useInsertReplacementText(), useRemoveBrowserShortcuts(), useShortcuts(keyboardShortcuts), useInputEvents(inputEvents), useUndoAutomaticChange(), usePasteHandler({ isSelected, disableFormats, onChange, @@ -50917,7 +58550,6 @@ const PlainText = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) - function ResponsiveBlockControlLabel(_ref) { let { property, @@ -51181,7 +58813,9 @@ function ToolSelector(props, ref) { label: (0,external_wp_i18n_namespaceObject.__)('Tools') })); }, - position: "bottom right", + popoverProps: { + placement: 'bottom-start' + }, renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NavigableMenu, { role: "menu", "aria-label": (0,external_wp_i18n_namespaceObject.__)('Tools') @@ -51243,7 +58877,7 @@ const arrowLeft = (0,external_wp_element_namespaceObject.createElement)(external xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M20 10.8H6.7l4.1-4.5-1.1-1.1-5.8 6.3 5.8 5.8 1.1-1.1-4-3.9H20z" + d: "M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z" })); /* harmony default export */ var arrow_left = (arrowLeft); @@ -51312,6 +58946,7 @@ class URLInputButton extends external_wp_element_namespaceObject.Component { label: (0,external_wp_i18n_namespaceObject.__)('Close'), onClick: this.toggle }), (0,external_wp_element_namespaceObject.createElement)(url_input, { + __nextHasNoMarginBottom: true, value: url || '', onChange: onChange }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { @@ -51347,10 +58982,6 @@ const close_close = (0,external_wp_element_namespaceObject.createElement)(extern ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-popover/image-url-input-ui.js -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -51358,7 +58989,6 @@ const close_close = (0,external_wp_element_namespaceObject.createElement)(extern - /** * Internal dependencies */ @@ -51520,7 +59150,7 @@ const ImageURLInputUI = _ref => { if (!value) { linkDestinationInput = LINK_DESTINATION_NONE; } else { - linkDestinationInput = ((0,external_lodash_namespaceObject.find)(linkDestinations, destination => { + linkDestinationInput = (linkDestinations.find(destination => { return destination.url === value; }) || { linkDestination: LINK_DESTINATION_CUSTOM @@ -51550,21 +59180,26 @@ const ImageURLInputUI = _ref => { }); }; - const advancedOptions = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { + const advancedOptions = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, { + spacing: "3" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'), onChange: onSetNewTab, checked: linkTarget === '_blank' }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { - label: (0,external_wp_i18n_namespaceObject.__)('Link Rel'), + __nextHasNoMarginBottom: true, + label: (0,external_wp_i18n_namespaceObject.__)('Link rel'), value: rel !== null && rel !== void 0 ? rel : '', onChange: onSetLinkRel }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject.__)('Link CSS Class'), value: linkClass || '', onChange: onSetLinkClass })); const linkEditorValue = urlInput !== null ? urlInput : url; - const urlLabel = ((0,external_lodash_namespaceObject.find)(getLinkDestinations(), ['linkDestination', linkDestination]) || {}).title; + const urlLabel = (getLinkDestinations().find(destination => destination.linkDestination === linkDestination) || {}).title; return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { icon: library_link, className: "components-toolbar__control", @@ -51577,7 +59212,7 @@ const ImageURLInputUI = _ref => { onFocusOutside: onFocusOutside(), onClose: closeLinkUI, renderSettings: () => advancedOptions, - additionalControls: !linkEditorValue && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NavigableMenu, null, (0,external_lodash_namespaceObject.map)(getLinkDestinations(), link => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { + additionalControls: !linkEditorValue && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NavigableMenu, null, getLinkDestinations().map(link => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { key: link.linkDestination, icon: link.icon, onClick: () => { @@ -51899,6 +59534,7 @@ function DefaultStylePicker(_ref) { return onUpdatePreferredStyleVariations && (0,external_wp_element_namespaceObject.createElement)("div", { className: "default-style-picker__default-switcher" }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, { + __nextHasNoMarginBottom: true, options: selectOptions, value: preferredStyle || '', label: (0,external_wp_i18n_namespaceObject.__)('Default Style'), @@ -51906,9 +59542,350 @@ function DefaultStylePicker(_ref) { })); } +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/cog.js + + +/** + * WordPress dependencies + */ + +const cog = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + fillRule: "evenodd", + d: "M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z", + clipRule: "evenodd" +})); +/* harmony default export */ var library_cog = (cog); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/styles.js + + +/** + * WordPress dependencies + */ + +const styles = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z" +})); +/* harmony default export */ var library_styles = (styles); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/utils.js +/** + * WordPress dependencies + */ + +const TAB_SETTINGS = { + name: 'settings', + title: 'Settings', + value: 'settings', + icon: library_cog, + className: 'block-editor-block-inspector__tab-item' +}; +const TAB_STYLES = { + name: 'styles', + title: 'Styles', + value: 'styles', + icon: library_styles, + className: 'block-editor-block-inspector__tab-item' +}; +const TAB_LIST_VIEW = { + name: 'list', + title: 'List View', + value: 'list-view', + icon: list_view, + className: 'block-editor-block-inspector__tab-item' +}; + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/advanced-controls-panel.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + +const AdvancedControls = () => { + const fills = (0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(InspectorAdvancedControls.slotName); + const hasFills = Boolean(fills && fills.length); + + if (!hasFills) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { + className: "block-editor-block-inspector__advanced", + title: (0,external_wp_i18n_namespaceObject.__)('Advanced'), + initialOpen: false + }, (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "advanced" + })); +}; + +/* harmony default export */ var advanced_controls_panel = (AdvancedControls); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/position-controls-panel.js + + +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + +const PositionControls = () => { + const fills = (0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(inspector_controls_groups.position.Slot.__unstableName); + const hasFills = Boolean(fills && fills.length); + + if (!hasFills) { + return null; + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { + className: "block-editor-block-inspector__position", + title: (0,external_wp_i18n_namespaceObject.__)('Position'), + initialOpen: false + }, (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "position" + })); +}; + +/* harmony default export */ var position_controls_panel = (PositionControls); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/settings-tab.js + + +/** + * Internal dependencies + */ + + + + +const SettingsTab = _ref => { + let { + showAdvancedControls = false + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, null), (0,external_wp_element_namespaceObject.createElement)(position_controls_panel, null), showAdvancedControls && (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(advanced_controls_panel, null))); +}; + +/* harmony default export */ var settings_tab = (SettingsTab); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/styles-tab.js + + +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + + + + +const StylesTab = _ref => { + let { + blockName, + clientId, + hasBlockStyles + } = _ref; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, hasBlockStyles && (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { + title: (0,external_wp_i18n_namespaceObject.__)('Styles') + }, (0,external_wp_element_namespaceObject.createElement)(block_styles, { + clientId: clientId + }), (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'defaultStylePicker', true) && (0,external_wp_element_namespaceObject.createElement)(DefaultStylePicker, { + blockName: blockName + }))), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "color", + label: (0,external_wp_i18n_namespaceObject.__)('Color'), + className: "color-block-support-panel__inner-wrapper" + }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "typography", + label: (0,external_wp_i18n_namespaceObject.__)('Typography') + }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "dimensions", + label: (0,external_wp_i18n_namespaceObject.__)('Dimensions') + }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "border", + label: (0,external_wp_i18n_namespaceObject.__)('Border') + }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "styles" + })); +}; + +/* harmony default export */ var styles_tab = (StylesTab); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/use-is-list-view-tab-disabled.js +// List view tab restricts the blocks that may render to it via the +// allowlist below. +const allowlist = ['core/navigation']; +const useIsListViewTabDisabled = blockName => { + return !allowlist.includes(blockName); +}; +/* harmony default export */ var use_is_list_view_tab_disabled = (useIsListViewTabDisabled); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/index.js + + +/** + * WordPress dependencies + */ + +/** + * Internal dependencies + */ + + + + + + +function InspectorControlsTabs(_ref) { + let { + blockName, + clientId, + hasBlockStyles, + tabs + } = _ref; + // The tabs panel will mount before fills are rendered to the list view + // slot. This means the list view tab isn't initially included in the + // available tabs so the panel defaults selection to the settings tab + // which at the time is the first tab. This check allows blocks known to + // include the list view tab to set it as the tab selected by default. + const initialTabName = !use_is_list_view_tab_disabled(blockName) ? TAB_LIST_VIEW.name : undefined; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TabPanel, { + className: "block-editor-block-inspector__tabs", + tabs: tabs, + initialTabName: initialTabName, + key: clientId + }, tab => { + if (tab.name === TAB_SETTINGS.name) { + return (0,external_wp_element_namespaceObject.createElement)(settings_tab, { + showAdvancedControls: !!blockName + }); + } + + if (tab.name === TAB_STYLES.name) { + return (0,external_wp_element_namespaceObject.createElement)(styles_tab, { + blockName: blockName, + clientId: clientId, + hasBlockStyles: hasBlockStyles + }); + } + + if (tab.name === TAB_LIST_VIEW.name) { + return (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "list" + }); + } + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.js +/** + * WordPress dependencies + */ + + +/** + * Internal dependencies + */ + + + + + + +const use_inspector_controls_tabs_EMPTY_ARRAY = []; + +function getShowTabs(blockName) { + let tabSettings = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; + + // Block specific setting takes precedence over generic default. + if (tabSettings[blockName] !== undefined) { + return tabSettings[blockName]; + } // Use generic default if set over the Gutenberg experiment option. + + + if (tabSettings.default !== undefined) { + return tabSettings.default; + } + + return true; +} + +function useInspectorControlsTabs(blockName) { + const tabs = []; + const { + border: borderGroup, + color: colorGroup, + default: defaultGroup, + dimensions: dimensionsGroup, + list: listGroup, + position: positionGroup, + styles: stylesGroup, + typography: typographyGroup + } = inspector_controls_groups; // List View Tab: If there are any fills for the list group add that tab. + + const listViewDisabled = use_is_list_view_tab_disabled(blockName); + const listFills = (0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(listGroup.Slot.__unstableName); + const hasListFills = !listViewDisabled && !!listFills && listFills.length; // Styles Tab: Add this tab if there are any fills for block supports + // e.g. border, color, spacing, typography, etc. + + const styleFills = [...((0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(borderGroup.Slot.__unstableName) || []), ...((0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(colorGroup.Slot.__unstableName) || []), ...((0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(dimensionsGroup.Slot.__unstableName) || []), ...((0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(stylesGroup.Slot.__unstableName) || []), ...((0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(typographyGroup.Slot.__unstableName) || [])]; + const hasStyleFills = styleFills.length; // Settings Tab: If we don't have multiple tabs to display + // (i.e. both list view and styles), check only the default and position + // InspectorControls slots. If we have multiple tabs, we'll need to check + // the advanced controls slot as well to ensure they are rendered. + + const advancedFills = (0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(InspectorAdvancedControls.slotName) || []; + const settingsFills = [...((0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(defaultGroup.Slot.__unstableName) || []), ...((0,external_wp_components_namespaceObject.__experimentalUseSlotFills)(positionGroup.Slot.__unstableName) || []), ...(hasListFills && hasStyleFills > 1 ? advancedFills : [])]; // Add the tabs in the order that they will default to if available. + // List View > Settings > Styles. + + if (hasListFills) { + tabs.push(TAB_LIST_VIEW); + } + + if (settingsFills.length) { + tabs.push(TAB_SETTINGS); + } + + if (hasStyleFills) { + tabs.push(TAB_STYLES); + } + + const tabSettings = (0,external_wp_data_namespaceObject.useSelect)(select => { + return select(store).getSettings().blockInspectorTabs; + }, []); + const showTabs = getShowTabs(blockName, tabSettings); + return showTabs ? tabs : use_inspector_controls_tabs_EMPTY_ARRAY; +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-inspector/index.js + /** * WordPress dependencies */ @@ -51932,8 +59909,12 @@ function DefaultStylePicker(_ref) { + + + + function useContentBlocks(blockTypes, block) { - const contenBlocksObjectAux = (0,external_wp_element_namespaceObject.useMemo)(() => { + const contentBlocksObjectAux = (0,external_wp_element_namespaceObject.useMemo)(() => { return blockTypes.reduce((result, blockType) => { if (blockType.name !== 'core/list-item' && Object.entries(blockType.attributes).some(_ref => { let [, { @@ -51948,7 +59929,7 @@ function useContentBlocks(blockTypes, block) { }, {}); }, [blockTypes]); const isContentBlock = (0,external_wp_element_namespaceObject.useCallback)(blockName => { - return !!contenBlocksObjectAux[blockName]; + return !!contentBlocksObjectAux[blockName]; }, [blockTypes]); return (0,external_wp_element_namespaceObject.useMemo)(() => { return getContentBlocks([block], isContentBlock); @@ -52014,7 +59995,9 @@ function BlockInspectorLockedBlocks(_ref4) { const contentBlocks = useContentBlocks(blockTypes, block); return (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-block-inspector" - }, (0,external_wp_element_namespaceObject.createElement)(block_card, blockInformation), (0,external_wp_element_namespaceObject.createElement)(block_variation_transforms, { + }, (0,external_wp_element_namespaceObject.createElement)(block_card, _extends({}, blockInformation, { + className: blockInformation.isSynced && 'is-synced' + })), (0,external_wp_element_namespaceObject.createElement)(block_variation_transforms, { blockClientId: topLevelLockedBlock }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalVStack, { spacing: 1, @@ -52063,24 +60046,39 @@ const BlockInspector = _ref5 => { topLevelLockedBlock: __unstableGetContentLockingParent(_selectedBlockClientId) || (getTemplateLock(_selectedBlockClientId) === 'contentOnly' ? _selectedBlockClientId : undefined) }; }, []); + const availableTabs = useInspectorControlsTabs(blockType === null || blockType === void 0 ? void 0 : blockType.name); + const showTabs = (availableTabs === null || availableTabs === void 0 ? void 0 : availableTabs.length) > 1; + const blockInspectorAnimationSettings = (0,external_wp_data_namespaceObject.useSelect)(select => { + if (blockType) { + const globalBlockInspectorAnimationSettings = select(store).getSettings().__experimentalBlockInspectorAnimation; + + return globalBlockInspectorAnimationSettings === null || globalBlockInspectorAnimationSettings === void 0 ? void 0 : globalBlockInspectorAnimationSettings[blockType.name]; + } + + return null; + }, [selectedBlockClientId, blockType]); if (count > 1) { return (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-block-inspector" - }, (0,external_wp_element_namespaceObject.createElement)(multi_selection_inspector, null), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, null), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "color", + }, (0,external_wp_element_namespaceObject.createElement)(multi_selection_inspector, null), showTabs ? (0,external_wp_element_namespaceObject.createElement)(InspectorControlsTabs, { + tabs: availableTabs + }) : (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, null), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "color", label: (0,external_wp_i18n_namespaceObject.__)('Color'), className: "color-block-support-panel__inner-wrapper" }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "typography", + group: "typography", label: (0,external_wp_i18n_namespaceObject.__)('Typography') }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "dimensions", + group: "dimensions", label: (0,external_wp_i18n_namespaceObject.__)('Dimensions') }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "border", + group: "border", label: (0,external_wp_i18n_namespaceObject.__)('Border') - })); + }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "styles" + }))); } const isSelectedBlockUnregistered = selectedBlockName === (0,external_wp_blocks_namespaceObject.getUnregisteredTypeHandlerName)(); @@ -52105,17 +60103,58 @@ const BlockInspector = _ref5 => { }); } - return (0,external_wp_element_namespaceObject.createElement)(BlockInspectorSingleBlock, { + return (0,external_wp_element_namespaceObject.createElement)(BlockInspectorSingleBlockWrapper, { + animate: blockInspectorAnimationSettings, + wrapper: children => (0,external_wp_element_namespaceObject.createElement)(AnimatedContainer, { + blockInspectorAnimationSettings: blockInspectorAnimationSettings, + selectedBlockClientId: selectedBlockClientId + }, children) + }, (0,external_wp_element_namespaceObject.createElement)(BlockInspectorSingleBlock, { clientId: selectedBlockClientId, blockName: blockType.name - }); + })); }; -const BlockInspectorSingleBlock = _ref6 => { +const BlockInspectorSingleBlockWrapper = _ref6 => { + let { + animate, + wrapper, + children + } = _ref6; + return animate ? wrapper(children) : children; +}; + +const AnimatedContainer = _ref7 => { + let { + blockInspectorAnimationSettings, + selectedBlockClientId, + children + } = _ref7; + const animationOrigin = blockInspectorAnimationSettings && blockInspectorAnimationSettings.enterDirection === 'leftToRight' ? -50 : 50; + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableMotion.div, { + animate: { + x: 0, + opacity: 1, + transition: { + ease: 'easeInOut', + duration: 0.14 + } + }, + initial: { + x: animationOrigin, + opacity: 0 + }, + key: selectedBlockClientId + }, children); +}; + +const BlockInspectorSingleBlock = _ref8 => { let { clientId, blockName - } = _ref6; + } = _ref8; + const availableTabs = useInspectorControlsTabs(blockName); + const showTabs = (availableTabs === null || availableTabs === void 0 ? void 0 : availableTabs.length) > 1; const hasBlockStyles = (0,external_wp_data_namespaceObject.useSelect)(select => { const { getBlockStyles @@ -52126,49 +60165,40 @@ const BlockInspectorSingleBlock = _ref6 => { const blockInformation = useBlockDisplayInformation(clientId); return (0,external_wp_element_namespaceObject.createElement)("div", { className: "block-editor-block-inspector" - }, (0,external_wp_element_namespaceObject.createElement)(block_card, blockInformation), (0,external_wp_element_namespaceObject.createElement)(block_variation_transforms, { + }, (0,external_wp_element_namespaceObject.createElement)(block_card, _extends({}, blockInformation, { + className: blockInformation.isSynced && 'is-synced' + })), (0,external_wp_element_namespaceObject.createElement)(block_variation_transforms, { blockClientId: clientId - }), hasBlockStyles && (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { + }), showTabs && (0,external_wp_element_namespaceObject.createElement)(InspectorControlsTabs, { + hasBlockStyles: hasBlockStyles, + clientId: clientId, + blockName: blockName, + tabs: availableTabs + }), !showTabs && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, hasBlockStyles && (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { title: (0,external_wp_i18n_namespaceObject.__)('Styles') }, (0,external_wp_element_namespaceObject.createElement)(block_styles, { - scope: "core/block-inspector", clientId: clientId }), (0,external_wp_blocks_namespaceObject.hasBlockSupport)(blockName, 'defaultStylePicker', true) && (0,external_wp_element_namespaceObject.createElement)(DefaultStylePicker, { blockName: blockName }))), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, null), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "color", + group: "color", label: (0,external_wp_i18n_namespaceObject.__)('Color'), className: "color-block-support-panel__inner-wrapper" }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "typography", + group: "typography", label: (0,external_wp_i18n_namespaceObject.__)('Typography') }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "dimensions", + group: "dimensions", label: (0,external_wp_i18n_namespaceObject.__)('Dimensions') }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "border", + group: "border", label: (0,external_wp_i18n_namespaceObject.__)('Border') - }), (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(AdvancedControls, null)), (0,external_wp_element_namespaceObject.createElement)(skip_to_selected_block, { + }), (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { + group: "styles" + }), (0,external_wp_element_namespaceObject.createElement)(position_controls_panel, null), (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(advanced_controls_panel, null))), (0,external_wp_element_namespaceObject.createElement)(skip_to_selected_block, { key: "back" })); }; - -const AdvancedControls = () => { - const slot = (0,external_wp_components_namespaceObject.__experimentalUseSlot)(InspectorAdvancedControls.slotName); - const hasFills = Boolean(slot.fills && slot.fills.length); - - if (!hasFills) { - return null; - } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { - className: "block-editor-block-inspector__advanced", - title: (0,external_wp_i18n_namespaceObject.__)('Advanced'), - initialOpen: false - }, (0,external_wp_element_namespaceObject.createElement)(inspector_controls.Slot, { - __experimentalGroup: "advanced" - })); -}; /** * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-inspector/README.md */ @@ -52258,6 +60288,19 @@ function ZoomOutModeInserters(_ref) { + +function block_tools_selector(select) { + const { + __unstableGetEditorMode, + getSettings, + isTyping + } = select(store); + return { + isZoomOutMode: __unstableGetEditorMode() === 'zoom-out', + hasFixedToolbar: getSettings().hasFixedToolbar, + isTyping: isTyping() + }; +} /** * Renders block tools (the block toolbar, select/navigation mode toolbar, the * insertion point and a slot for the inline rich text toolbar). Must be wrapped @@ -52268,6 +60311,7 @@ function ZoomOutModeInserters(_ref) { * @param {Object} $0.__unstableContentRef Ref holding the content scroll container. */ + function BlockTools(_ref) { let { children, @@ -52277,17 +60321,9 @@ function BlockTools(_ref) { const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); const { hasFixedToolbar, - isZoomOutMode - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - __unstableGetEditorMode, - getSettings - } = select(store); - return { - isZoomOutMode: __unstableGetEditorMode() === 'zoom-out', - hasFixedToolbar: getSettings().hasFixedToolbar - }; - }, []); + isZoomOutMode, + isTyping + } = (0,external_wp_data_namespaceObject.useSelect)(block_tools_selector, []); const isMatch = (0,external_wp_keyboardShortcuts_namespaceObject.__unstableUseShortcutEventMatch)(); const { getSelectedBlockClientIds, @@ -52369,7 +60405,7 @@ function BlockTools(_ref) { onKeyDown: onKeyDown }), (0,external_wp_element_namespaceObject.createElement)(insertion_point_InsertionPointOpenRef.Provider, { value: (0,external_wp_element_namespaceObject.useRef)(false) - }, !isZoomOutMode && (0,external_wp_element_namespaceObject.createElement)(InsertionPoint, { + }, !isTyping && (0,external_wp_element_namespaceObject.createElement)(InsertionPoint, { __unstableContentRef: __unstableContentRef }), !isZoomOutMode && (hasFixedToolbar || !isLargeViewport) && (0,external_wp_element_namespaceObject.createElement)(block_contextual_toolbar, { isFixed: true @@ -52941,7 +60977,7 @@ function useTypewriter() { return; } - const windowScroll = scrollContainer === ownerDocument.body; + const windowScroll = scrollContainer === ownerDocument.body || scrollContainer === ownerDocument.documentElement; const scrollY = windowScroll ? defaultView.scrollY : scrollContainer.scrollTop; const scrollContainerY = windowScroll ? 0 : scrollContainer.getBoundingClientRect().top; const relativeScrollPosition = windowScroll ? caretRect.top / defaultView.innerHeight : (caretRect.top - scrollContainerY) / (defaultView.innerHeight - scrollContainerY); // If the scroll position is at the start, the active editable element @@ -53330,6 +61366,7 @@ function PublishDateTimePicker(_ref, ref) { + /* @@ -53412,7 +61449,7 @@ function matchesAttributes(blockAttributes, variation) { * * @param {Object} blockAttributes - The block attributes to try to find a match. * @param {WPBlockVariation[]} variations - A list of block variations to test for a match. - * @return {?WPBlockVariation} - If a match is found returns it. If not or more than one matches are found returns `undefined`. + * @return {WPBlockVariation | undefined} - If a match is found returns it. If not or more than one matches are found returns `undefined`. */ @@ -53566,7 +61603,7 @@ function isMathExpression(cssUnit) { function evalMathExpression(cssUnit) { let errorFound = false; // Convert every part of the expression to px values. - const cssUnitsBits = cssUnit.split(/[+-/*/]/g).filter(Boolean); + const cssUnitsBits = cssUnit.split(/(?!^-)[+*\/-](\s?-)?/g).filter(Boolean); for (const unit of cssUnitsBits) { // Standardize the unit to px and extract the value. @@ -53735,6 +61772,7 @@ function hashOptions(options) { + }(); (window.wp = window.wp || {}).blockEditor = __webpack_exports__; /******/ })() diff --git a/wp-includes/js/dist/block-editor.min.js b/wp-includes/js/dist/block-editor.min.js index 724901f213..bc7d840e69 100644 --- a/wp-includes/js/dist/block-editor.min.js +++ b/wp-includes/js/dist/block-editor.min.js @@ -4,12 +4,12 @@ autosize 4.0.4 license: MIT http://www.jacklmoore.com/autosize -*/o=[e,t],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&&p()},a=function(t){window.removeEventListener("resize",i,!1),e.removeEventListener("input",p,!1),e.removeEventListener("keyup",p,!1),e.removeEventListener("autosize:destroy",a,!1),e.removeEventListener("autosize:update",p,!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",a,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",p,!1),window.addEventListener("resize",i,!1),e.addEventListener("input",p,!1),e.addEventListener("autosize:update",p,!1),e.style.overflowX="hidden",e.style.wordWrap="break-word",r.set(e,{destroy:a,update:p}),s()}function s(){var n=window.getComputedStyle(e,null);"vertical"===n.resize?e.style.resize="none":"both"===n.resize&&(e.style.resize="horizontal"),t="content-box"===n.boxSizing?-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),isNaN(t)&&(t=0),p()}function c(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t}function u(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}function d(){if(0!==e.scrollHeight){var o=u(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 p(){d();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-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&&p()},s=function(t){window.removeEventListener("resize",i,!1),e.removeEventListener("input",p,!1),e.removeEventListener("keyup",p,!1),e.removeEventListener("autosize:destroy",s,!1),e.removeEventListener("autosize:update",p,!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",p,!1),window.addEventListener("resize",i,!1),e.addEventListener("input",p,!1),e.addEventListener("autosize:update",p,!1),e.style.overflowX="hidden",e.style.wordWrap="break-word",r.set(e,{destroy:s,update:p}),a()}function a(){var n=window.getComputedStyle(e,null);"vertical"===n.resize?e.style.resize="none":"both"===n.resize&&(e.style.resize="horizontal"),t="content-box"===n.boxSizing?-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),isNaN(t)&&(t=0),p()}function c(t){var n=e.style.width;e.style.width="0px",e.offsetWidth,e.style.width=n,e.style.overflowY=t}function u(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}function d(){if(0!==e.scrollHeight){var o=u(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 p(){d();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(re.length?n:e})),c.value=e.join(d)}else c.value=e.join(n.slice(a,a+c.count));a+=c.count,c.added||(s+=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 a(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 s=(t=this.removeEmpty(this.tokenize(t))).length,c=e.length,u=1,d=s+c,p=[{newPos:-1,components:[]}],m=this.extractCommon(p[0],t,e,0);if(p[0].newPos+1>=s&&m+1>=c)return a([{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=s&&f+1>=c)return a(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,a=i-o,s=0;i+10?!0===i?o.scrollTop(t,_.top+k.top):!1===i?o.scrollTop(t,_.top+y.top):k.top<0?o.scrollTop(t,_.top+k.top):o.scrollTop(t,_.top+y.top):l||((i=void 0===i||!!i)?o.scrollTop(t,_.top+k.top):o.scrollTop(t,_.top+y.top)),r&&(k.left<0||y.left>0?!0===a?o.scrollLeft(t,_.left+k.left):!1===a?o.scrollLeft(t,_.left+y.left):k.left<0?o.scrollLeft(t,_.left+k.left):o.scrollLeft(t,_.left+y.left):l||((a=void 0===a||!!a)?o.scrollLeft(t,_.left+k.left):o.scrollLeft(t,_.left+y.left)))}},5425:function(e,t,n){"use strict";e.exports=n(1345)},5022:function(e){"use strict";var t=Object.assign||function(e){for(var t=1;tt},ie64:function(){return b.ie()&&d},firefox:function(){return v()||n},opera:function(){return v()||o},webkit:function(){return v()||r},safari:function(){return b.webkit()},chrome:function(){return v()||l},windows:function(){return v()||s},osx:function(){return v()||a},linux:function(){return v()||c},iphone:function(){return v()||p},mobile:function(){return v()||p||m||u||g},nativeApp:function(){return v()||f},android:function(){return v()||u},ipad:function(){return v()||m}};e.exports=b},7939:function(e,t,n){"use strict";var o,r=n(3110);r.canUseDOM&&(o=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")) +*/!function(){"use strict";var o={}.hasOwnProperty;function r(){for(var e=[],t=0;te.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 g(){for(var n=-1*u;n<=u;n+=2){var l=void 0,d=p[n-1],m=p[n+1],g=(m?m.newPos:0)-n;d&&(p[n-1]=void 0);var f=d&&d.newPos+1=a&&g+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();g()||e()}),0)}();else for(;u<=d;){var f=g();if(f)return f}},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+10?!0===i?o.scrollTop(t,_.top+k.top):!1===i?o.scrollTop(t,_.top+y.top):k.top<0?o.scrollTop(t,_.top+k.top):o.scrollTop(t,_.top+y.top):l||((i=void 0===i||!!i)?o.scrollTop(t,_.top+k.top):o.scrollTop(t,_.top+y.top)),r&&(k.left<0||y.left>0?!0===s?o.scrollLeft(t,_.left+k.left):!1===s?o.scrollLeft(t,_.left+y.left):k.left<0?o.scrollLeft(t,_.left+k.left):o.scrollLeft(t,_.left+y.left):l||((s=void 0===s||!!s)?o.scrollLeft(t,_.left+k.left):o.scrollLeft(t,_.left+y.left)))}},5425:function(e,t,n){"use strict";e.exports=n(1345)},5022:function(e){"use strict";var t=Object.assign||function(e){for(var t=1;tt},ie64:function(){return b.ie()&&d},firefox:function(){return v()||n},opera:function(){return v()||o},webkit:function(){return v()||r},safari:function(){return b.webkit()},chrome:function(){return v()||l},windows:function(){return v()||a},osx:function(){return v()||s},linux:function(){return v()||c},iphone:function(){return v()||p},mobile:function(){return v()||p||m||u||f},nativeApp:function(){return v()||g},android:function(){return v()||u},ipad:function(){return v()||m}};e.exports=b},7939:function(e,t,n){"use strict";var o,r=n(3110);r.canUseDOM&&(o=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")) /** * Checks if an event is supported in the current execution environment. * @@ -23,4 +23,19 @@ * @return {boolean} True if the event is supported. * @internal * @license Modernizr 3.0.0pre (Custom Build) | MIT - */,e.exports=function(e,t){if(!r.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,l=n in document;if(!l){var i=document.createElement("div");i.setAttribute(n,"return;"),l="function"==typeof i[n]}return!l&&o&&"wheel"===e&&(l=document.implementation.hasFeature("Events.wheel","3.0")),l}},195:function(e,t,n){"use strict";var o=n(3812),r=n(7939);function l(e){var t=0,n=0,o=0,r=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),o=10*t,r=10*n,"deltaY"in e&&(r=e.deltaY),"deltaX"in e&&(o=e.deltaX),(o||r)&&e.deltaMode&&(1==e.deltaMode?(o*=40,r*=40):(o*=800,r*=800)),o&&!t&&(t=o<1?-1:1),r&&!n&&(n=r<1?-1:1),{spinX:t,spinY:n,pixelX:o,pixelY:r}}l.getEventType=function(){return o.firefox()?"DOMMouseScroll":r("wheel")?"wheel":"mousewheel"},e.exports=l},5372:function(e,t,n){"use strict";var o=n(9567);function r(){}function l(){}l.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,l,i){if(i!==o){var a=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 a.name="Invariant Violation",a}}function t(){return e}e.isRequired=e;var n={array:e,bigint: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}},2652:function(e,t,n){e.exports=n(5372)()},9567:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},5438: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 n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,o=arguments.length;n3&&void 0!==arguments[3]?arguments[3]:1;const r=[...e];return r.splice(t,o),b(r,e.slice(t,t+o),n)}const k=e=>e;function y(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n={[t]:[]};return e.forEach((e=>{const{clientId:o,innerBlocks:r}=e;n[t].push(o),Object.assign(n,y(r,o))})),n}function E(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.reduce(((e,n)=>Object.assign(e,{[n.clientId]:t},E(n.innerBlocks,n.clientId))),{})}function C(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:k;const n={},o=[...e];for(;o.length;){const{innerBlocks:e,...r}=o.shift();o.push(...e),n[r.clientId]=t(r)}return n}function S(e){return C(e,(e=>(0,u.omit)(e,"attributes")))}function w(e){return C(e,(e=>e.attributes))}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)(Object.keys(e),Object.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){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];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)(p.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=>function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;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.filter((t=>!e[t])).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):e.push(""),n.toRootClientId&&e.push(n.toRootClientId),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=Object.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(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.tree={...l.tree,...(0,u.reduce)(o,((e,n,o)=>{const r=`controlled||${o}`;return t.tree[r]&&(e[r]=t.tree[r]),e}),{})}),l}),(e=>(t,n)=>{if("RESET_BLOCKS"===n.type){const e={...t,byClientId:S(n.blocks),attributes:w(n.blocks),order:y(n.blocks),parents:E(n.blocks),controlledInnerBlocks:{},visibility:{}},o=I(e,n.blocks);return e.tree={...o,"":{innerBlocks:n.blocks.map((e=>o[e.clientId]))}},e}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 a;n="MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"===r.type;const e=null===(a=null==o?void 0:o.isPersistentChange)||void 0===a||a;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}}),(e=>(t,n)=>{if("SET_HAS_CONTROLLED_INNER_BLOCKS"===n.type){const o=e(t,{type:"REPLACE_INNER_BLOCKS",rootClientId:n.clientId,blocks:[]});return e(o,n)}return e(t,n)}))({byClientId(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":return{...e,...S(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),...S(t.blocks)}:e;case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},attributes(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;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(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RECEIVE_BLOCKS":{const n=y(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=y(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]:_(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=n[0],l=e[o];if(!l.length||r===l[0])return e;const i=l.indexOf(r);return{...e,[o]:_(l,i,i-1,n.length)}}case"MOVE_BLOCKS_DOWN":{const{clientIds:n,rootClientId:o=""}=t,r=n[0],l=n[n.length-1],i=e[o];if(!i.length||l===i[i.length-1])return e;const a=i.indexOf(r);return{...e,[o]:_(i,a,a+1,n.length)}}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const{clientIds:n}=t;if(!t.blocks)return e;const o=y(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(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RECEIVE_BLOCKS":return{...e,...E(t.blocks)};case"INSERT_BLOCKS":return{...e,...E(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),...E(t.blocks,e[t.clientIds[0]])};case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":return(0,u.omit)(e,t.removedClientIds)}return e},controlledInnerBlocks(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{type:t,clientId:n,hasControlledInnerBlocks:o}=arguments.length>1?arguments[1]:void 0;return"SET_HAS_CONTROLLED_INNER_BLOCKS"===t?{...e,[n]:o}:e},visibility(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return"SET_BLOCK_VISIBILITY"===t.type?{...e,...t.updates}:e}});function N(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;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=(0,p.combineReducers)({blocks:T,isTyping:function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"START_TYPING":return!0;case"STOP_TYPING":return!1}return e},draggedBlocks:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"START_DRAGGING_BLOCKS":return t.clientIds;case"STOP_DRAGGING_BLOCKS":return[]}return e},selection:function(){var e,t,n,o;let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=arguments.length>1?arguments[1]:void 0;switch(l.type){case"SELECTION_CHANGE":return l.clientId?{selectionStart:{clientId:l.clientId,attributeKey:l.attributeKey,offset:l.startOffset},selectionEnd:{clientId:l.clientId,attributeKey:l.attributeKey,offset:l.endOffset}}:{selectionStart:l.start||r.selectionStart,selectionEnd:l.end||r.selectionEnd};case"RESET_SELECTION":const{selectionStart:i,selectionEnd:a}=l;return{selectionStart:i,selectionEnd:a};case"MULTI_SELECT":const{start:s,end:c}=l;return s===(null===(e=r.selectionStart)||void 0===e?void 0:e.clientId)&&c===(null===(t=r.selectionEnd)||void 0===t?void 0:t.clientId)?r:{selectionStart:{clientId:s},selectionEnd:{clientId:c}};case"RESET_BLOCKS":const u=null==r||null===(n=r.selectionStart)||void 0===n?void 0:n.clientId,d=null==r||null===(o=r.selectionEnd)||void 0===o?void 0:o.clientId;if(!u&&!d)return r;if(!l.blocks.some((e=>e.clientId===u)))return{selectionStart:{},selectionEnd:{}};if(!l.blocks.some((e=>e.clientId===d)))return{...r,selectionEnd:r.selectionStart}}return{selectionStart:N(r.selectionStart,l),selectionEnd:N(r.selectionEnd,l)}},isMultiSelecting:function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"START_MULTI_SELECT":return!0;case"STOP_MULTI_SELECT":return!1}return e},isSelectionEnabled:function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0;return"TOGGLE_SELECTION"===t.type?t.isSelectionEnabled:e},initialPosition:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;return"REPLACE_BLOCKS"===t.type&&void 0!==t.initialPosition||["MULTI_SELECT","SELECT_BLOCK","RESET_SELECTION","INSERT_BLOCKS","REPLACE_INNER_BLOCKS"].includes(t.type)?t.initialPosition:e},blocksMode:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;if("TOGGLE_BLOCK_MODE"===t.type){const{clientId:n}=t;return{...e,[n]:e[n]&&"html"===e[n]?"visual":"html"}}return e},blockListSettings:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;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(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;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(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{isValid:!0},t=arguments.length>1?arguments[1]:void 0;return"SET_TEMPLATE_VALIDITY"===t.type?{...e,isValid:t.isValid}:e},settings:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:v,t=arguments.length>1?arguments[1]:void 0;return"UPDATE_SETTINGS"===t.type?{...e,...t.settings}:e},preferences:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:h,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"INSERT_BLOCKS":case"REPLACE_BLOCKS":return t.blocks.reduce(((e,n)=>{const{attributes:o,name:l}=n,i=(0,p.select)(r.store).getActiveBlockVariation(l,o);let a=null!=i&&i.name?`${l}/${i.name}`:l;const s={name:a};return"core/block"===l&&(s.ref=o.ref,a+="/"+o.ref),{...e,insertUsage:{...e.insertUsage,[a]:{time:t.time,count:e.insertUsage[a]?e.insertUsage[a].count+1:1,insert:s}}}}),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},editorMode:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"edit",t=arguments.length>1?arguments[1]:void 0;return"INSERT_BLOCKS"===t.type&&"navigation"===e?"edit":"SET_EDITOR_MODE"===t.type?t.mode:e},hasBlockMovingClientId:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;return"SET_BLOCK_MOVING_MODE"===t.type?t.hasBlockMovingClientId:"SET_EDITOR_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"SET_BLOCK_VISIBILITY":case"START_TYPING":case"STOP_TYPING":case"UPDATE_BLOCK_LIST_SETTINGS":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(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;switch(n.type){case"INSERT_BLOCKS":if(!n.blocks.length)return t;return{clientId:n.blocks[0].clientId,source:null===(e=n.meta)||void 0===e?void 0:e.source};case"RESET_BLOCKS":return{}}return t},temporarilyEditingAsBlocks:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0;return"SET_TEMPORARILY_EDITING_AS_BLOCKS"===t.type?t.temporarilyEditingAsBlocks:e}}),M={};function L(e){return[e]}function R(e,t,n){var o;if(e.length!==t.length)return!1;for(o=n;o{const n=e.blocks.byClientId[t];return n?{...n,attributes:$(e,t)}:null}),((e,t)=>[e.blocks.byClientId[t],e.blocks.attributes[t]]));function q(e,t){var n;const o=t&&Ft(e,t)?"controlled||"+t:t||"";return(null===(n=e.blocks.tree[o])||void 0===n?void 0:n.innerBlocks)||G}const Y=A(((e,t)=>({clientId:t,innerBlocks:Q(e,t)})),(e=>[e.blocks.order])),Q=A((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(0,u.map)(Ae(e,t),(t=>Y(e,t)))}),(e=>[e.blocks.order])),Z=A(((e,t)=>{const n=[];for(const o of t)for(const t of Ae(e,o))n.push(t,...Z(e,[t]));return n}),(e=>[e.blocks.order])),X=A((e=>{const t=[];for(const n of Ae(e))t.push(n,...Z(e,[n]));return t}),(e=>[e.blocks.order])),J=A(((e,t)=>{const n=X(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])),ee=A(((e,t)=>{if(!t)return G;const n=X(e).filter((n=>e.blocks.byClientId[n].name===t));return n.length>0?n:G}),(e=>[e.blocks.order,e.blocks.byClientId])),te=A(((e,t)=>(0,u.map)((0,u.castArray)(t),(t=>j(e,t)))),((e,t)=>(0,u.map)((0,u.castArray)(t),(t=>e.blocks.tree[t]))));function ne(e,t){return Ae(e,t).length}function oe(e){return e.selection.selectionStart}function re(e){return e.selection.selectionEnd}function le(e){return e.selection.selectionStart.clientId}function ie(e){return e.selection.selectionEnd.clientId}function ae(e){const t=ye(e).length;return t||(e.selection.selectionStart.clientId?1:0)}function se(e){const{selectionStart:t,selectionEnd:n}=e.selection;return!!t.clientId&&t.clientId===n.clientId}function ce(e){const{selectionStart:t,selectionEnd:n}=e.selection,{clientId:o}=t;return o&&o===n.clientId?o:null}function ue(e){const t=ce(e);return t?j(e,t):null}function de(e,t){return void 0!==e.blocks.parents[t]?e.blocks.parents[t]:null}const pe=A((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];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])),me=A((function(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];const r=pe(e,t,o);return(0,u.map)((0,u.filter)((0,u.map)(r,(t=>({id:t,name:U(e,t)}))),(e=>{let{name:t}=e;return Array.isArray(n)?n.includes(t):t===n})),(e=>{let{id:t}=e;return t}))}),(e=>[e.blocks.parents]));function fe(e,t){let n,o=t;do{n=o,o=e.blocks.parents[o]}while(o);return n}function ge(e,t){const n=ce(e),o=[...pe(e,t),t],r=[...pe(e,n),n];let l;const i=Math.min(o.length,r.length);for(let e=0;e2&&void 0!==arguments[2]?arguments[2]:1;if(void 0===t&&(t=ce(e)),void 0===t&&(t=n<0?Ce(e):Se(e)),!t)return null;const o=de(e,t);if(null===o)return null;const{order:r}=e.blocks,l=r[o],i=l.indexOf(t),a=i+1*n;return a<0||a===l.length?null:l[a]}function ve(e,t){return he(e,t,-1)}function be(e,t){return he(e,t,1)}function _e(e){return e.initialPosition}const ke=A((e=>{const{selectionStart:t,selectionEnd:n}=e.selection;if(void 0===t.clientId||void 0===n.clientId)return G;if(t.clientId===n.clientId)return[t.clientId];const o=de(e,t.clientId);if(null===o)return G;const r=Ae(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 ye(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?G:ke(e)}const Ee=A((e=>{const t=ye(e);return t.length?t.map((t=>j(e,t))):G}),(e=>[...ke.getDependants(e),e.blocks.byClientId,e.blocks.order,e.blocks.attributes]));function Ce(e){return ye(e)[0]||null}function Se(e){const t=ye(e);return t[t.length-1]||null}function we(e,t){return Ce(e)===t}function Be(e,t){return-1!==ye(e).indexOf(t)}const Ie=A(((e,t)=>{let n=t,o=!1;for(;n&&!o;)n=de(e,n),o=Be(e,n);return o}),(e=>[e.blocks.order,e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId]));function xe(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:t.clientId||null}function Te(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:n.clientId||null}function Ne(e){const t=oe(e),n=re(e);return!t.attributeKey&&!n.attributeKey&&void 0===t.offset&&void 0===n.offset}function Pe(e){const t=oe(e),n=re(e);return!!t&&!!n&&t.clientId===n.clientId&&t.attributeKey===n.attributeKey&&t.offset===n.offset}function Me(e){return ke(e).some((t=>{const n=U(e,t);return!(0,r.getBlockType)(n).merge}))}function Le(e,t){const n=oe(e),o=re(e);if(n.clientId===o.clientId)return!1;if(!n.attributeKey||!o.attributeKey||void 0===n.offset||void 0===o.offset)return!1;const l=de(e,n.clientId);if(l!==de(e,o.clientId))return!1;const i=Ae(e,l);let a,s;i.indexOf(n.clientId)>i.indexOf(o.clientId)?(a=o,s=n):(a=n,s=o);const c=t?s.clientId:a.clientId,u=t?a.clientId:s.clientId,d=U(e,c);if(!(0,r.getBlockType)(d).merge)return!1;const p=j(e,u);if(p.name===d)return!0;const m=(0,r.switchToBlockType)(p,d);return m&&m.length}const Re=e=>{const t=oe(e),n=re(e);if(t.clientId===n.clientId)return G;if(!t.attributeKey||!n.attributeKey||void 0===t.offset||void 0===n.offset)return G;const o=de(e,t.clientId);if(o!==de(e,n.clientId))return G;const l=Ae(e,o),i=l.indexOf(t.clientId),a=l.indexOf(n.clientId),[s,c]=i>a?[n,t]:[t,n],u=j(e,s.clientId),d=(0,r.getBlockType)(u.name),p=j(e,c.clientId),m=(0,r.getBlockType)(p.name),f=u.attributes[s.attributeKey],g=p.attributes[c.attributeKey],h=d.attributes[s.attributeKey],v=m.attributes[c.attributeKey];let b=(0,z.create)({html:f,...H(h)}),_=(0,z.create)({html:g,...H(v)});return b=(0,z.remove)(b,0,s.offset),_=(0,z.remove)(_,c.offset,_.text.length),[{...u,attributes:{...u.attributes,[s.attributeKey]:(0,z.toHTMLString)({value:b,...H(h)})}},{...p,attributes:{...p.attributes,[c.attributeKey]:(0,z.toHTMLString)({value:_,...H(v)})}}]};function Ae(e,t){return e.blocks.order[t||""]||G}function De(e,t){return Ae(e,de(e,t)).indexOf(t)}function Oe(e,t){const{selectionStart:n,selectionEnd:o}=e.selection;return n.clientId===o.clientId&&n.clientId===t}function ze(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,u.some)(Ae(e,t),(t=>Oe(e,t)||Be(e,t)||n&&ze(e,t,n)))}function Fe(e,t){if(!t)return!1;const n=ye(e),o=n.indexOf(t);return o>-1&&oKe(e,t)))}function Ye(){return V()('wp.data.select( "core/block-editor" ).isCaretWithinFormattedText',{since:"6.1",version:"6.3"}),!1}function Qe(e){let t,n;const{insertionPoint:o,selection:{selectionEnd:r}}=e;if(null!==o)return o;const{clientId:l}=r;return l?(t=de(e,l)||void 0,n=De(e,r.clientId)+1):n=Ae(e).length,{rootClientId:t,index:n}}function Ze(e){return null!==e.insertionPoint}function Xe(e){return e.template.isValid}function Je(e){return e.settings.template}function et(e,t){if(!t)return e.settings.templateLock;const n=Bt(e,t);return n?n.templateLock:void 0}const tt=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return"boolean"==typeof e?e:Array.isArray(e)?!(!e.includes("core/post-content")||null!==t)||e.includes(t):n},nt=function(e,t){let n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(t&&"object"==typeof t?(n=t,t=n.name):n=(0,r.getBlockType)(t),!n)return!1;const{allowedBlockTypes:i}=It(e),a=tt(i,t,!0);if(!a)return!1;const s=!!et(e,o);if(s)return!1;const c=Bt(e,o);if(o&&void 0===c)return!1;const d=null==c?void 0:c.allowedBlocks,p=tt(d,t),m=n.parent,f=U(e,o),g=tt(m,f);let h=!0;const v=n.ancestor;if(v){const t=[o,...pe(e,o)];h=(0,u.some)(t,(t=>tt(v,U(e,t))))}const b=h&&(null===p&&null===g||!0===p||!0===g);return b?(0,l.applyFilters)("blockEditor.__unstableCanInsertBlockType",b,n,o,{getBlock:j.bind(null,e),getBlockParentsByBlockName:me.bind(null,e)}):b},ot=A(nt,((e,t,n)=>[e.blockListSettings[n],e.blocks.byClientId[n],e.settings.allowedBlockTypes,e.settings.templateLock]));function rt(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t.every((t=>ot(e,U(e,t),n)))}function lt(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const o=$(e,t);if(null===o)return!0;const{lock:r}=o,l=!!et(e,n);return void 0===r||void 0===(null==r?void 0:r.remove)?!l:!(null!=r&&r.remove)}function it(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t.every((t=>lt(e,t,n)))}function at(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const o=$(e,t);if(null===o)return;const{lock:r}=o,l="all"===et(e,n);return void 0===r||void 0===(null==r?void 0:r.move)?!l:!(null!=r&&r.move)}function st(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t.every((t=>at(e,t,n)))}function ct(e,t){const n=$(e,t);if(null===n)return!0;const{lock:o}=n;return!(null!=o&&o.edit)}function ut(e,t){var n;return!!(0,r.hasBlockSupport)(t,"lock",!0)&&!(null===(n=e.settings)||void 0===n||!n.canLockBlocks)}function dt(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 pt=(e,t,n)=>!!(0,r.hasBlockSupport)(t,"inserter",!0)&&nt(e,t.name,n),mt=(e,t)=>n=>{const o=`${t.id}/${n.name}`,{time:r,count:l=0}=dt(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:ft(r,l)}},ft=(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}},gt=(e,t)=>{let{buildScope:n="inserter"}=t;return t=>{const o=t.name;let l=!1;(0,r.hasBlockSupport)(t.name,"multiple",!0)||(l=(0,u.some)(te(e,X(e)),{name:t.name}));const{time:i,count:a=0}=dt(e,o)||{},s={id:o,name:t.name,title:t.title,icon:t.icon,isDisabled:l,frecency:ft(i,a)};if("transform"===n)return s;const c=(0,r.getBlockVariations)(t.name,"inserter");return{...s,initialAttributes:{},description:t.description,category:t.category,keywords:t.keywords,variations:c,example:t.example,utility:1}}},ht=A((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const n=gt(e,{buildScope:"inserter"}),o=/^\s*)[^])*)\5|[^]*?)}\s+)?(\/)?-->/,l=t=>{let n=O;if("web"===a.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:s=0}=dt(e,l)||{},c=ft(i,s);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}},i=(0,r.getBlockTypes)().filter((n=>pt(e,n,t))).map(n),s=nt(e,"core/block",t)?Lt(e).map(l):[],c=i.reduce(((t,n)=>{const{variations:o=[]}=n;if(o.some((e=>{let{isDefault:t}=e;return t}))||t.push(n),o.length){const r=mt(e,n);t.push(...o.map(r))}return t}),[]),u=(e,t)=>{const{core:n,noncore:o}=e;return(t.name.startsWith("core/")?n:o).push(t),e},{core:d,noncore:p}=c.reduce(u,{core:[],noncore:[]}),m=[...d,...p];return[...m,...s]}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.blocks.order,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,Lt(e),(0,r.getBlockTypes)()])),vt=A((function(e,t){var n;let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const l=(0,u.castArray)(t),[i]=l,a=gt(e,{buildScope:"transform"}),s=(0,r.getBlockTypes)().filter((t=>pt(e,t,o))).map(a),c=Object.fromEntries(Object.entries(s).map((e=>{let[,t]=e;return[t.name,t]})));c["*"]={frecency:1/0,id:"*",isDisabled:!1,name:"*",title:(0,g.__)("Unwrap"),icon:null===(n=c[null==i?void 0:i.name])||void 0===n?void 0:n.icon};const d=(0,r.getPossibleBlockTransformations)(l).reduce(((e,t)=>("*"===t?e.push(c["*"]):c[null==t?void 0:t.name]&&e.push(c[t.name]),e)),[]);return(0,u.orderBy)(d,(e=>c[e.name].frecency),"desc")}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,(0,r.getBlockTypes)()])),bt=A((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const n=(0,u.some)((0,r.getBlockTypes)(),(n=>pt(e,n,t)));if(n)return!0;const o=nt(e,"core/block",t)&&Lt(e).length>0;return o}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,Lt(e),(0,r.getBlockTypes)()])),_t=A((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(t)return(0,u.filter)((0,r.getBlockTypes)(),(n=>pt(e,n,t)))}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,(0,r.getBlockTypes)()])),kt=A((function(e){var t,n;let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!o)return;const r=null===(t=e.blockListSettings[o])||void 0===t?void 0:t.__experimentalDefaultBlock,l=null===(n=e.blockListSettings[o])||void 0===n?void 0:n.__experimentalDirectInsert;return r&&l?"function"==typeof l?l(j(e,o))?r:null:r:void 0}),((e,t)=>[e.blockListSettings[t],e.blocks.tree[t]])),yt=A(((e,t)=>{const n=e.settings.__experimentalBlockPatterns.find((e=>{let{name:n}=e;return n===t}));return n?{...n,blocks:(0,r.parse)(n.content,{__unstableSkipMigrationLogs:!0})}:null}),(e=>[e.settings.__experimentalBlockPatterns])),Et=A((e=>{const t=e.settings.__experimentalBlockPatterns,{allowedBlockTypes:n}=It(e),o=t.filter((e=>{let{inserter:t=!0}=e;return!!t})).map((t=>{let{name:n}=t;return yt(e,n)})),r=o.filter((e=>{let{blocks:t}=e;return((e,t)=>{if("boolean"==typeof t)return t;const n=[...e];for(;n.length>0;){var o;const e=n.shift();if(!tt(t,e.name||e.blockName,!0))return!1;null===(o=e.innerBlocks)||void 0===o||o.forEach((e=>{n.push(e)}))}return!0})(t,n)}));return r}),(e=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes])),Ct=A((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const n=Et(e),o=(0,u.filter)(n,(n=>{let{blocks:o}=n;return o.every((n=>{let{name:o}=n;return ot(e,o,t)}))}));return o}),((e,t)=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes,e.settings.templateLock,e.blockListSettings[t],e.blocks.byClientId[t]])),St=A((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!t)return G;const o=Ct(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)=>[...Ct.getDependants(e,t)])),wt=A((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!t)return G;if(t.some((t=>{let{clientId:n,innerBlocks:o}=t;return o.length||Ft(e,n)})))return G;const o=Array.from(new Set(t.map((e=>{let{name:t}=e;return t}))));return St(e,o,n)}),((e,t)=>[...St.getDependants(e,t)]));function Bt(e,t){return e.blockListSettings[t]}function It(e){return e.settings}function xt(e){return e.blocks.isPersistentChange}const Tt=A((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return t.reduce(((t,n)=>e.blockListSettings[n]?{...t,[n]:e.blockListSettings[n]}:t),{})}),(e=>[e.blockListSettings])),Nt=A(((e,t)=>{var n;const o=(0,u.find)(Lt(e),(e=>e.id===t));return o?null===(n=o.title)||void 0===n?void 0:n.raw:null}),(e=>[Lt(e)]));function Pt(e){return e.blocks.isIgnoredChange}function Mt(e){return e.lastBlockAttributesChange}function Lt(e){var t,n;return null!==(t=null==e||null===(n=e.settings)||void 0===n?void 0:n.__experimentalReusableBlocks)&&void 0!==t?t:G}function Rt(e){return"navigation"===e.editorMode}function At(e){return e.editorMode}function Dt(e){return e.hasBlockMovingClientId}function Ot(e){return!!e.automaticChangeStatus}function zt(e,t){return e.highlightedBlock===t}function Ft(e,t){return!!e.blocks.controlledInnerBlocks[t]}const Vt=A(((e,t)=>{if(!t.length)return null;const n=ce(e);if(t.includes(U(e,n)))return n;const o=ye(e),r=me(e,n||o[0],t);return r?r[r.length-1]:null}),((e,t)=>[e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId,t]));function Ht(e,t,n){const{lastBlockInserted:o}=e;return o.clientId===t&&o.source===n}function Gt(e,t){var n,o;return null===(n=null===(o=e.blocks.visibility)||void 0===o?void 0:o[t])||void 0===n||n}const Ut=A((e=>new Set(Object.keys(e.blocks.visibility).filter((t=>e.blocks.visibility[t])))),(e=>[e.blocks.visibility])),Wt=A(((e,t)=>{let n,o=t;for(;e.blocks.parents[o];)o=e.blocks.parents[o],"contentOnly"===et(e,o)&&(n=o);return n}),(e=>[e.blocks.parents,e.blockListSettings]));function $t(e){return e.temporarilyEditingAsBlocks}function jt(e,t){if(!ct(e,t))return!0;const n=At(e);if("zoom-out"===n&&!de(e,t))return!0;const o=(0,r.hasBlockSupport)(U(e,t),"__experimentalDisableBlockOverlay",!1);return("navigation"===n||!o&&Ft(e,t))&&!Oe(e,t)&&!ze(e,t,!0)}function Kt(e,t){let n=e.blocks.parents[t];for(;n;){if(jt(e,n))return!0;n=e.blocks.parents[n]}return!1}var qt=window.wp.a11y;const Yt="†";function Qt(e){if(e)return Object.keys(e).find((t=>{const n=e[t];return"string"==typeof n&&-1!==n.indexOf(Yt)}))}const Zt=e=>Array.isArray(e)?e:[e],Xt=e=>t=>{let{dispatch:n}=t;n({type:"RESET_BLOCKS",blocks:e}),n(Jt(e))},Jt=e=>t=>{let{select:n,dispatch:o}=t;const l=n.getTemplate(),i=n.getTemplateLock(),a=!l||"all"!==i||(0,r.doBlocksMatchTemplate)(e,l);if(a!==n.isValidTemplate())return o.setTemplateValidity(a),a};function en(e,t,n){return{type:"RESET_SELECTION",selectionStart:e,selectionEnd:t,initialPosition:n}}function tn(e){return V()('wp.data.dispatch( "core/block-editor" ).receiveBlocks',{since:"5.9",alternative:"resetBlocks or insertBlocks"}),{type:"RECEIVE_BLOCKS",blocks:e}}function nn(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return{type:"UPDATE_BLOCK_ATTRIBUTES",clientIds:Zt(e),attributes:t,uniqueByBlock:n}}function on(e,t){return{type:"UPDATE_BLOCK",clientId:e,updates:t}}function rn(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return{type:"SELECT_BLOCK",initialPosition:t,clientId:e}}const ln=e=>t=>{let{select:n,dispatch:o}=t;const r=n.getPreviousBlockClientId(e);r&&o.selectBlock(r,-1)},an=e=>t=>{let{select:n,dispatch:o}=t;const r=n.getNextBlockClientId(e);r&&o.selectBlock(r)};function sn(){return{type:"START_MULTI_SELECT"}}function cn(){return{type:"STOP_MULTI_SELECT"}}const un=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return o=>{let{select:r,dispatch:l}=o;if(r.getBlockRootClientId(e)!==r.getBlockRootClientId(t))return;l({type:"MULTI_SELECT",start:e,end:t,initialPosition:n});const i=r.getSelectedBlockCount();(0,qt.speak)((0,g.sprintf)((0,g._n)("%s block selected.","%s blocks selected.",i),i),"assertive")}};function dn(){return{type:"CLEAR_SELECTED_BLOCK"}}function pn(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return{type:"TOGGLE_SELECTION",isSelectionEnabled:e}}function mn(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,a=l[n];return{...e,attributes:{...i,className:`${o||""} is-style-${a}`.trim()}}}))}const fn=function(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,r=arguments.length>4?arguments[4]:void 0;return l=>{let{select:i,dispatch:a}=l;e=Zt(e),t=mn(Zt(t),i.getSettings());const s=i.getBlockRootClientId(e[0]);for(let e=0;e{let{select:t,dispatch:n}=e;if(t.getBlockCount()>0)return;const{__unstableHasCustomAppender:o}=t.getSettings();o||n.insertDefaultBlock()}))}};function gn(e,t){return fn(e,t)}const hn=e=>(t,n)=>o=>{let{select:r,dispatch:l}=o;r.canMoveBlocks(t,n)&&l({type:e,clientIds:Zt(t),rootClientId:n})},vn=hn("MOVE_BLOCKS_DOWN"),bn=hn("MOVE_BLOCKS_UP"),_n=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=arguments.length>3?arguments[3]:void 0;return r=>{let{select:l,dispatch:i}=r;if(l.canMoveBlocks(e,t)){if(t!==n){if(!l.canRemoveBlocks(e,t))return;if(!l.canInsertBlocks(e,n))return}i({type:"MOVE_BLOCKS_TO_POSITION",fromRootClientId:t,toRootClientId:n,clientIds:e,index:o})}}};function kn(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=arguments.length>3?arguments[3]:void 0;return _n([e],t,n,o)}function yn(e,t,n,o,r){return En([e],t,n,o,0,r)}const En=function(e,t,n){let o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,l=arguments.length>5?arguments[5]:void 0;return i=>{let{select:a,dispatch:s}=i;null!==r&&"object"==typeof r&&(l=r,r=0,V()("meta argument in wp.data.dispatch('core/block-editor')",{since:"5.8",hint:"The meta argument is now the 6th argument of the function"})),e=mn(Zt(e),a.getSettings());const c=[];for(const t of e){a.canInsertBlockType(t.name,n)&&c.push(t)}c.length&&s({type:"INSERT_BLOCKS",blocks:c,index:t,rootClientId:n,time:Date.now(),updateSelection:o,initialPosition:o?r:null,meta:l})}};function Cn(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{__unstableWithInserter:o}=n;return{type:"SHOW_INSERTION_POINT",rootClientId:e,index:t,__unstableWithInserter:o}}function Sn(){return{type:"HIDE_INSERTION_POINT"}}function wn(e){return{type:"SET_TEMPLATE_VALIDITY",isValid:e}}const Bn=()=>e=>{let{select:t,dispatch:n}=e;n({type:"SYNCHRONIZE_TEMPLATE"});const o=t.getBlocks(),l=t.getTemplate(),i=(0,r.synchronizeBlocksWithTemplate)(o,l);n.resetBlocks(i)},In=e=>t=>{let{registry:n,select:o,dispatch:l}=t;const i=o.getSelectionStart(),a=o.getSelectionEnd();if(i.clientId===a.clientId)return;if(!i.attributeKey||!a.attributeKey||void 0===i.offset||void 0===a.offset)return!1;const s=o.getBlockRootClientId(i.clientId);if(s!==o.getBlockRootClientId(a.clientId))return;const c=o.getBlockOrder(s);let u,d;c.indexOf(i.clientId)>c.indexOf(a.clientId)?(u=a,d=i):(u=i,d=a);const p=e?d:u,m=o.getBlock(p.clientId),f=(0,r.getBlockType)(m.name);if(!f.merge)return;const g=u,h=d,v=o.getBlock(g.clientId),b=(0,r.getBlockType)(v.name),_=o.getBlock(h.clientId),k=(0,r.getBlockType)(_.name),y=v.attributes[g.attributeKey],E=_.attributes[h.attributeKey],C=b.attributes[g.attributeKey],S=k.attributes[h.attributeKey];let w=(0,z.create)({html:y,...H(C)}),B=(0,z.create)({html:E,...H(S)});w=(0,z.remove)(w,g.offset,w.text.length),B=(0,z.insert)(B,Yt,0,h.offset);const I=(0,r.cloneBlock)(v,{[g.attributeKey]:(0,z.toHTMLString)({value:w,...H(C)})}),x=(0,r.cloneBlock)(_,{[h.attributeKey]:(0,z.toHTMLString)({value:B,...H(S)})}),T=e?I:x,N=v.name===_.name?[T]:(0,r.switchToBlockType)(T,f.name);if(!N||!N.length)return;let P;if(e){const e=N.pop();P=f.merge(e.attributes,x.attributes)}else{const e=N.shift();P=f.merge(I.attributes,e.attributes)}const M=Qt(P),L=P[M],R=(0,z.create)({html:L,...H(f.attributes[M])}),A=R.text.indexOf(Yt),D=(0,z.remove)(R,A,A+1),O=(0,z.toHTMLString)({value:D,...H(f.attributes[M])});P[M]=O;const F=o.getSelectedBlockClientIds(),V=[...e?N:[],{...m,attributes:{...m.attributes,...P}},...e?[]:N];n.batch((()=>{l.selectionChange(m.clientId,M,A,A),l.replaceBlocks(F,V,0,o.getSelectedBlocksInitialCaretPosition())}))},xn=()=>e=>{let{select:t,dispatch:n}=e;const o=t.getSelectionStart(),l=t.getSelectionEnd();if(o.clientId===l.clientId)return;if(!o.attributeKey||!l.attributeKey||void 0===o.offset||void 0===l.offset)return;const i=t.getBlockRootClientId(o.clientId);if(i!==t.getBlockRootClientId(l.clientId))return;const a=t.getBlockOrder(i);let s,c;a.indexOf(o.clientId)>a.indexOf(l.clientId)?(s=l,c=o):(s=o,c=l);const u=s,d=c,p=t.getBlock(u.clientId),m=(0,r.getBlockType)(p.name),f=t.getBlock(d.clientId),g=(0,r.getBlockType)(f.name),h=p.attributes[u.attributeKey],v=f.attributes[d.attributeKey],b=m.attributes[u.attributeKey],_=g.attributes[d.attributeKey];let k=(0,z.create)({html:h,...H(b)}),y=(0,z.create)({html:v,...H(_)});k=(0,z.remove)(k,u.offset,k.text.length),y=(0,z.remove)(y,0,d.offset),n.replaceBlocks(t.getSelectedBlockClientIds(),[{...p,attributes:{...p.attributes,[u.attributeKey]:(0,z.toHTMLString)({value:k,...H(b)})}},(0,r.createBlock)((0,r.getDefaultBlockName)()),{...f,attributes:{...f.attributes,[d.attributeKey]:(0,z.toHTMLString)({value:y,...H(_)})}}],1,t.getSelectedBlocksInitialCaretPosition())},Tn=()=>e=>{let{select:t,dispatch:n}=e;const o=t.getSelectionStart(),r=t.getSelectionEnd();n.selectionChange({start:{clientId:o.clientId},end:{clientId:r.clientId}})},Nn=(e,t)=>n=>{let{registry:o,select:l,dispatch:i}=n;const a=[e,t];i({type:"MERGE_BLOCKS",blocks:a});const[s,c]=a,u=l.getBlock(s),d=(0,r.getBlockType)(u.name);if(!d)return;const p=l.getBlock(c);if(d&&!d.merge){const e=(0,r.switchToBlockType)(p,d.name);if(1!==(null==e?void 0:e.length))return void i.selectBlock(u.clientId);const[t]=e;return t.innerBlocks.length<1?void i.selectBlock(u.clientId):void o.batch((()=>{i.insertBlocks(t.innerBlocks,void 0,s),i.removeBlock(c),i.selectBlock(t.innerBlocks[0].clientId)}))}const m=(0,r.getBlockType)(p.name),{clientId:f,attributeKey:g,offset:h}=l.getSelectionStart(),v=(f===s?d:m).attributes[g],b=(f===s||f===c)&&void 0!==g&&void 0!==h&&!!v;v||("number"==typeof g?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 g):window.console.error("The RichText identifier prop does not match any attributes defined by the block."));const _=(0,r.cloneBlock)(u),k=(0,r.cloneBlock)(p);if(b){const e=f===s?_:k,t=e.attributes[g],n=(0,z.insert)((0,z.create)({html:t,...H(v)}),Yt,h,h);e.attributes[g]=(0,z.toHTMLString)({value:n,...H(v)})}const y=u.name===p.name?[k]:(0,r.switchToBlockType)(k,u.name);if(!y||!y.length)return;const E=d.merge(_.attributes,y[0].attributes);if(b){const e=Qt(E),t=E[e],n=(0,z.create)({html:t,...H(d.attributes[e])}),o=n.text.indexOf(Yt),r=(0,z.remove)(n,o,o+1),l=(0,z.toHTMLString)({value:r,...H(d.attributes[e])});E[e]=l,i.selectionChange(u.clientId,e,o,o)}i.replaceBlocks([u.clientId,p.clientId],[{...u,attributes:{...u.attributes,...E}},...y.slice(1)],0)},Pn=function(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return n=>{let{select:o,dispatch:r}=n;if(!e||!e.length)return;e=Zt(e);const l=o.getBlockRootClientId(e[0]);o.canRemoveBlocks(e,l)&&(t&&r.selectPreviousBlock(e[0]),r({type:"REMOVE_BLOCKS",clientIds:e}),r((e=>{let{select:t,dispatch:n}=e;if(t.getBlockCount()>0)return;const{__unstableHasCustomAppender:o}=t.getSettings();o||n.insertDefaultBlock()})))}};function Mn(e,t){return Pn([e],t)}function Ln(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return{type:"REPLACE_INNER_BLOCKS",rootClientId:e,blocks:t,updateSelection:n,initialPosition:n?o:null,time:Date.now()}}function Rn(e){return{type:"TOGGLE_BLOCK_MODE",clientId:e}}function An(){return{type:"START_TYPING"}}function Dn(){return{type:"STOP_TYPING"}}function On(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{type:"START_DRAGGING_BLOCKS",clientIds:e}}function zn(){return{type:"STOP_DRAGGING_BLOCKS"}}function Fn(){return V()('wp.data.dispatch( "core/block-editor" ).enterFormattedText',{since:"6.1",version:"6.3"}),{type:"DO_NOTHING"}}function Vn(){return V()('wp.data.dispatch( "core/block-editor" ).exitFormattedText',{since:"6.1",version:"6.3"}),{type:"DO_NOTHING"}}function Hn(e,t,n,o){return"string"==typeof e?{type:"SELECTION_CHANGE",clientId:e,attributeKey:t,startOffset:n,endOffset:o}:{type:"SELECTION_CHANGE",...e}}const Gn=(e,t,n)=>o=>{let{dispatch:l}=o;const i=(0,r.getDefaultBlockName)();if(!i)return;const a=(0,r.createBlock)(i,e);return l.insertBlock(a,n,t)};function Un(e,t){return{type:"UPDATE_BLOCK_LIST_SETTINGS",clientId:e,settings:t}}function Wn(e){return{type:"UPDATE_SETTINGS",settings:e}}function $n(e,t){return{type:"SAVE_REUSABLE_BLOCK_SUCCESS",id:e,updatedId:t}}function jn(){return{type:"MARK_LAST_CHANGE_AS_PERSISTENT"}}function Kn(){return{type:"MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"}}const qn=()=>e=>{let{dispatch:t}=e;t({type:"MARK_AUTOMATIC_CHANGE"});const{requestIdleCallback:n=(e=>setTimeout(e,100))}=window;n((()=>{t({type:"MARK_AUTOMATIC_CHANGE_FINAL"})}))},Yn=function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return t=>{let{dispatch:n}=t;n.__unstableSetEditorMode(e?"navigation":"edit")}},Qn=e=>t=>{let{dispatch:n,select:o}=t;if("zoom-out"===e){const e=o.getBlockSelectionStart();e&&n.selectBlock(o.getBlockHierarchyRootClientId(e))}n({type:"SET_EDITOR_MODE",mode:e}),"navigation"===e?(0,qt.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.")):"edit"===e?(0,qt.speak)((0,g.__)("You are currently in edit mode. To return to the navigation mode, press Escape.")):"zoom-out"===e&&(0,qt.speak)((0,g.__)("You are currently in zoom-out mode."))},Zn=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return t=>{let{dispatch:n}=t;n({type:"SET_BLOCK_MOVING_MODE",hasBlockMovingClientId:e}),e&&(0,qt.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."))}},Xn=function(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return n=>{let{select:o,dispatch:l}=n;if(!e||!e.length)return;const i=o.getBlocksByClientId(e);if(i.some((e=>!e)))return;const a=i.map((e=>e.name));if(a.some((e=>!(0,r.hasBlockSupport)(e,"multiple",!0))))return;const s=o.getBlockRootClientId(e[0]),c=Zt(e),u=o.getBlockIndex(c[c.length-1]),d=i.map((e=>(0,r.__experimentalCloneSanitizedBlock)(e)));return l.insertBlocks(d,u+1,s,t),d.length>1&&t&&l.multiSelect(d[0].clientId,d[d.length-1].clientId),d.map((e=>e.clientId))}},Jn=e=>t=>{let{select:n,dispatch:o}=t;if(!e)return;const r=n.getBlockRootClientId(e);if(n.getTemplateLock(r))return;const l=n.getBlockIndex(e);return o.insertDefaultBlock({},r,l)},eo=e=>t=>{let{select:n,dispatch:o}=t;if(!e)return;const r=n.getBlockRootClientId(e);if(n.getTemplateLock(r))return;const l=n.getBlockIndex(e);return o.insertDefaultBlock({},r,l+1)};function to(e,t){return{type:"TOGGLE_BLOCK_HIGHLIGHT",clientId:e,isHighlighted:t}}const no=e=>async t=>{let{dispatch:n}=t;n(to(e,!0)),await new Promise((e=>setTimeout(e,150))),n(to(e,!1))};function oo(e,t){return{type:"SET_HAS_CONTROLLED_INNER_BLOCKS",hasControlledInnerBlocks:t,clientId:e}}function ro(e){return{type:"SET_BLOCK_VISIBILITY",updates:e}}function lo(e){return{type:"SET_TEMPORARILY_EDITING_AS_BLOCKS",temporarilyEditingAsBlocks:e}}const io="core/block-editor",ao={reducer:P,selectors:e,actions:t},so=(0,p.createReduxStore)(io,{...ao,persist:["preferences"]});(0,p.registerStore)(io,{...ao,persist:["preferences"]});const co={name:"",isSelected:!1},uo=(0,a.createContext)(co),{Provider:po}=uo;function mo(){return(0,a.useContext)(uo)}function fo(){const{isSelected:e,clientId:t,name:n}=mo();return(0,p.useSelect)((o=>{if(e)return!0;const{getBlockName:r,isFirstMultiSelectedBlock:l,getMultiSelectedBlockClientIds:i}=o(so);return!!l(t)&&i().every((e=>r(e)===n))}),[t,e,n])}function go(e){let{group:t="default",controls:n,children:o,__experimentalShareWithChildBlocks:l=!1}=e;const i=function(e,t){const n=fo(),{clientId:o}=mo(),l=(0,p.useSelect)((e=>{const{getBlockName:n,hasSelectedInnerBlock:l}=e(so),{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}(t,l);return i?(0,a.createElement)(m.__experimentalStyleProvider,{document:document},(0,a.createElement)(i,null,(e=>{const r=(0,u.isEmpty)(e)?null:e;return(0,a.createElement)(m.__experimentalToolbarContext.Provider,{value:r},"default"===t&&(0,a.createElement)(m.ToolbarGroup,{controls:n}),o)}))):null}function ho(e){let{group:t="default",...n}=e;const o=(0,a.useContext)(m.__experimentalToolbarContext),r=f[t].Slot,l=(0,m.__experimentalUseSlot)(r.__unstableName);return Boolean(l.fills&&l.fills.length)?"default"===t?(0,a.createElement)(r,i({},n,{bubblesVirtually:!0,fillProps:o})):(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(r,i({},n,{bubblesVirtually:!0,fillProps:o}))):null}const vo=go;vo.Slot=ho;const bo=e=>(0,a.createElement)(go,i({group:"inline"},e));bo.Slot=e=>(0,a.createElement)(ho,i({group:"inline"},e));var _o=vo;var ko=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"}));var yo=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M20 9h-7.2V4h-1.6v5H4v6h7.2v5h1.6v-5H20z"}));var Eo=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"}));var Co=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"}));var So=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var wo=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 Bo(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.split(",").map((e=>`.editor-styles-wrapper ${e}${t?` ${t}`:""}`)).join(",")}function Io(e,t,n,o){var r,l;let i="";return null!=t&&null!==(r=t[n])&&void 0!==r&&null!==(l=r.spacingStyles)&&void 0!==l&&l.length&&o&&t[n].spacingStyles.forEach((t=>{i+=`${Bo(e,t.selector.trim())} { `,i+=Object.entries(t.rules).map((e=>{let[t,n]=e;return`${t}: ${n||o}`})).join("; "),i+="; }"})),i}function xo(e){const{contentSize:t,wideSize:n}=e,o={},r=/^(?!0)\d+(px|em|rem|vw|vh|%)?$/i;return r.test(t)&&(o.none=(0,g.sprintf)((0,g.__)("Max %s wide"),t)),r.test(n)&&(o.wide=(0,g.sprintf)((0,g.__)("Max %s wide"),n)),o}const To=(0,a.createContext)({refs:new Map,callbacks:new Map});function No(e){let{children:t}=e;const n=(0,a.useMemo)((()=>({refs:new Map,callbacks:new Map})),[]);return(0,a.createElement)(To.Provider,{value:n},t)}function Po(e){const{refs:t,callbacks:n}=(0,a.useContext)(To),o=(0,a.useRef)();return(0,a.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 Mo(e){const{refs:t}=(0,a.useContext)(To),n=(0,a.useRef)();return n.current=e,(0,a.useMemo)((()=>({get current(){let e=null;for(const[o,r]of t.entries())r===n.current&&o.current&&(e=o.current);return e}})),[])}function Lo(e){const{callbacks:t}=(0,a.useContext)(To),n=Mo(e),[o,r]=(0,a.useState)(null);return(0,a.useLayoutEffect)((()=>{if(e)return t.set(r,e),()=>{t.delete(r)}}),[e]),n.current||o}function Ro(e){return!(null==e||!e.includes)&&("0"===e||e.includes("var:preset|spacing|"))}function Ao(e,t){if(!Ro(e))return e;const n=Oo(e),o=t.find((e=>String(e.slug)===n));return null==o?void 0:o.size}function Do(e){if(!e)return;const t=e.match(/var:preset\|spacing\|(.+)/);return t?`var(--wp--preset--spacing--${t[1]})`:e}function Oo(e){if(!e)return;if("0"===e||"default"===e)return e;const t=e.match(/var:preset\|spacing\|(.+)/);return t?t[1]:void 0}const zo={all:(0,g.__)("All sides"),top:(0,g.__)("Top"),bottom:(0,g.__)("Bottom"),left:(0,g.__)("Left"),right:(0,g.__)("Right"),mixed:(0,g.__)("Mixed"),vertical:(0,g.__)("Vertical"),horizontal:(0,g.__)("Horizontal")},Fo={top:void 0,right:void 0,bottom:void 0,left:void 0},Vo=["top","right","bottom","left"];function Ho(e){return e.sort(((t,n)=>e.filter((e=>e===t)).length-e.filter((e=>e===n)).length)).pop()}function Go(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Vo;return Object.values(e).length>=1&&Object.values(e).length1}function Uo(e){return null!=e&&!(0,u.isEmpty)(Object.values(e).filter((e=>!!e)))}var Wo=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M14.5 13.8c-1.1 0-2.1.7-2.4 1.8H4V17h8.1c.3 1 1.3 1.8 2.4 1.8s2.1-.7 2.4-1.8H20v-1.5h-3.1c-.3-1-1.3-1.7-2.4-1.7zM11.9 7c-.3-1-1.3-1.8-2.4-1.8S7.4 6 7.1 7H4v1.5h3.1c.3 1 1.3 1.8 2.4 1.8s2.1-.7 2.4-1.8H20V7h-8.1z"}));const $o=["color","border","typography","spacing"],jo={"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},Ko={"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 qo(e){const{name:t,clientId:n}=mo(),o=(0,p.useSelect)((o=>{if($o.includes(e))return void console.warn("Top level useSetting paths are disabled. Please use a subpath to query the information needed.");let l;const i=(e=>Ko[e]||e)(e);[...o(so).getBlockParents(n),n].forEach((e=>{const n=o(so).getBlockName(e);if((0,r.hasBlockSupport)(n,"__experimentalSettings",!1)){var a;const n=o(so).getBlockAttributes(e),r=null!==(a=(0,u.get)(n,`settings.blocks.${t}.${i}`))&&void 0!==a?a:(0,u.get)(n,`settings.${i}`);void 0!==r&&(l=r)}}));const a=o(so).getSettings();if(void 0===l){var s;const e=`__experimentalFeatures.${i}`,n=`__experimentalFeatures.blocks.${t}.${i}`;l=null!==(s=(0,u.get)(a,n))&&void 0!==s?s:(0,u.get)(a,e)}var c,d;if(void 0!==l)return r.__EXPERIMENTAL_PATHS_WITH_MERGE[i]?null!==(c=null!==(d=l.custom)&&void 0!==d?d:l.theme)&&void 0!==c?c:l.default:l;const p=jo[i]?jo[i](a):void 0;return void 0!==p?p:"typography.dropCap"===i||void 0}),[t,n,e]);return o}function Yo(e){var t;let{spacingSizes:n,value:o,side:r,onChange:l,isMixed:i=!1,type:s,minimumCustomValue:u}=e;o=function(e,t){if(Ro(e))return e;const n=t.find((t=>String(t.size)===String(e)));return null!=n&&n.slug?`var:preset|spacing|${n.slug}`:e}(o,n);let d=n;const f=n.length<=8,h=(0,p.useSelect)((e=>{const t=e(so).getSettings();return null==t?void 0:t.disableCustomSpacingSizes})),[v,b]=(0,a.useState)(!h&&void 0!==o&&!Ro(o)),_=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["px","em","rem"]});let k=null;!f&&!v&&void 0!==o&&(!Ro(o)||Ro(o)&&i)?(d=[...n,{name:i?(0,g.__)("Mixed"):(0,g.sprintf)((0,g.__)("Custom (%s)"),o),slug:"custom",size:o}],k=d.length-1):i||(k=v?Ao(o,n):function(e,t){if(void 0===e)return 0;const n=0===parseFloat(e,10)?"0":Oo(e),o=t.findIndex((e=>String(e.slug)===n));return-1!==o?o:NaN}(o,n));const y=(0,a.useMemo)((()=>(0,m.__experimentalParseQuantityAndUnitFromRawValue)(k)),[k])[1]||_[0].value,E=e=>{var t;return void 0===o||null===(t=n[e])||void 0===t?void 0:t.name},C=parseInt(k,10),S=(e,t)=>{var o;const r=parseInt(e,10);if("selectList"===t){if(0===r)return;if(1===r)return"0"}else if(0===r)return"0";return`var:preset|spacing|${null===(o=n[e])||void 0===o?void 0:o.slug}`},w=i?(0,g.__)("Mixed"):null,B=i?(0,g.__)("Mixed"):E(k),I=d.map(((e,t)=>({key:t,name:e.name}))),x=n.map(((e,t)=>({value:t,label:void 0}))),T=(0,g.sprintf)((0,g.__)("%1$s %2$s"),zo[r],null==s?void 0:s.toLowerCase()),N=f&&!v&&void 0!==B;return(0,a.createElement)(a.Fragment,null,"all"!==r&&(0,a.createElement)(m.__experimentalHStack,{className:"components-spacing-sizes-control__side-labels"},(0,a.createElement)(m.BaseControl.VisualLabel,{className:"components-spacing-sizes-control__side-label"},zo[r]),N&&(0,a.createElement)(m.BaseControl.VisualLabel,{className:"components-spacing-sizes-control__hint-single"},B)),"all"===r&&N&&(0,a.createElement)(m.BaseControl.VisualLabel,{className:"components-spacing-sizes-control__hint-all"},B),!h&&(0,a.createElement)(m.Button,{label:v?(0,g.__)("Use size preset"):(0,g.__)("Set custom size"),icon:Wo,onClick:()=>{b(!v)},isPressed:v,isSmall:!0,className:c()({"components-spacing-sizes-control__custom-toggle-all":"all"===r,"components-spacing-sizes-control__custom-toggle-single":"all"!==r}),iconSize:24}),v&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.__experimentalUnitControl,{onChange:e=>l((e=>isNaN(parseFloat(e))?void 0:e)(e)),value:k,units:_,min:u,placeholder:w,disableUnits:i,label:T,hideLabelFromVision:!0,className:"components-spacing-sizes-control__custom-value-input",style:{gridColumn:"1"},size:"__unstable-large"}),(0,a.createElement)(m.RangeControl,{value:C,min:0,max:100,withInputField:!1,onChange:e=>{l([e,y].join(""))},className:"components-spacing-sizes-control__custom-value-range"})),f&&!v&&(0,a.createElement)(m.RangeControl,{className:"components-spacing-sizes-control__range-control",value:k,onChange:e=>l(S(e)),onMouseDown:e=>{var t;(null==e||null===(t=e.nativeEvent)||void 0===t?void 0:t.offsetX)<35&&void 0===o&&l("0")},withInputField:!1,"aria-valuenow":k,"aria-valuetext":null===(t=n[k])||void 0===t?void 0:t.name,renderTooltipContent:E,min:0,max:n.length-1,marks:x,label:T,hideLabelFromVision:!0,__nextHasNoMarginBottom:!0}),!f&&!v&&(0,a.createElement)(m.CustomSelectControl,{className:"components-spacing-sizes-control__custom-select-control",value:I.find((e=>e.key===k))||"",onChange:e=>{l(S(e.selectedItem.key,"selectList"))},options:I,label:T,hideLabelFromVision:!0,__nextUnconstrainedWidth:!0,size:"__unstable-large"}))}function Qo(e){let{onChange:t,values:n,sides:o,spacingSizes:r,type:l,minimumCustomValue:i}=e;const s=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ho(Object.values(e))}(n),c=Uo(n)&&Go(n,o);return(0,a.createElement)(Yo,{value:s,onChange:e=>{const r=(0,m.__experimentalApplyValueToSides)(n,e,o);t(r)},side:"all",spacingSizes:r,isMixed:c,type:l,minimumCustomValue:i})}function Zo(e){let{values:t,sides:n,onChange:o,spacingSizes:r,type:l,minimumCustomValue:i}=e;const s=null!=n&&n.length?Vo.filter((e=>n.includes(e))):Vo,c=e=>n=>{const r={...t};r[e]=n,o(r)};return(0,a.createElement)(a.Fragment,null,s.map((e=>(0,a.createElement)(Yo,{value:t[e],label:zo[e],key:`spacing-sizes-control-${e}`,withInputField:!1,side:e,onChange:c(e),spacingSizes:r,type:l,minimumCustomValue:i}))))}const Xo=["vertical","horizontal"];function Jo(e){let{onChange:t,values:n,sides:o,spacingSizes:r,type:l,minimumCustomValue:i}=e;const s=e=>o=>{if(!t)return;const r={...n};"vertical"===e&&(r.top=o,r.bottom=o),"horizontal"===e&&(r.left=o,r.right=o),t(r)},c=null!=o&&o.length?Xo.filter((e=>o.includes(e))):Xo;return(0,a.createElement)(a.Fragment,null,c.map((e=>{const t="vertical"===e?n.top:n.left;return(0,a.createElement)(Yo,{value:t,onChange:s(e),label:zo[e],key:`spacing-sizes-control-${e}`,withInputField:!1,side:e,spacingSizes:r,type:l,minimumCustomValue:i})})))}var er=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var tr=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 nr(e){let{isLinked:t,onClick:n}=e;const o=t?(0,g.__)("Unlink sides"):(0,g.__)("Link sides");return(0,a.createElement)(m.Tooltip,{text:o},(0,a.createElement)("span",{className:"component-spacing-sizes-control__linked-button"},(0,a.createElement)(m.Button,{isSmall:!0,icon:t?er:tr,iconSize:24,"aria-label":o,onClick:n})))}function or(e){let{inputProps:t,onChange:n,label:o=(0,g.__)("Spacing Control"),values:r,sides:l,splitOnAxis:s=!1,useSelect:u,minimumCustomValue:d=0}=e;const p=[{name:0,slug:"0",size:0},...qo("spacing.spacingSizes")||[]];p.length>8&&p.unshift({name:(0,g.__)("Default"),slug:"default",size:void 0});const f=r||Fo,h=Uo(r),v=1===(null==l?void 0:l.length),[b,_]=(0,a.useState)(!h||!Go(f,l)||v),k={...t,onChange:e=>{const t={...r,...e};n(t)},isLinked:b,sides:l,values:f,spacingSizes:p,useSelect:u,type:o,minimumCustomValue:d};return(0,a.createElement)("fieldset",{role:"region",className:c()("component-spacing-sizes-control",{"is-unlinked":!b})},(0,a.createElement)(m.BaseControl.VisualLabel,{as:"legend"},o),!v&&(0,a.createElement)(nr,{onClick:()=>{_(!b)},isLinked:b}),b&&(0,a.createElement)(Qo,i({"aria-label":o},k)),!b&&s&&(0,a.createElement)(Jo,k),!b&&!s&&(0,a.createElement)(Zo,k))}window.wp.warning;var rr={default:(0,m.createSlotFill)("InspectorControls"),advanced:(0,m.createSlotFill)("InspectorAdvancedControls"),border:(0,m.createSlotFill)("InspectorControlsBorder"),color:(0,m.createSlotFill)("InspectorControlsColor"),dimensions:(0,m.createSlotFill)("InspectorControlsDimensions"),typography:(0,m.createSlotFill)("InspectorControlsTypography")};function lr(e){var t;let{__experimentalGroup:n="default",children:o}=e;const r=fo(),l=null===(t=rr[n])||void 0===t?void 0:t.Fill;return l?r?(0,a.createElement)(m.__experimentalStyleProvider,{document:document},(0,a.createElement)(l,null,(e=>{const t=(0,u.isEmpty)(e)?null:e;return(0,a.createElement)(m.__experimentalToolsPanelContext.Provider,{value:t},o)}))):null:("undefined"!=typeof process&&process.env,null)}const ir=e=>e,ar=e=>{if(null===e||"object"!=typeof e||Array.isArray(e))return e;const t=(0,u.pickBy)((0,u.mapValues)(e,ar),ir);return(0,u.isEmpty)(t)?void 0:t};function sr(e,t,n){return(0,u.setWith)(e?(0,u.clone)(e):{},t,n,u.clone)}function cr(e,t,n,o,r,l){var i;if((0,u.every)(e,(e=>!e)))return n;if(1===l.length&&n.innerBlocks.length===o.length)return n;let a=null===(i=o[0])||void 0===i?void 0:i.attributes;if(l.length>1&&o.length>1){if(!o[r])return n;var s;a=null===(s=o[r])||void 0===s?void 0:s.attributes}let c=n;return Object.entries(e).forEach((e=>{let[n,o]=e;o&&t[n].forEach((e=>{const t=(0,u.get)(a,e);t&&(c={...c,attributes:sr(c.attributes,e,t)})}))})),c}function ur(e,t,n){const o=(0,r.getBlockSupport)(e,t),l=null==o?void 0:o.__experimentalSkipSerialization;return Array.isArray(l)?l.includes(n):l}function dr(e){let{children:t,group:n,label:o}=e;const{updateBlockAttributes:r}=(0,p.useDispatch)(so),{getBlockAttributes:l,getMultiSelectedBlockClientIds:i,getSelectedBlockClientId:s,hasMultiSelection:c}=(0,p.useSelect)(so),u=s(),d=(0,a.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const t={},n=c()?i():[u];n.forEach((n=>{const{style:o}=l(n);let r={style:o};e.forEach((e=>{r={...r,...e(r)}})),r={...r,style:ar(r.style)},t[n]=r})),r(n,t,!0)}),[ar,l,i,c,u,r]);return(0,a.createElement)(m.__experimentalToolsPanel,{className:`${n}-block-support-panel`,label:o,resetAll:d,key:u,panelId:u,hasInnerWrapper:!0,shouldRenderPlaceholderItems:!0,__experimentalFirstVisibleItemClass:"first",__experimentalLastVisibleItemClass:"last"},t)}function pr(e){let{Slot:t,...n}=e;const o=(0,a.useContext)(m.__experimentalToolsPanelContext);return(0,a.createElement)(t,i({},n,{fillProps:o,bubblesVirtually:!0}))}function mr(e){var t;let{__experimentalGroup:n="default",label:o,...r}=e;const l=null===(t=rr[n])||void 0===t?void 0:t.Slot,s=(0,m.__experimentalUseSlot)(null==l?void 0:l.__unstableName);if(!l||!s)return"undefined"!=typeof process&&process.env,null;return Boolean(s.fills&&s.fills.length)?o?(0,a.createElement)(dr,{group:n,label:o},(0,a.createElement)(pr,i({},r,{Slot:l}))):(0,a.createElement)(l,i({},r,{bubblesVirtually:!0})):null}const fr=lr;fr.Slot=mr;const gr=e=>(0,a.createElement)(lr,i({},e,{__experimentalGroup:"advanced"}));gr.Slot=e=>(0,a.createElement)(mr,i({},e,{__experimentalGroup:"advanced"})),gr.slotName="InspectorAdvancedControls";var hr=fr,vr=window.wp.isShallowEqual,br=n.n(vr);var _r=function(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 kr=Number.MAX_SAFE_INTEGER;var yr=(0,a.forwardRef)((function(e,t){let{clientId:n,bottomClientId:o,children:r,__unstableRefreshSize:l,__unstableCoverTarget:s=!1,__unstablePopoverSlot:u,__unstableContentRef:p,...f}=e;const g=Lo(n),h=Lo(null!=o?o:n),v=(0,d.useMergeRefs)([t,_r(p)]),[b,_]=(0,a.useReducer)((e=>(e+1)%kr),0);(0,a.useLayoutEffect)((()=>{if(!g)return;const e=new window.MutationObserver(_);return e.observe(g,{attributes:!0}),()=>{e.disconnect()}}),[g]);const k=(0,a.useMemo)((()=>b<0||!g||h!==g?{}:{position:"absolute",width:g.offsetWidth,height:g.offsetHeight}),[g,h,l,b]),y=(0,a.useMemo)((()=>{if(!(b<0||!g||o&&!h))return{getBoundingClientRect(){var e,t,n,o;const r=g.getBoundingClientRect(),l=null==h?void 0:h.getBoundingClientRect(),i=Math.min(r.left,null!==(e=null==l?void 0:l.left)&&void 0!==e?e:1/0),a=Math.min(r.top,null!==(t=null==l?void 0:l.top)&&void 0!==t?t:1/0),s=Math.max(r.right,null!==(n=l.right)&&void 0!==n?n:-1/0)-i,c=Math.max(r.bottom,null!==(o=l.bottom)&&void 0!==o?o:-1/0)-a;return new window.DOMRect(i,a,s,c)},ownerDocument:g.ownerDocument}}),[o,h,g,b]);return!g||o&&!h?null:(0,a.createElement)(m.Popover,i({ref:v,animate:!1,position:"top right left",focusOnMount:!1,anchor:y,__unstableSlotName:u||null,resize:!1,flip:!1,shift:!0},f,{className:c()("block-editor-block-popover",f.className)}),s&&(0,a.createElement)("div",{style:k},r),!s&&r)}));function Er(e){const t=(0,r.getBlockSupport)(e,Nr);return!!(!0===t||null!=t&&t.margin)}function Cr(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qo("spacing.margin"),n=!Dr(e,"margin");return!Er(e)||t||n}function Sr(e){var t,n;const{name:o,attributes:{style:r},setAttributes:l}=e,i=qo("spacing.spacingSizes"),s=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["%","px","em","rem","vw"]}),c=Ar(o,"margin"),u=c&&c.some((e=>Mr.includes(e)));if(Cr(e))return null;const d=e=>{const t={...r,spacing:{...null==r?void 0:r.spacing,margin:e}};l({style:ar(t)})};return a.Platform.select({web:(0,a.createElement)(a.Fragment,null,(!i||0===(null==i?void 0:i.length))&&(0,a.createElement)(m.__experimentalBoxControl,{values:null==r||null===(t=r.spacing)||void 0===t?void 0:t.margin,onChange:d,label:(0,g.__)("Margin"),sides:c,units:s,allowReset:!1,splitOnAxis:u}),(null==i?void 0:i.length)>0&&(0,a.createElement)(or,{values:null==r||null===(n=r.spacing)||void 0===n?void 0:n.margin,onChange:d,label:(0,g.__)("Margin"),sides:c,units:s,allowReset:!1,splitOnAxis:!1})),native:null})}function wr(e){var t,n;let{clientId:o,attributes:r}=e;const l=null==r||null===(t=r.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.margin,i=qo("spacing.spacingSizes"),s=(0,a.useMemo)((()=>{const e=null!=l&&l.top?Ao(null==l?void 0:l.top,i):0,t=null!=l&&l.right?Ao(null==l?void 0:l.right,i):0,n=null!=l&&l.bottom?Ao(null==l?void 0:l.bottom,i):0,o=null!=l&&l.left?Ao(null==l?void 0:l.left,i):0;return{borderTopWidth:e,borderRightWidth:t,borderBottomWidth:n,borderLeftWidth:o,top:0!==e?`calc(${e} * -1)`:0,right:0!==t?`calc(${t} * -1)`:0,bottom:0!==n?`calc(${n} * -1)`:0,left:0!==o?`calc(${o} * -1)`:0}}),[l]),[c,u]=(0,a.useState)(!1),d=(0,a.useRef)(l),p=(0,a.useRef)(),m=()=>{p.current&&window.clearTimeout(p.current)};return(0,a.useEffect)((()=>(br()(l,d.current)||(u(!0),d.current=l,m(),p.current=setTimeout((()=>{u(!1)}),400)),()=>m())),[l]),c?(0,a.createElement)(yr,{clientId:o,__unstableCoverTarget:!0,__unstableRefreshSize:l},(0,a.createElement)("div",{className:"block-editor__padding-visualizer",style:s})):null}function Br(e){const t=(0,r.getBlockSupport)(e,Nr);return!!(!0===t||null!=t&&t.padding)}function Ir(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qo("spacing.padding"),n=!Dr(e,"padding");return!Br(e)||t||n}function xr(e){var t,n;const{name:o,attributes:{style:r},setAttributes:l}=e,i=qo("spacing.spacingSizes"),s=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["%","px","em","rem","vw"]}),c=Ar(o,"padding"),u=c&&c.some((e=>Mr.includes(e)));if(Ir(e))return null;const d=e=>{const t={...r,spacing:{...null==r?void 0:r.spacing,padding:e}};l({style:ar(t)})};return a.Platform.select({web:(0,a.createElement)(a.Fragment,null,(!i||0===(null==i?void 0:i.length))&&(0,a.createElement)(m.__experimentalBoxControl,{values:null==r||null===(t=r.spacing)||void 0===t?void 0:t.padding,onChange:d,label:(0,g.__)("Padding"),sides:c,units:s,allowReset:!1,splitOnAxis:u}),(null==i?void 0:i.length)>0&&(0,a.createElement)(or,{values:null==r||null===(n=r.spacing)||void 0===n?void 0:n.padding,onChange:d,label:(0,g.__)("Padding"),sides:c,units:s,allowReset:!1,splitOnAxis:u})),native:null})}function Tr(e){var t,n;let{clientId:o,attributes:r}=e;const l=null==r||null===(t=r.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.padding,i=(0,a.useMemo)((()=>({borderTopWidth:Ro(null==l?void 0:l.top)?Do(null==l?void 0:l.top):null==l?void 0:l.top,borderRightWidth:Ro(null==l?void 0:l.right)?Do(null==l?void 0:l.right):null==l?void 0:l.right,borderBottomWidth:Ro(null==l?void 0:l.bottom)?Do(null==l?void 0:l.bottom):null==l?void 0:l.bottom,borderLeftWidth:Ro(null==l?void 0:l.left)?Do(null==l?void 0:l.left):null==l?void 0:l.left})),[l]),[s,c]=(0,a.useState)(!1),u=(0,a.useRef)(l),d=(0,a.useRef)(),p=()=>{d.current&&window.clearTimeout(d.current)};return(0,a.useEffect)((()=>(br()(l,u.current)||(c(!0),u.current=l,p(),d.current=setTimeout((()=>{c(!1)}),400)),()=>p())),[l]),s?(0,a.createElement)(yr,{clientId:o,__unstableCoverTarget:!0,__unstableRefreshSize:l},(0,a.createElement)("div",{className:"block-editor__padding-visualizer",style:i})):null}const Nr="spacing",Pr=["top","right","bottom","left"],Mr=["vertical","horizontal"];function Lr(e){const t=Vr(e),n=Ir(e),o=Cr(e),l=Rr(e),i=function(e){if("web"!==a.Platform.OS)return!1;return Or(e)||Br(e)||Er(e)}(e.name),s=qo("spacing.spacingSizes");if(l||!i)return null;const u=(0,r.getBlockSupport)(e.name,[Nr,"__experimentalDefaultControls"]),d=e=>t=>{var n;return{...t,style:{...t.style,spacing:{...null===(n=t.style)||void 0===n?void 0:n.spacing,[e]:void 0}}}},p=c()({"tools-panel-item-spacing":s&&s.length>0});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(hr,{__experimentalGroup:"dimensions"},!n&&(0,a.createElement)(m.__experimentalToolsPanelItem,{className:p,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(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:ar({...o,spacing:{...null==o?void 0:o.spacing,padding:void 0}})})}(e),resetAllFilter:d("padding"),isShownByDefault:null==u?void 0:u.padding,panelId:e.clientId},(0,a.createElement)(xr,e)),!o&&(0,a.createElement)(m.__experimentalToolsPanelItem,{className:p,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(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:ar({...o,spacing:{...null==o?void 0:o.spacing,margin:void 0}})})}(e),resetAllFilter:d("margin"),isShownByDefault:null==u?void 0:u.margin,panelId:e.clientId},(0,a.createElement)(Sr,e)),!t&&(0,a.createElement)(m.__experimentalToolsPanelItem,{className:p,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(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:{...o,spacing:{...null==o?void 0:o.spacing,blockGap:void 0}}})}(e),resetAllFilter:d("blockGap"),isShownByDefault:null==u?void 0:u.blockGap,panelId:e.clientId},(0,a.createElement)(Hr,e))),!n&&(0,a.createElement)(Tr,e),!o&&(0,a.createElement)(wr,e))}const Rr=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=Vr(e),n=Ir(e),o=Cr(e);return t&&n&&o};function Ar(e,t){var n;const o=(0,r.getBlockSupport)(e,Nr);if(o&&"boolean"!=typeof o[t])return Array.isArray(o[t])?o[t]:null!==(n=o[t])&&void 0!==n&&n.sides?o[t].sides:void 0}function Dr(e,t){const n=Ar(e,t);return!(n&&n.some((e=>Pr.includes(e)))&&n.some((e=>Mr.includes(e))))||(console.warn(`The ${t} support for the "${e}" block can not be configured to support both axial and arbitrary sides.`),!1)}function Or(e){const t=(0,r.getBlockSupport)(e,Nr);return!!(!0===t||null!=t&&t.blockGap)}function zr(e){if(!e)return null;const t="string"==typeof e;return{top:t?e:null==e?void 0:e.top,left:t?e:null==e?void 0:e.left}}function Fr(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0";const n=zr(e);if(!n)return null;const o=Do(null==n?void 0:n.top)||t,r=Do(null==n?void 0:n.left)||t;return o===r?o:`${o} ${r}`}function Vr(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qo("spacing.blockGap");return!Or(e)||t}function Hr(e){var t;const{clientId:n,attributes:{style:o},name:r,setAttributes:l}=e,i=qo("spacing.spacingSizes"),s=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["%","px","em","rem","vw"]}),c=Ar(r,"blockGap"),u=Mo(n);if(Vr(e))return null;const d=c&&c.some((e=>Mr.includes(e))),p=e=>{var t;let n=e;e&&d?n={...zr(e)}:null!=e&&e.hasOwnProperty("top")&&(n=e.top);const r={...o,spacing:{...null==o?void 0:o.spacing,blockGap:n}};l({style:ar(r)});const i=(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 a;u.current&&i&&(null===(a=u.current.parentNode)||void 0===a||a.replaceChild(u.current,u.current))},f=zr(null==o||null===(t=o.spacing)||void 0===t?void 0:t.blockGap),h=d?{...f,right:null==f?void 0:f.left,bottom:null==f?void 0:f.top}:{top:null==f?void 0:f.top};return a.Platform.select({web:(0,a.createElement)(a.Fragment,null,(!i||0===(null==i?void 0:i.length))&&(d?(0,a.createElement)(m.__experimentalBoxControl,{label:(0,g.__)("Block spacing"),min:0,onChange:p,units:s,sides:c,values:h,allowReset:!1,splitOnAxis:d}):(0,a.createElement)(m.__experimentalUnitControl,{label:(0,g.__)("Block spacing"),__unstableInputWidth:"80px",min:0,onChange:p,units:s,value:h})),(null==i?void 0:i.length)>0&&(0,a.createElement)(or,{values:h,onChange:p,label:(0,g.__)("Block spacing"),sides:d?c:["top"],units:s,allowReset:!1,splitOnAxis:d})),native:null})}const Gr=(0,a.createElement)(m.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(m.Path,{d:"M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z"})),Ur=(0,a.createElement)(m.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(m.Path,{d:"M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z"})),Wr={top:{icon:(0,a.createElement)(m.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(m.Path,{d:"M9 20h6V9H9v11zM4 4v1.5h16V4H4z"})),title:(0,g._x)("Align top","Block vertical alignment setting")},center:{icon:Ur,title:(0,g._x)("Align middle","Block vertical alignment setting")},bottom:{icon:Gr,title:(0,g._x)("Align bottom","Block vertical alignment setting")}},$r=["top","center","bottom"],jr={isAlternate:!0};var Kr=function(e){let{value:t,onChange:n,controls:o=$r,isCollapsed:r=!0,isToolbar:l}=e;const s=Wr[t],c=Wr.top,u=l?m.ToolbarGroup:m.ToolbarDropdownMenu,d=l?{isCollapsed:r}:{popoverProps:{POPOVER_PROPS:jr}};return(0,a.createElement)(u,i({icon:s?s.icon:c.icon,label:(0,g._x)("Change vertical alignment","Block vertical alignment setting label"),controls:o.map((e=>{return{...Wr[e],isActive:t===e,role:r?"menuitemradio":void 0,onClick:(o=e,()=>n(t===o?void 0:o))};var o}))},d))};const qr=e=>(0,a.createElement)(Kr,i({},e,{isToolbar:!1})),Yr=e=>(0,a.createElement)(Kr,i({},e,{isToolbar:!0})),Qr={left:ko,center:yo,right:Eo,"space-between":Co};var Zr=function(e){let{allowedControls:t=["left","center","right","space-between"],isCollapsed:n=!0,onChange:o,value:r,popoverProps:l,isToolbar:s}=e;const c=e=>{o(e===r?void 0:e)},u=r?Qr[r]:Qr.left,d=[{name:"left",icon:ko,title:(0,g.__)("Justify items left"),isActive:"left"===r,onClick:()=>c("left")},{name:"center",icon:yo,title:(0,g.__)("Justify items center"),isActive:"center"===r,onClick:()=>c("center")},{name:"right",icon:Eo,title:(0,g.__)("Justify items right"),isActive:"right"===r,onClick:()=>c("right")},{name:"space-between",icon:Co,title:(0,g.__)("Space between items"),isActive:"space-between"===r,onClick:()=>c("space-between")}],p=s?m.ToolbarGroup:m.ToolbarDropdownMenu,f=s?{isCollapsed:n}:{};return(0,a.createElement)(p,i({icon:u,popoverProps:l,label:(0,g.__)("Change items justification"),controls:d.filter((e=>t.includes(e.name)))},f))};const Xr=e=>(0,a.createElement)(Zr,i({},e,{isToolbar:!1})),Jr=e=>(0,a.createElement)(Zr,i({},e,{isToolbar:!0})),el={left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"},tl={left:"flex-start",right:"flex-end",center:"center"},nl={top:"flex-start",center:"center",bottom:"flex-end"},ol=["wrap","nowrap"];var rl={name:"flex",label:(0,g.__)("Flex"),inspectorControls:function(e){let{layout:t={},onChange:n,layoutBlockSupport:o={}}=e;const{allowOrientation:r=!0}=o;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.Flex,null,(0,a.createElement)(m.FlexItem,null,(0,a.createElement)(il,{layout:t,onChange:n})),(0,a.createElement)(m.FlexItem,null,r&&(0,a.createElement)(sl,{layout:t,onChange:n}))),(0,a.createElement)(al,{layout:t,onChange:n}))},toolBarControls:function(e){let{layout:t={},onChange:n,layoutBlockSupport:o}=e;if(null!=o&&o.allowSwitching)return null;const{allowVerticalAlignment:r=!0}=o;return(0,a.createElement)(_o,{group:"block",__experimentalShareWithChildBlocks:!0},(0,a.createElement)(il,{layout:t,onChange:n,isToolbar:!0}),r&&"vertical"!==(null==t?void 0:t.orientation)&&(0,a.createElement)(ll,{layout:t,onChange:n,isToolbar:!0}))},getLayoutStyle:function(e){var t,n;let{selector:o,layout:r,style:l,blockName:i,hasBlockGapSupport:a,layoutDefinitions:s}=e;const{orientation:c="horizontal"}=r,u=null!=l&&null!==(t=l.spacing)&&void 0!==t&&t.blockGap&&!ur(i,"spacing","blockGap")?Fr(null==l||null===(n=l.spacing)||void 0===n?void 0:n.blockGap,"0.5em"):void 0,d=el[r.justifyContent],p=ol.includes(r.flexWrap)?r.flexWrap:"wrap",m=nl[r.verticalAlignment],f=tl[r.justifyContent]||tl.left;let g="";const h=[];return p&&"wrap"!==p&&h.push(`flex-wrap: ${p}`),"horizontal"===c?(m&&h.push(`align-items: ${m}`),d&&h.push(`justify-content: ${d}`)):(h.push("flex-direction: column"),h.push(`align-items: ${f}`)),h.length&&(g=`${Bo(o)} {\n\t\t\t\t${h.join("; ")};\n\t\t\t}`),a&&u&&(g+=Io(o,s,"flex",u)),g},getOrientation(e){const{orientation:t="horizontal"}=e;return t},getAlignments(){return[]}};function ll(e){let{layout:t,onChange:n,isToolbar:o=!1}=e;const{verticalAlignment:r=nl.center}=t,l=e=>{n({...t,verticalAlignment:e})};if(o)return(0,a.createElement)(qr,{onChange:l,value:r});const i=[{value:"flex-start",label:(0,g.__)("Align items top")},{value:"center",label:(0,g.__)("Align items center")},{value:"flex-end",label:(0,g.__)("Align items bottom")}];return(0,a.createElement)("fieldset",{className:"block-editor-hooks__flex-layout-vertical-alignment-control"},(0,a.createElement)("legend",null,(0,g.__)("Vertical alignment")),(0,a.createElement)("div",null,i.map(((e,t,n)=>(0,a.createElement)(m.Button,{key:e,label:n,icon:t,isPressed:r===e,onClick:()=>l(e)})))))}function il(e){let{layout:t,onChange:n,isToolbar:o=!1}=e;const{justifyContent:r="left",orientation:l="horizontal"}=t,i=e=>{n({...t,justifyContent:e})},s=["left","center","right"];if("horizontal"===l&&s.push("space-between"),o)return(0,a.createElement)(Xr,{allowedControls:s,value:r,onChange:i,popoverProps:{position:"bottom right",isAlternate:!0}});const c=[{value:"left",icon:ko,label:(0,g.__)("Justify items left")},{value:"center",icon:yo,label:(0,g.__)("Justify items center")},{value:"right",icon:Eo,label:(0,g.__)("Justify items right")}];return"horizontal"===l&&c.push({value:"space-between",icon:Co,label:(0,g.__)("Space between items")}),(0,a.createElement)("fieldset",{className:"block-editor-hooks__flex-layout-justification-controls"},(0,a.createElement)("legend",null,(0,g.__)("Justification")),(0,a.createElement)("div",null,c.map((e=>{let{value:t,icon:n,label:o}=e;return(0,a.createElement)(m.Button,{key:t,label:o,icon:n,isPressed:r===t,onClick:()=>i(t)})}))))}function al(e){let{layout:t,onChange:n}=e;const{flexWrap:o="wrap"}=t;return(0,a.createElement)(m.ToggleControl,{label:(0,g.__)("Allow to wrap to multiple lines"),onChange:e=>{n({...t,flexWrap:e?"wrap":"nowrap"})},checked:"wrap"===o})}function sl(e){let{layout:t,onChange:n}=e;const{orientation:o="horizontal"}=t;return(0,a.createElement)("fieldset",{className:"block-editor-hooks__flex-layout-orientation-controls"},(0,a.createElement)("legend",null,(0,g.__)("Orientation")),(0,a.createElement)(m.Button,{label:(0,g.__)("Horizontal"),icon:So,isPressed:"horizontal"===o,onClick:()=>n({...t,orientation:"horizontal"})}),(0,a.createElement)(m.Button,{label:(0,g.__)("Vertical"),icon:wo,isPressed:"vertical"===o,onClick:()=>n({...t,orientation:"vertical"})}))}var cl={name:"default",label:(0,g.__)("Flow"),inspectorControls:function(){return null},toolBarControls:function(){return null},getLayoutStyle:function(e){var t;let{selector:n,style:o,blockName:r,hasBlockGapSupport:l,layoutDefinitions:i}=e;const a=Fr(null==o||null===(t=o.spacing)||void 0===t?void 0:t.blockGap);let s="";ur(r,"spacing","blockGap")||(null!=a&&a.top?s=Fr(null==a?void 0:a.top):"string"==typeof a&&(s=Fr(a)));let c="";return l&&s&&(c+=Io(n,i,"default",s)),c},getOrientation(){return"vertical"},getAlignments(e){const t=xo(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}};var ul=function(e){let{icon:t,size:n=24,...o}=e;return(0,a.cloneElement)(t,{width:n,height:n,...o})};var dl=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M7 9v6h10V9H7zM5 19.8h14v-1.5H5v1.5zM5 4.3v1.5h14V4.3H5z"}));var pl=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z"})),ml=window.wp.styleEngine,fl={name:"constrained",label:(0,g.__)("Constrained"),inspectorControls:function(e){let{layout:t,onChange:n}=e;const{wideSize:o,contentSize:r,justifyContent:l="center"}=t,i=[{value:"left",icon:ko,label:(0,g.__)("Justify items left")},{value:"center",icon:yo,label:(0,g.__)("Justify items center")},{value:"right",icon:Eo,label:(0,g.__)("Justify items right")}],s=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["%","px","em","rem","vw"]});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{className:"block-editor-hooks__layout-controls"},(0,a.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,a.createElement)(m.__experimentalUnitControl,{label:(0,g.__)("Content"),labelPosition:"top",__unstableInputWidth:"80px",value:r||o||"",onChange:e=>{e=0>parseFloat(e)?"0":e,n({...t,contentSize:e})},units:s}),(0,a.createElement)(ul,{icon:dl})),(0,a.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,a.createElement)(m.__experimentalUnitControl,{label:(0,g.__)("Wide"),labelPosition:"top",__unstableInputWidth:"80px",value:o||r||"",onChange:e=>{e=0>parseFloat(e)?"0":e,n({...t,wideSize:e})},units:s}),(0,a.createElement)(ul,{icon:pl}))),(0,a.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.")),(0,a.createElement)(m.__experimentalToggleGroupControl,{__experimentalIsBorderless:!0,label:(0,g.__)("Justification"),value:l,onChange:e=>{n({...t,justifyContent:e})}},i.map((e=>{let{value:t,icon:n,label:o}=e;return(0,a.createElement)(m.__experimentalToggleGroupControlOptionIcon,{key:t,value:t,icon:n,label:o})}))))},toolBarControls:function(){return null},getLayoutStyle:function(e){var t,n;let{selector:o,layout:r={},style:l,blockName:i,hasBlockGapSupport:a,layoutDefinitions:s}=e;const{contentSize:c,wideSize:u,justifyContent:d}=r,p=Fr(null==l||null===(t=l.spacing)||void 0===t?void 0:t.blockGap);let m="";ur(i,"spacing","blockGap")||(null!=p&&p.top?m=Fr(null==p?void 0:p.top):"string"==typeof p&&(m=Fr(p)));const f="left"===d?"0 !important":"auto !important",g="right"===d?"0 !important":"auto !important";let h=c||u?`\n\t\t\t\t\t${Bo(o,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")} {\n\t\t\t\t\t\tmax-width: ${null!=c?c:u};\n\t\t\t\t\t\tmargin-left: ${f};\n\t\t\t\t\t\tmargin-right: ${g};\n\t\t\t\t\t}\n\t\t\t\t\t${Bo(o,"> .alignwide")} {\n\t\t\t\t\t\tmax-width: ${null!=u?u:c};\n\t\t\t\t\t}\n\t\t\t\t\t${Bo(o,"> .alignfull")} {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`:"";if("left"===d?h+=`${Bo(o,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}\n\t\t\t{ margin-left: ${f}; }`:"right"===d&&(h+=`${Bo(o,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}\n\t\t\t{ margin-right: ${g}; }`),null!=l&&null!==(n=l.spacing)&&void 0!==n&&n.padding){(0,ml.getCSSRules)(l).forEach((e=>{"paddingRight"===e.key?h+=`\n\t\t\t\t\t${Bo(o,"> .alignfull")} {\n\t\t\t\t\t\tmargin-right: calc(${e.value} * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`:"paddingLeft"===e.key&&(h+=`\n\t\t\t\t\t${Bo(o,"> .alignfull")} {\n\t\t\t\t\t\tmargin-left: calc(${e.value} * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`)}))}return a&&m&&(h+=Io(o,s,"constrained",m)),h},getOrientation(){return"vertical"},getAlignments(e){const t=xo(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}};const gl=[cl,rl,fl];function hl(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return gl.find((t=>t.name===e))}const vl={type:"default"},bl=(0,a.createContext)(vl),_l=bl.Provider;function kl(){return(0,a.useContext)(bl)}function yl(e){let{layout:t={},css:n,...o}=e;const r=hl(t.type),l=null!==qo("spacing.blockGap");if(r){var i;if(n)return(0,a.createElement)("style",null,n);const e=null===(i=r.getLayoutStyle)||void 0===i?void 0:i.call(r,{hasBlockGapSupport:l,layout:t,...o});if(e)return(0,a.createElement)("style",null,e)}return null}const El=["none","left","center","right","wide","full"],Cl=["wide","full"];function Sl(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:El;e.includes("none")||(e=["none",...e]);const{wideControlsEnabled:t=!1,themeSupportsLayout:n}=(0,p.useSelect)((e=>{const{getSettings:t}=e(so),n=t();return{wideControlsEnabled:n.alignWide,themeSupportsLayout:n.supportsLayout}}),[]),o=kl(),r=hl(null==o?void 0:o.type),l=r.getAlignments(o);if(n){const t=l.filter((t=>{let{name:n}=t;return e.includes(n)}));return 1===t.length&&"none"===t[0].name?[]:t}if("default"!==r.name&&"constrained"!==r.name)return[];const{alignments:i=El}=o,a=e.filter((e=>(o.alignments||t||!Cl.includes(e))&&i.includes(e))).map((e=>({name:e})));return 1===a.length&&"none"===a[0].name?[]:a}var wl=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M5 15h14V9H5v6zm0 4.8h14v-1.5H5v1.5zM5 4.2v1.5h14V4.2H5z"}));var Bl=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M4 9v6h14V9H4zm8-4.8H4v1.5h8V4.2zM4 19.8h8v-1.5H4v1.5z"}));var Il=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M6 15h14V9H6v6zm6-10.8v1.5h8V4.2h-8zm0 15.6h8v-1.5h-8v1.5z"}));var xl=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M5 4v11h14V4H5zm3 15.8h8v-1.5H8v1.5z"}));const Tl={none:{icon:wl,title:(0,g._x)("None","Alignment option")},left:{icon:Bl,title:(0,g.__)("Align left")},center:{icon:dl,title:(0,g.__)("Align center")},right:{icon:Il,title:(0,g.__)("Align right")},wide:{icon:pl,title:(0,g.__)("Wide width")},full:{icon:xl,title:(0,g.__)("Full width")}},Nl={isAlternate:!0};var Pl=function(e){let{value:t,onChange:n,controls:o,isToolbar:r,isCollapsed:l=!0}=e;const s=Sl(o);if(!!!s.length)return null;function u(e){n([t,"none"].includes(e)?void 0:e)}const d=Tl[t],p=Tl.none,f=r?m.ToolbarGroup:m.ToolbarDropdownMenu,h={icon:d?d.icon:p.icon,label:(0,g.__)("Align")},v=r?{isCollapsed:l,controls:s.map((e=>{let{name:n}=e;return{...Tl[n],isActive:t===n||!t&&"none"===n,role:l?"menuitemradio":void 0,onClick:()=>u(n)}}))}:{toggleProps:{describedBy:(0,g.__)("Change alignment")},popoverProps:Nl,children:e=>{let{onClose:n}=e;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.MenuGroup,{className:"block-editor-block-alignment-control__menu-group"},s.map((e=>{let{name:o,info:r}=e;const{icon:l,title:i}=Tl[o],s=o===t||!t&&"none"===o;return(0,a.createElement)(m.MenuItem,{key:o,icon:l,iconPosition:"left",className:c()("components-dropdown-menu__menu-item",{"is-active":s}),isSelected:s,onClick:()=>{u(o),n()},role:"menuitemradio",info:r},i)}))))}};return(0,a.createElement)(f,i({},h,v))};const Ml=e=>(0,a.createElement)(Pl,i({},e,{isToolbar:!1})),Ll=e=>(0,a.createElement)(Pl,i({},e,{isToolbar:!0})),Rl=["left","center","right","wide","full"],Al=["wide","full"];function Dl(e){let t,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return t=Array.isArray(e)?Rl.filter((t=>e.includes(t))):!0===e?[...Rl]:[],!o||!0===e&&!n?(0,u.without)(t,...Al):t}const Ol=(0,d.createHigherOrderComponent)((e=>t=>{const n=(0,a.createElement)(e,t),{name:o}=t,l=Sl(Dl((0,r.getBlockSupport)(o,"align"),(0,r.hasBlockSupport)(o,"alignWide",!0))).map((e=>{let{name:t}=e;return t})),i=(0,p.useSelect)((e=>e(so).__unstableGetContentLockingParent(t.clientId)),[t.clientId]);if(!l.length||i)return n;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_o,{group:"block",__experimentalShareWithChildBlocks:!0},(0,a.createElement)(Ml,{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:l})),n)}),"withToolbarControls"),zl=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o}=t,{align:l}=o,s=Sl(Dl((0,r.getBlockSupport)(n,"align"),(0,r.hasBlockSupport)(n,"alignWide",!0)));if(void 0===l)return(0,a.createElement)(e,t);let c=t.wrapperProps;return s.some((e=>e.name===l))&&(c={...c,"data-align":l}),(0,a.createElement)(e,i({},t,{wrapperProps:c}))}));(0,l.addFilter)("blocks.registerBlockType","core/align/addAttribute",(function(e){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.align)&&void 0!==t?t:{})||(0,r.hasBlockSupport)(e,"align")&&(e.attributes={...e.attributes,align:{type:"string",enum:[...Rl,""]}}),e})),(0,l.addFilter)("editor.BlockListBlock","core/editor/align/with-data-align",zl),(0,l.addFilter)("editor.BlockEdit","core/editor/align/with-toolbar-controls",Ol),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/align/addAssignedAlign",(function(e,t,n){const{align:o}=n;return Dl((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){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.lock)&&void 0!==t?t:{})||(e.attributes={...e.attributes,lock:{type:"object"}}),e}));const Fl=/[\s#]/g,Vl={type:"string",source:"attribute",attribute:"id",selector:"*"};const Hl=(0,d.createHigherOrderComponent)((e=>t=>{if((0,r.hasBlockSupport)(t.name,"anchor")&&t.isSelected){const n="web"===a.Platform.OS,o=(0,a.createElement)(m.TextControl,{className:"html-anchor-control",label:(0,g.__)("HTML anchor"),help:(0,a.createElement)(a.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,a.createElement)(m.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(Fl,"-"),t.setAttributes({anchor:e})},autoCapitalize:"none",autoComplete:"off"});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(e,t),n&&(0,a.createElement)(hr,{__experimentalGroup:"advanced"},o),!n&&"core/heading"===t.name&&(0,a.createElement)(hr,null,(0,a.createElement)(m.PanelBody,{title:(0,g.__)("Heading settings")},o)))}return(0,a.createElement)(e,t)}),"withInspectorControl");(0,l.addFilter)("blocks.registerBlockType","core/anchor/attribute",(function(e){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.anchor)&&void 0!==t?t:{})||(0,r.hasBlockSupport)(e,"anchor")&&(e.attributes={...e.attributes,anchor:Vl}),e})),(0,l.addFilter)("editor.BlockEdit","core/editor/anchor/with-inspector-control",Hl),(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 Gl={type:"string",source:"attribute",attribute:"aria-label",selector:"*"};(0,l.addFilter)("blocks.registerBlockType","core/ariaLabel/attribute",(function(e){var t,n;return null!=e&&null!==(t=e.attributes)&&void 0!==t&&null!==(n=t.ariaLabel)&&void 0!==n&&n.type||(0,r.hasBlockSupport)(e,"ariaLabel")&&(e.attributes={...e.attributes,ariaLabel:Gl}),e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/ariaLabel/save-props",(function(e,t,n){return(0,r.hasBlockSupport)(t,"ariaLabel")&&(e["aria-label"]=""===n.ariaLabel?null:n.ariaLabel),e}));const Ul=(0,d.createHigherOrderComponent)((e=>t=>(0,r.hasBlockSupport)(t.name,"customClassName",!0)&&t.isSelected?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(e,t),(0,a.createElement)(hr,{__experimentalGroup:"advanced"},(0,a.createElement)(m.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,a.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",Ul),(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.switchToBlockType.transformedBlock","core/color/addTransforms",(function(e,t,n,o){if(!(0,r.hasBlockSupport)(e.name,"customClassName",!0))return e;if(1===o.length&&e.innerBlocks.length===t.length)return e;if(1===o.length&&t.length>1||o.length>1&&1===t.length)return e;if(t[n]){var l;const o=null===(l=t[n])||void 0===l?void 0:l.attributes.className;if(o)return{...e,attributes:{...e.attributes,className:o}}}return 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=[...new Set([(0,r.getBlockDefaultClassName)(t.name),...e.className.split(" ")])].join(" ").trim():e.className=(0,r.getBlockDefaultClassName)(t.name)),e}));var Wl=window.wp.dom;const $l=(0,a.createContext)({});function jl(e){let{value:t,children:n}=e;const o=(0,a.useContext)($l),r=(0,a.useMemo)((()=>({...o,...t})),[o,t]);return(0,a.createElement)($l.Provider,{value:r,children:n})}var Kl=$l;const ql={};var Yl=(0,m.withFilters)("editor.BlockEdit")((e=>{const{attributes:t={},name:n}=e,o=(0,r.getBlockType)(n),l=(0,a.useContext)(Kl),s=(0,a.useMemo)((()=>o&&o.usesContext?(0,u.pick)(l,o.usesContext):ql),[o,l]);if(!o)return null;const d=o.edit||o.save;if(o.apiVersion>1)return(0,a.createElement)(d,i({},e,{context:s}));const p=(0,r.hasBlockSupport)(o,"className",!0)?(0,r.getBlockDefaultClassName)(n):null,m=c()(p,t.className,e.className);return(0,a.createElement)(d,i({},e,{context:s,className:m}))}));function Ql(e){const{name:t,isSelected:n,clientId:o}=e,r={name:t,isSelected:n,clientId:o};return(0,a.createElement)(po,{value:(0,a.useMemo)((()=>r),Object.values(r))},(0,a.createElement)(Yl,e))}var Zl=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"}));var Xl=function(e){let{className:t,actions:n,children:o,secondaryActions:r}=e;return(0,a.createElement)("div",{style:{display:"contents",all:"initial"}},(0,a.createElement)("div",{className:c()(t,"block-editor-warning")},(0,a.createElement)("div",{className:"block-editor-warning__contents"},(0,a.createElement)("p",{className:"block-editor-warning__message"},o),(a.Children.count(n)>0||r)&&(0,a.createElement)("div",{className:"block-editor-warning__actions"},a.Children.count(n)>0&&a.Children.map(n,((e,t)=>(0,a.createElement)("span",{key:t,className:"block-editor-warning__action"},e))),r&&(0,a.createElement)(m.DropdownMenu,{className:"block-editor-warning__secondary",icon:Zl,label:(0,g.__)("More options"),popoverProps:{position:"bottom left",className:"block-editor-warning__dropdown"},noIcons:!0},(()=>(0,a.createElement)(m.MenuGroup,null,r.map(((e,t)=>(0,a.createElement)(m.MenuItem,{onClick:e.onClick,key:t},e.title))))))))))},Jl=n(1973);function ei(e){let{title:t,rawContent:n,renderedContent:o,action:r,actionText:l,className:i}=e;return(0,a.createElement)("div",{className:i},(0,a.createElement)("div",{className:"block-editor-block-compare__content"},(0,a.createElement)("h2",{className:"block-editor-block-compare__heading"},t),(0,a.createElement)("div",{className:"block-editor-block-compare__html"},n),(0,a.createElement)("div",{className:"block-editor-block-compare__preview edit-post-visual-editor"},(0,a.createElement)(a.RawHTML,null,(0,Wl.safeHTML)(o)))),(0,a.createElement)("div",{className:"block-editor-block-compare__action"},(0,a.createElement)(m.Button,{variant:"secondary",tabIndex:"0",onClick:r},l)))}var ti=function(e){let{block:t,onKeep:n,onConvert:o,convertor:l,convertButtonText:i}=e;const s=(d=l(t),(0,u.castArray)(d).map((e=>(0,r.getSaveContent)(e.name,e.attributes,e.innerBlocks))).join(""));var d;const p=(m=t.originalContent,f=s,(0,Jl.Kx)(m,f).map(((e,t)=>{const n=c()({"block-editor-block-compare__added":e.added,"block-editor-block-compare__removed":e.removed});return(0,a.createElement)("span",{key:t,className:n},e.value)})));var m,f;return(0,a.createElement)("div",{className:"block-editor-block-compare__wrapper"},(0,a.createElement)(ei,{title:(0,g.__)("Current"),className:"block-editor-block-compare__current",action:n,actionText:(0,g.__)("Convert to HTML"),rawContent:t.originalContent,renderedContent:t.originalContent}),(0,a.createElement)(ei,{title:(0,g.__)("After Conversion"),className:"block-editor-block-compare__converted",action:o,actionText:i,rawContent:p,renderedContent:s}))};const ni=e=>(0,r.rawHandler)({HTML:e.originalContent});var oi=(0,d.compose)([(0,p.withSelect)(((e,t)=>{let{clientId:n}=t;return{block:e(so).getBlock(n)}})),(0,p.withDispatch)(((e,t)=>{let{block:n}=t;const{replaceBlock:o}=e(so);return{convertToClassic(){o(n.clientId,(e=>(0,r.createBlock)("core/freeform",{content:e.originalContent}))(n))},convertToHTML(){o(n.clientId,(e=>(0,r.createBlock)("core/html",{content:e.originalContent}))(n))},convertToBlocks(){o(n.clientId,ni(n))},attemptBlockRecovery(){o(n.clientId,(e=>{let{name:t,attributes:n,innerBlocks:o}=e;return(0,r.createBlock)(t,n,o)})(n))}}}))])((function(e){let{convertToHTML:t,convertToBlocks:n,convertToClassic:o,attemptBlockRecovery:l,block:i}=e;const s=!!(0,r.getBlockType)("core/html"),[c,u]=(0,a.useState)(!1),d=(0,a.useCallback)((()=>u(!0)),[]),p=(0,a.useCallback)((()=>u(!1)),[]),f=(0,a.useMemo)((()=>[{title:(0,g._x)("Resolve","imperative verb"),onClick:d},s&&{title:(0,g.__)("Convert to HTML"),onClick:t},{title:(0,g.__)("Convert to Classic Block"),onClick:o}].filter(Boolean)),[d,t,o]);return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(Xl,{actions:[(0,a.createElement)(m.Button,{key:"recover",onClick:l,variant:"primary"},(0,g.__)("Attempt Block Recovery"))],secondaryActions:f},(0,g.__)("This block contains unexpected or invalid content.")),c&&(0,a.createElement)(m.Modal,{title:(0,g.__)("Resolve Block"),onRequestClose:p,className:"block-editor-block-compare"},(0,a.createElement)(ti,{block:i,onKeep:t,onConvert:n,convertor:ni,convertButtonText:(0,g.__)("Convert to Blocks")})))}));const ri=(0,a.createElement)(Xl,{className:"block-editor-block-list__block-crash-warning"},(0,g.__)("This block has encountered an error and cannot be previewed."));var li=()=>ri;class ii extends a.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 ai=ii,si=n(773);var ci=function(e){let{clientId:t}=e;const[n,o]=(0,a.useState)(""),l=(0,p.useSelect)((e=>e(so).getBlock(t)),[t]),{updateBlock:i}=(0,p.useDispatch)(so);return(0,a.useEffect)((()=>{o((0,r.getBlockContent)(l))}),[l]),(0,a.createElement)(si.Z,{className:"block-editor-block-list__block-html-textarea",value:n,onBlur:()=>{const e=(0,r.getBlockType)(l.name);if(!e)return;const a=(0,r.getBlockAttributes)(e,n,l.attributes),s=n||(0,r.getSaveContent)(e,a),[c]=n?(0,r.validateBlock)({...l,attributes:a,originalContent:s}):[!0];i(t,{attributes:a,originalContent:s,isValid:c}),n||o({content:s})},onChange:e=>o(e.target.value)})};let ui=Bi();const di=e=>Ei(e,ui);let pi=Bi();di.write=e=>Ei(e,pi);let mi=Bi();di.onStart=e=>Ei(e,mi);let fi=Bi();di.onFrame=e=>Ei(e,fi);let gi=Bi();di.onFinish=e=>Ei(e,gi);let hi=[];di.setTimeout=(e,t)=>{let n=di.now()+t,o=()=>{let e=hi.findIndex((e=>e.cancel==o));~e&&hi.splice(e,1),ki-=~e?1:0},r={time:n,handler:e,cancel:o};return hi.splice(vi(n),0,r),ki+=1,Ci(),r};let vi=e=>~(~hi.findIndex((t=>t.time>e))||~hi.length);di.cancel=e=>{mi.delete(e),fi.delete(e),gi.delete(e),ui.delete(e),pi.delete(e)},di.sync=e=>{yi=!0,di.batchedUpdates(e),yi=!1},di.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function o(...e){t=e,di.onStart(n)}return o.handler=e,o.cancel=()=>{mi.delete(n),t=null},o};let bi="undefined"!=typeof window?window.requestAnimationFrame:()=>{};di.use=e=>bi=e,di.now="undefined"!=typeof performance?()=>performance.now():Date.now,di.batchedUpdates=e=>e(),di.catch=console.error,di.frameLoop="always",di.advance=()=>{"demand"!==di.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):wi()};let _i=-1,ki=0,yi=!1;function Ei(e,t){yi?(t.delete(e),e(0)):(t.add(e),Ci())}function Ci(){_i<0&&(_i=0,"demand"!==di.frameLoop&&bi(Si))}function Si(){~_i&&(bi(Si),di.batchedUpdates(wi))}function wi(){let e=_i;_i=di.now();let t=vi(_i);t&&(Ii(hi.splice(0,t),(e=>e.handler())),ki-=t),ki?(mi.flush(),ui.flush(e?Math.min(64,_i-e):16.667),fi.flush(),pi.flush(),gi.flush()):_i=-1}function Bi(){let e=new Set,t=e;return{add(n){ki+=t!=e||e.has(n)?0:1,e.add(n)},delete(n){return ki-=t==e&&e.has(n)?1:0,e.delete(n)},flush(n){t.size&&(e=new Set,ki-=t.size,Ii(t,(t=>t(n)&&e.add(t))),ki+=e.size,t=e)}}}function Ii(e,t){e.forEach((e=>{try{t(e)}catch(e){di.catch(e)}}))}var xi=n(9196),Ti=n.n(xi);function Ni(){}const Pi={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 Mi(e,t){if(Pi.arr(e)){if(!Pi.arr(t)||e.length!==t.length)return!1;for(let n=0;ne.forEach(t);function Ri(e,t,n){if(Pi.arr(e))for(let o=0;oPi.und(e)?[]:Pi.arr(e)?e:[e];function Di(e,t){if(e.size){const n=Array.from(e);e.clear(),Li(n,t)}}const Oi=(e,...t)=>Di(e,(e=>e(...t))),zi=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let Fi,Vi,Hi=null,Gi=!1,Ui=Ni;const Wi=e=>{e.to&&(Vi=e.to),e.now&&(di.now=e.now),void 0!==e.colors&&(Hi=e.colors),null!=e.skipAnimation&&(Gi=e.skipAnimation),e.createStringInterpolator&&(Fi=e.createStringInterpolator),e.requestAnimationFrame&&di.use(e.requestAnimationFrame),e.batchedUpdates&&(di.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Ui=e.willAdvance),e.frameLoop&&(di.frameLoop=e.frameLoop)};var $i=Object.freeze({__proto__:null,get createStringInterpolator(){return Fi},get to(){return Vi},get colors(){return Hi},get skipAnimation(){return Gi},get willAdvance(){return Ui},assign:Wi});const ji=new Set;let Ki=[],qi=[],Yi=0;const Qi={get idle(){return!ji.size&&!Ki.length},start(e){Yi>e.priority?(ji.add(e),di.onStart(Zi)):(Xi(e),di(ea))},advance:ea,sort(e){if(Yi)di.onFrame((()=>Qi.sort(e)));else{const t=Ki.indexOf(e);~t&&(Ki.splice(t,1),Ji(e))}},clear(){Ki=[],ji.clear()}};function Zi(){ji.forEach(Xi),ji.clear(),di(ea)}function Xi(e){Ki.includes(e)||Ji(e)}function Ji(e){Ki.splice(function(e,t){const n=e.findIndex(t);return n<0?e.length:n}(Ki,(t=>t.priority>e.priority)),0,e)}function ea(e){const t=qi;for(let n=0;n0}const ta="[-+]?\\d*\\.?\\d+",na=ta+"%";function oa(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const ra=new RegExp("rgb"+oa(ta,ta,ta)),la=new RegExp("rgba"+oa(ta,ta,ta,ta)),ia=new RegExp("hsl"+oa(ta,na,na)),aa=new RegExp("hsla"+oa(ta,na,na,ta)),sa=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,ca=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,ua=/^#([0-9a-fA-F]{6})$/,da=/^#([0-9a-fA-F]{8})$/;function pa(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 ma(e,t,n){const o=n<.5?n*(1+t):n+t-n*t,r=2*n-o,l=pa(r,o,e+1/3),i=pa(r,o,e),a=pa(r,o,e-1/3);return Math.round(255*l)<<24|Math.round(255*i)<<16|Math.round(255*a)<<8}function fa(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function ga(e){return(parseFloat(e)%360+360)%360/360}function ha(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function va(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function ba(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=ua.exec(e))?parseInt(t[1]+"ff",16)>>>0:Hi&&void 0!==Hi[e]?Hi[e]:(t=ra.exec(e))?(fa(t[1])<<24|fa(t[2])<<16|fa(t[3])<<8|255)>>>0:(t=la.exec(e))?(fa(t[1])<<24|fa(t[2])<<16|fa(t[3])<<8|ha(t[4]))>>>0:(t=sa.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=da.exec(e))?parseInt(t[1],16)>>>0:(t=ca.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=ia.exec(e))?(255|ma(ga(t[1]),va(t[2]),va(t[3])))>>>0:(t=aa.exec(e))?(ma(ga(t[1]),va(t[2]),va(t[3]))|ha(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 _a=(e,t,n)=>{if(Pi.fun(e))return e;if(Pi.arr(e))return _a({range:e,output:t,extrapolate:n});if(Pi.str(e.output[0]))return Fi(e);const o=e,r=o.output,l=o.range||[0,1],i=o.extrapolateLeft||o.extrapolate||"extend",a=o.extrapolateRight||o.extrapolate||"extend",s=o.easing||(e=>e);return e=>{const t=function(e,t){for(var n=1;n=e);++n);return n-1}(e,l);return function(e,t,n,o,r,l,i,a,s){let c=s?s(e):e;if(cn){if("identity"===a)return c;"clamp"===a&&(c=n)}if(o===r)return o;if(t===n)return 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;return c}(e,l[t],l[t+1],r[t],r[t+1],s,i,a,o.map)}};function ka(){return ka=Object.assign?Object.assign.bind():function(e){for(var t=1;tBoolean(e&&e[ya]),Sa=e=>e&&e[ya]?e[ya]():e,wa=e=>e[Ea]||null;function Ba(e,t){let n=e[Ea];n&&n.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Ia{constructor(e){if(this[ya]=void 0,this[Ea]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");xa(this,e)}}const xa=(e,t)=>Pa(e,ya,t);function Ta(e,t){if(e[ya]){let n=e[Ea];n||Pa(e,Ea,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function Na(e,t){let n=e[Ea];if(n&&n.has(t)){const o=n.size-1;o?n.delete(t):e[Ea]=null,e.observerRemoved&&e.observerRemoved(o,t)}}const Pa=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Ma=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,La=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Ra=new RegExp(`(${Ma.source})(%|[a-z]+)`,"i"),Aa=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Da=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Oa=e=>{const[t,n]=za(e);if(!t||zi())return e;const o=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(o)return o.trim();if(n&&n.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(n);return t||e}return n&&Da.test(n)?Oa(n):n||e},za=e=>{const t=Da.exec(e);if(!t)return[,];const[,n,o]=t;return[n,o]};let Fa;const Va=(e,t,n,o,r)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(o)}, ${r})`,Ha=e=>{Fa||(Fa=Hi?new RegExp(`(${Object.keys(Hi).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Sa(e).replace(Da,Oa).replace(La,ba).replace(Fa,ba))),n=t.map((e=>e.match(Ma).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]})))),r=o.map((t=>_a(ka({},e,{output:t}))));return e=>{var n;const o=!Ra.test(t[0])&&(null==(n=t.find((e=>Ra.test(e))))?void 0:n.replace(Ma,""));let l=0;return t[0].replace(Ma,(()=>`${r[l++](e)}${o||""}`)).replace(Aa,Va)}},Ga="react-spring: ",Ua=e=>{const t=e;let n=!1;if("function"!=typeof t)throw new TypeError(`${Ga}once requires a function parameter`);return(...e)=>{n||(t(...e),n=!0)}},Wa=Ua(console.warn);const $a=Ua(console.warn);function ja(e){return Pi.str(e)&&("#"==e[0]||/\d/.test(e)||!zi()&&Da.test(e)||e in(Hi||{}))}const Ka=zi()?xi.useEffect:xi.useLayoutEffect;function qa(){const e=(0,xi.useState)()[1],t=(()=>{const e=(0,xi.useRef)(!1);return Ka((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const Ya=e=>(0,xi.useEffect)(e,Qa),Qa=[];function Za(e){const t=(0,xi.useRef)();return(0,xi.useEffect)((()=>{t.current=e})),t.current}const Xa=Symbol.for("Animated:node"),Ja=e=>e&&e[Xa],es=(e,t)=>{return n=e,o=Xa,r=t,Object.defineProperty(n,o,{value:r,writable:!0,configurable:!0});var n,o,r},ts=e=>e&&e[Xa]&&e[Xa].getPayload();class ns{constructor(){this.payload=void 0,es(this,this)}getPayload(){return this.payload||[]}}class os extends ns{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,Pi.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new os(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Pi.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,Pi.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class rs extends os{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=_a({output:[e,e]})}static create(e){return new rs(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Pi.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=_a({output:[this.getValue(),e]})),this._value=0,super.reset()}}const ls={dependencies:null};class is extends ns{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return Ri(this.source,((n,o)=>{var r;(r=n)&&r[Xa]===r?t[o]=n.getValue(e):Ca(n)?t[o]=Sa(n):e||(t[o]=n)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Li(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return Ri(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){ls.dependencies&&Ca(e)&&ls.dependencies.add(e);const t=ts(e);t&&Li(t,(e=>this.add(e)))}}class as extends is{constructor(e){super(e)}static create(e){return new as(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(ss)),!0)}}function ss(e){return(ja(e)?rs:os).create(e)}function cs(e){const t=Ja(e);return t?t.constructor:Pi.arr(e)?as:ja(e)?rs:os}function us(){return us=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const n=!Pi.fun(e)||e.prototype&&e.prototype.isReactComponent;return(0,xi.forwardRef)(((o,r)=>{const l=(0,xi.useRef)(null),i=n&&(0,xi.useCallback)((e=>{l.current=function(e,t){e&&(Pi.fun(e)?e(t):e.current=t);return t}(r,e)}),[r]),[a,s]=function(e,t){const n=new Set;ls.dependencies=n,e.style&&(e=us({},e,{style:t.createAnimatedStyle(e.style)}));return e=new is(e),ls.dependencies=null,[e,n]}(o,t),c=qa(),u=()=>{const e=l.current;if(n&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,a.getValue(!0)))&&c()},d=new ps(u,s),p=(0,xi.useRef)();Ka((()=>(p.current=d,Li(s,(e=>Ta(e,d))),()=>{p.current&&(Li(p.current.deps,(e=>Na(e,p.current))),di.cancel(p.current.update))}))),(0,xi.useEffect)(u,[]),Ya((()=>()=>{const e=p.current;Li(e.deps,(t=>Na(t,e)))}));const m=t.getComponentProps(a.getValue());return xi.createElement(e,us({},m,{ref:i}))}))};class ps{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&di.write(this.update)}}const ms=Symbol.for("AnimatedComponent"),fs=e=>Pi.str(e)?e:e&&Pi.str(e.displayName)?e.displayName:Pi.fun(e)&&e.name||null;function gs(){return gs=Object.assign?Object.assign.bind():function(e){for(var t=1;t!0===e||!!(t&&e&&(Pi.fun(e)?e(t):Ai(e).includes(t))),bs=(e,t)=>Pi.obj(e)?t&&e[t]:e,_s=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,ks=e=>e,ys=(e,t=ks)=>{let n=Es;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);Pi.und(n)||(o[r]=n)}return o},Es=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Cs={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 Ss(e){const t=function(e){const t={};let n=0;if(Ri(e,((e,o)=>{Cs[o]||(t[o]=e,n++)})),n)return t}(e);if(t){const n={to:t};return Ri(e,((e,o)=>o in t||(n[o]=e))),n}return gs({},e)}function ws(e){return e=Sa(e),Pi.arr(e)?e.map(ws):ja(e)?$i.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Bs(e){for(const t in e)return!0;return!1}function Is(e){return Pi.fun(e)||Pi.arr(e)&&Pi.obj(e[0])}function xs(e,t){var n;null==(n=e.ref)||n.delete(e),null==t||t.delete(e)}function Ts(e,t){var n;t&&e.ref!==t&&(null==(n=e.ref)||n.delete(e),t.add(e),e.ref=t)}const Ns=1.70158,Ps=1.525*Ns,Ms=Ns+1,Ls=2*Math.PI/3,Rs=2*Math.PI/4.5,As=e=>{const t=7.5625,n=2.75;return e<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375},Ds={linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>Ms*e*e*e-Ns*e*e,easeOutBack:e=>1+Ms*Math.pow(e-1,3)+Ns*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-Ps)/2:(Math.pow(2*e-2,2)*((Ps+1)*(2*e-2)+Ps)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*Ls),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*Ls)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*Rs)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*Rs)/2+1,easeInBounce:e=>1-As(1-e),easeOutBounce:As,easeInOutBounce:e=>e<.5?(1-As(1-2*e))/2:(1+As(2*e-1))/2},Os=gs({},{tension:170,friction:26},{mass:1,damping:1,easing:Ds.linear,clamp:!1});class zs{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,Os)}}function Fs(e,t){if(Pi.und(t.decay)){const n=!Pi.und(t.tension)||!Pi.und(t.friction);!n&&Pi.und(t.frequency)&&Pi.und(t.damping)&&Pi.und(t.mass)||(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}else e.duration=void 0}const Vs=[];class Hs{constructor(){this.changed=!1,this.values=Vs,this.toValues=null,this.fromValues=Vs,this.to=void 0,this.from=void 0,this.config=new zs,this.immediate=!1}}function Gs(e,{key:t,props:n,defaultProps:o,state:r,actions:l}){return new Promise(((i,a)=>{var s;let c,u,d=vs(null!=(s=n.cancel)?s:null==o?void 0:o.cancel,t);if(d)f();else{Pi.und(n.pause)||(r.paused=vs(n.pause,t));let e=null==o?void 0:o.pause;!0!==e&&(e=r.paused||vs(e,t)),c=hs(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-di.now()}function m(){c>0&&!$i.skipAnimation?(r.delayed=!0,u=di.setTimeout(f,c),r.pauseQueue.add(p),r.timeouts.add(u)):f()}function f(){r.delayed&&(r.delayed=!1),r.pauseQueue.delete(p),r.timeouts.delete(u),e<=(r.cancelId||0)&&(d=!0);try{l.start(gs({},n,{callId:e,cancel:d}),i)}catch(e){a(e)}}}))}const Us=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?js(e.get()):t.every((e=>e.noop))?Ws(e.get()):$s(e.get(),t.every((e=>e.finished))),Ws=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),$s=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),js=e=>({value:e,cancelled:!0,finished:!1});function Ks(e,t,n,o){const{callId:r,parentId:l,onRest:i}=t,{asyncTo:a,promise:s}=n;return l||e!==a||t.reset?n.promise=(async()=>{n.asyncId=r,n.asyncTo=e;const c=ys(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)&&js(o)||r!==n.asyncId&&$s(o,!1);if(t)throw e.result=t,d(e),e},f=(e,t)=>{const l=new Ys,i=new Qs;return(async()=>{if($i.skipAnimation)throw qs(n),i.result=$s(o,!1),d(i),i;m(l);const a=Pi.obj(e)?gs({},e):gs({},t,{to:e});a.parentId=r,Ri(c,((e,t)=>{Pi.und(a[t])&&(a[t]=e)}));const s=await o.start(a);return m(l),n.paused&&await new Promise((e=>{n.resumeQueue.add(e)})),s})()};let g;if($i.skipAnimation)return qs(n),$s(o,!1);try{let t;t=Pi.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=$s(o.get(),!0,!1)}catch(e){if(e instanceof Ys)g=e.result;else{if(!(e instanceof Qs))throw e;g=e.result}}finally{r==n.asyncId&&(n.asyncId=l,n.asyncTo=l?a:void 0,n.promise=l?s:void 0)}return Pi.fun(i)&&di.batchedUpdates((()=>{i(g,o,o.item)})),g})():s}function qs(e,t){Di(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class Ys 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 Qs extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const Zs=e=>e instanceof Js;let Xs=1;class Js extends Ia{constructor(...e){super(...e),this.id=Xs++,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=Ja(this);return e&&e.getValue()}to(...e){return $i.to(this,e)}interpolate(...e){return Wa(`${Ga}The "interpolate" function is deprecated in v9 (use "to" instead)`),$i.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){Ba(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||Qi.sort(this),Ba(this,{type:"priority",parent:this,priority:e})}}const ec=Symbol.for("SpringPhase"),tc=e=>(1&e[ec])>0,nc=e=>(2&e[ec])>0,oc=e=>(4&e[ec])>0,rc=(e,t)=>t?e[ec]|=3:e[ec]&=-3,lc=(e,t)=>t?e[ec]|=4:e[ec]&=-5;class ic extends Js{constructor(e,t){if(super(),this.key=void 0,this.animation=new Hs,this.queue=void 0,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Pi.und(e)||!Pi.und(t)){const n=Pi.obj(e)?gs({},e):gs({},t,{from:e});Pi.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(nc(this)||this._state.asyncTo)||oc(this)}get goal(){return Sa(this.animation.to)}get velocity(){const e=Ja(this);return e instanceof os?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return tc(this)}get isAnimating(){return nc(this)}get isPaused(){return oc(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,n=!1;const o=this.animation;let{config:r,toValues:l}=o;const i=ts(o.to);!i&&Ca(o.to)&&(l=Ai(Sa(o.to))),o.values.forEach(((a,s)=>{if(a.done)return;const c=a.constructor==rs?1:i?i[s].lastPosition:l[s];let u=o.immediate,d=c;if(!u){if(d=a.lastPosition,r.tension<=0)return void(a.done=!0);let t=a.elapsedTime+=e;const n=o.fromValues[s],l=null!=a.v0?a.v0:a.v0=Pi.arr(r.velocity)?r.velocity[s]:r.velocity;let i;const p=r.precision||(n==c?.005:Math.min(1,.001*Math.abs(c-n)));if(Pi.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(a.lastPosition-d)<=p,i=l*o}else{i=null==a.lastVelocity?l:a.lastVelocity;const t=r.restVelocity||p/10,o=r.clamp?0:r.bounce,s=!Pi.und(o),m=n==c?a.v0>0:nt,f||(u=Math.abs(c-d)<=p,!u));++e){s&&(g=d==c||d>c==m,g&&(i=-i*o,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,a.durationProgress>0&&(a.elapsedTime=r.duration*a.durationProgress,t=a.elapsedTime+=e)),o=(r.progress||0)+t/this._memoizedDuration,o=o>1?1:o<0?0:o,a.durationProgress=o),d=n+r.easing(o)*(c-n),i=(d-a.lastPosition)/e,u=1==o}a.lastVelocity=i,Number.isNaN(d)&&(console.warn("Got NaN while animating:",this),u=!0)}i&&!i[s].done&&(u=!1),u?a.done=!0:t=!1,a.setValue(d,r.round)&&(n=!0)}));const a=Ja(this),s=a.getValue();if(t){const e=Sa(o.to);s===e&&!n||r.decay?n&&r.decay&&this._onChange(s):(a.setValue(e),this._onChange(e)),this._stop()}else n&&this._onChange(s)}set(e){return di.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(nc(this)){const{to:e,config:t}=this.animation;di.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 Pi.und(e)?(n=this.queue||[],this.queue=[]):n=[Pi.obj(e)?e:gs({},t,{to:e})],Promise.all(n.map((e=>this._update(e)))).then((e=>Us(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),qs(this._state,e&&this._lastCallId),di.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=Pi.obj(n)?n[t]:n,(null==n||Is(n))&&(n=void 0),o=Pi.obj(o)?o[t]:o,null==o&&(o=void 0);const r={to:n,from:o};return tc(this)||(e.reverse&&([n,o]=[o,n]),o=Sa(o),Pi.und(o)?Ja(this)||this._set(n):this._set(o)),r}_update(e,t){let n=gs({},e);const{key:o,defaultProps:r}=this;n.default&&Object.assign(r,ys(n,((e,t)=>/^on/.test(t)?bs(e,o):e))),mc(this,n,"onProps"),fc(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 Gs(++this._lastCallId,{key:o,props:n,defaultProps:r,state:i,actions:{pause:()=>{oc(this)||(lc(this,!0),Oi(i.pauseQueue),fc(this,"onPause",$s(this,ac(this,this.animation.to)),this))},resume:()=>{oc(this)&&(lc(this,!1),nc(this)&&this._resume(),Oi(i.resumeQueue),fc(this,"onResume",$s(this,ac(this,this.animation.to)),this))},start:this._merge.bind(this,l)}}).then((e=>{if(n.loop&&e.finished&&(!t||!e.noop)){const e=sc(n);if(e)return this._update(e,!0)}return e}))}_merge(e,t,n){if(t.cancel)return this.stop(!0),n(js(this));const o=!Pi.und(e.to),r=!Pi.und(e.from);if(o||r){if(!(t.callId>this._lastToId))return n(js(this));this._lastToId=t.callId}const{key:l,defaultProps:i,animation:a}=this,{to:s,from:c}=a;let{to:u=s,from:d=c}=e;!r||o||t.default&&!Pi.und(u)||(u=d),t.reverse&&([u,d]=[d,u]);const p=!Mi(d,c);p&&(a.from=d),d=Sa(d);const m=!Mi(u,s);m&&this._focus(u);const f=Is(t.to),{config:g}=a,{decay:h,velocity:v}=g;(o||r)&&(g.velocity=0),t.config&&!f&&function(e,t,n){n&&(Fs(n=gs({},n),t),t=gs({},n,t)),Fs(e,t),Object.assign(e,t);for(const t in Os)null==e[t]&&(e[t]=Os[t]);let{mass:o,frequency:r,damping:l}=e;Pi.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,hs(t.config,l),t.config!==i.config?hs(i.config,l):void 0);let b=Ja(this);if(!b||Pi.und(u))return n($s(this,!0));const _=Pi.und(t.reset)?r&&!t.default:!Pi.und(d)&&vs(t.reset,l),k=_?d:this.get(),y=ws(u),E=Pi.num(y)||Pi.arr(y)||ja(y),C=!f&&(!E||vs(i.immediate||t.immediate,l));if(m){const e=cs(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 S=b.constructor;let w=Ca(u),B=!1;if(!w){const e=_||!tc(this)&&p;(m||e)&&(B=Mi(ws(k),y),w=!B),(Mi(a.immediate,C)||C)&&Mi(g.decay,h)&&Mi(g.velocity,v)||(w=!0)}if(B&&nc(this)&&(a.changed&&!_?w=!0:w||this._stop(s)),!f&&((w||Ca(s))&&(a.values=b.getPayload(),a.toValues=Ca(u)?null:S==rs?[1]:Ai(y)),a.immediate!=C&&(a.immediate=C,C||_||this._set(s)),w)){const{onRest:e}=a;Li(pc,(e=>mc(this,t,e)));const o=$s(this,ac(this,s));Oi(this._pendingCalls,o),this._pendingCalls.add(n),a.changed&&di.batchedUpdates((()=>{a.changed=!_,null==e||e(o,this),_?hs(i.onRest,o):null==a.onStart||a.onStart(o,this)}))}_&&this._set(k),f?n(Ks(t.to,t,this._state,this)):w?this._start():nc(this)&&!m?this._pendingCalls.add(n):n(Ws(k))}_focus(e){const t=this.animation;e!==t.to&&(wa(this)&&this._detach(),t.to=e,wa(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Ca(t)&&(Ta(t,this),Zs(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Ca(e)&&Na(e,this)}_set(e,t=!0){const n=Sa(e);if(!Pi.und(n)){const e=Ja(this);if(!e||!Mi(n,e.getValue())){const o=cs(n);e&&e.constructor==o?e.setValue(n):es(this,o.create(n)),e&&di.batchedUpdates((()=>{this._onChange(n,t)}))}}return Ja(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,fc(this,"onStart",$s(this,ac(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),hs(this.animation.onChange,e,this)),hs(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;Ja(this).reset(Sa(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),nc(this)||(rc(this,!0),oc(this)||this._resume())}_resume(){$i.skipAnimation?this.finish():Qi.start(this)}_stop(e,t){if(nc(this)){rc(this,!1);const n=this.animation;Li(n.values,(e=>{e.done=!0})),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Ba(this,{type:"idle",parent:this});const o=t?js(this.get()):$s(this.get(),ac(this,null!=e?e:n.to));Oi(this._pendingCalls,o),n.changed&&(n.changed=!1,fc(this,"onRest",o,this))}}}function ac(e,t){const n=ws(t);return Mi(ws(e.get()),n)}function sc(e,t=e.loop,n=e.to){let o=hs(t);if(o){const r=!0!==o&&Ss(o),l=(r||e).reverse,i=!r||r.reset;return cc(gs({},e,{loop:t,default:!1,pause:void 0,to:!l||Is(n)?n:void 0,from:i?e.from:void 0,reset:i},r))}}function cc(e){const{to:t,from:n}=e=Ss(e),o=new Set;return Pi.obj(t)&&dc(t,o),Pi.obj(n)&&dc(n,o),e.keys=o.size?Array.from(o):null,e}function uc(e){const t=cc(e);return Pi.und(t.default)&&(t.default=ys(t)),t}function dc(e,t){Ri(e,((e,n)=>null!=e&&t.add(n)))}const pc=["onStart","onRest","onChange","onPause","onResume"];function mc(e,t,n){e.animation[n]=t[n]!==_s(t,n)?bs(t[n],e.key):void 0}function fc(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 gc=["onStart","onChange","onRest"];let hc=1;class vc{constructor(e,t){this.id=hc++,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(gs({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle&&!e.isDelayed&&!e.isPaused))}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];Pi.und(n)||this.springs[t].set(n)}}update(e){return e&&this.queue.push(cc(e)),this}start(e){let{queue:t}=this;return e?t=Ai(e).map(cc):this.queue=[],this._flush?this._flush(this,t):(Sc(this,t),bc(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const n=this.springs;Li(Ai(t),(t=>n[t].stop(!!e)))}else qs(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Pi.und(e))this.start({pause:!0});else{const t=this.springs;Li(Ai(e),(e=>t[e].pause()))}return this}resume(e){if(Pi.und(e))this.start({pause:!1});else{const t=this.springs;Li(Ai(e),(e=>t[e].resume()))}return this}each(e){Ri(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,Di(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&&Di(t,(([e,t])=>{t.value=i,e(t,this,this._item)})),l&&(this._started=!1,Di(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)}di.onFrame(this._onFrame)}}function bc(e,t){return Promise.all(t.map((t=>_c(e,t)))).then((t=>Us(e,t)))}async function _c(e,t,n){const{keys:o,to:r,from:l,loop:i,onRest:a,onResolve:s}=t,c=Pi.obj(t.default)&&t.default;i&&(t.loop=!1),!1===r&&(t.to=null),!1===l&&(t.from=null);const u=Pi.arr(r)||Pi.fun(r)?r:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Li(gc,(n=>{const o=t[n];if(Pi.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,Oi(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===_s(t,"cancel");(u||m&&d.asyncId)&&p.push(Gs(++e._lastAsyncId,{props:t,state:d,actions:{pause:Ni,resume:Ni,start(t,n){m?(qs(d,e._lastAsyncId),n(js(e))):(t.onRest=a,n(Ks(u,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const f=Us(e,await Promise.all(p));if(i&&f.finished&&(!n||!f.noop)){const n=sc(t,i,r);if(n)return Sc(e,[n]),_c(e,n,!0)}return s&&di.batchedUpdates((()=>s(f,e,e.item))),f}function kc(e,t){const n=gs({},e.springs);return t&&Li(Ai(t),(e=>{Pi.und(e.keys)&&(e=cc(e)),Pi.obj(e.to)||(e=gs({},e,{to:void 0})),Cc(n,e,(e=>Ec(e)))})),yc(e,n),n}function yc(e,t){Ri(t,((t,n)=>{e.springs[n]||(e.springs[n]=t,Ta(t,e))}))}function Ec(e,t){const n=new ic;return n.key=e,t&&Ta(n,t),n}function Cc(e,t,n){t.keys&&Li(t.keys,(o=>{(e[o]||(e[o]=n(o)))._prepareNode(t)}))}function Sc(e,t){Li(t,(t=>{Cc(e.springs,t,(t=>Ec(t,e)))}))}function wc(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o=0||(r[n]=e[n]);return r}const Bc=["children"],Ic=e=>{let{children:t}=e,n=wc(e,Bc);const o=(0,xi.useContext)(xc),r=n.pause||!!o.pause,l=n.immediate||!!o.immediate;n=function(e,t){const[n]=(0,xi.useState)((()=>({inputs:t,result:e()}))),o=(0,xi.useRef)(),r=o.current;let l=r;if(l){const n=Boolean(t&&l.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let n=0;n{o.current=l,r==n&&(n.inputs=n.result=void 0)}),[l]),l.result}((()=>({pause:r,immediate:l})),[r,l]);const{Provider:i}=xc;return xi.createElement(i,{value:n},t)},xc=(Tc=Ic,Nc={},Object.assign(Tc,xi.createContext(Nc)),Tc.Provider._context=Tc,Tc.Consumer._context=Tc,Tc);var Tc,Nc;Ic.Provider=xc.Provider,Ic.Consumer=xc.Consumer;const Pc=()=>{const e=[],t=function(t){$a(`${Ga}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 Li(e,((e,r)=>{if(Pi.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 Li(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Li(e,(e=>e.resume(...arguments))),this},t.set=function(t){Li(e,(e=>e.set(t)))},t.start=function(t){const n=[];return Li(e,((e,o)=>{if(Pi.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 Li(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Li(e,((e,n)=>e.update(this._getProps(t,e,n)))),this};const n=function(e,t,n){return Pi.fun(e)?e(n,t):e};return t._getProps=n,t};function Mc(e,t,n){const o=Pi.fun(t)&&t;o&&!n&&(n=[]);const r=(0,xi.useMemo)((()=>o||3==arguments.length?Pc():void 0),[]),l=(0,xi.useRef)(0),i=qa(),a=(0,xi.useMemo)((()=>({ctrls:[],queue:[],flush(e,t){const n=kc(e,t);return l.current>0&&!a.queue.length&&!Object.keys(n).some((t=>!e.springs[t]))?bc(e,t):new Promise((o=>{yc(e,n),a.queue.push((()=>{o(bc(e,t))})),i()}))}})),[]),s=(0,xi.useRef)([...a.ctrls]),c=[],u=Za(e)||0;function d(e,n){for(let r=e;r{Li(s.current.slice(e,u),(e=>{xs(e,r),e.stop(!0)})),s.current.length=e,d(u,e)}),[e]),(0,xi.useMemo)((()=>{d(0,Math.min(u,e))}),n);const p=s.current.map(((e,t)=>kc(e,c[t]))),m=(0,xi.useContext)(Ic),f=Za(m),g=m!==f&&Bs(m);Ka((()=>{l.current++,a.ctrls=s.current;const{queue:e}=a;e.length&&(a.queue=[],Li(e,(e=>e()))),Li(s.current,((e,t)=>{null==r||r.add(e),g&&e.start({default:m});const n=c[t];n&&(Ts(e,n.ref),e.ref?e.queue.push(n):e.start(n))}))})),Ya((()=>()=>{Li(a.ctrls,(e=>e.stop(!0)))}));const h=p.map((e=>gs({},e)));return r?[h,r]:h}function Lc(e,t){const n=Pi.fun(e),[[o],r]=Mc(1,n?e:[e],n?t||[]:t);return n||2==arguments.length?[o,r]:o}let Rc;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Rc||(Rc={}));class Ac extends Js{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=_a(...t);const n=this._get(),o=cs(n);es(this,o.create(n))}advance(e){const t=this._get();Mi(t,this.get())||(Ja(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Oc(this._active)&&zc(this)}_get(){const e=Pi.arr(this.source)?this.source.map(Sa):Ai(Sa(this.source));return this.calc(...e)}_start(){this.idle&&!Oc(this._active)&&(this.idle=!1,Li(ts(this),(e=>{e.done=!1})),$i.skipAnimation?(di.batchedUpdates((()=>this.advance())),zc(this)):Qi.start(this))}_attach(){let e=1;Li(Ai(this.source),(t=>{Ca(t)&&Ta(t,this),Zs(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Li(Ai(this.source),(e=>{Ca(e)&&Na(e,this)})),this._active.clear(),zc(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=Ai(this.source).reduce(((e,t)=>Math.max(e,(Zs(t)?t.priority:0)+1)),0))}}function Dc(e){return!1!==e.idle}function Oc(e){return!e.size||Array.from(e).every(Dc)}function zc(e){e.idle||(e.idle=!0,Li(ts(e),(e=>{e.done=!0})),Ba(e,{type:"idle",parent:e}))}$i.assign({createStringInterpolator:Ha,to:(e,t)=>new Ac(e,t)});Qi.advance;var Fc=window.ReactDOM;function Vc(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o=0||(r[n]=e[n]);return r}const Hc=["style","children","scrollTop","scrollLeft"],Gc=/^--/;function Uc(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||Gc.test(e)||$c.hasOwnProperty(e)&&$c[e]?(""+t).trim():t+"px"}const Wc={};let $c={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 jc=["Webkit","Ms","Moz","O"];$c=Object.keys($c).reduce(((e,t)=>(jc.forEach((n=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(n,t)]=e[t])),e)),$c);const Kc=["x","y","z"],qc=/^(matrix|translate|scale|rotate|skew)/,Yc=/^(translate)/,Qc=/^(rotate|skew)/,Zc=(e,t)=>Pi.num(e)&&0!==e?e+t:e,Xc=(e,t)=>Pi.arr(e)?e.every((e=>Xc(e,t))):Pi.num(e)?e===t:parseFloat(e)===t;class Jc extends is{constructor(e){let{x:t,y:n,z:o}=e,r=Vc(e,Kc);const l=[],i=[];(t||n||o)&&(l.push([t||0,n||0,o||0]),i.push((e=>[`translate3d(${e.map((e=>Zc(e,"px"))).join(",")})`,Xc(e,0)]))),Ri(r,((e,t)=>{if("transform"===t)l.push([e||""]),i.push((e=>[e,""===e]));else if(qc.test(t)){if(delete r[t],Pi.und(e))return;const n=Yc.test(t)?"px":Qc.test(t)?"deg":"";l.push(Ai(e)),i.push("rotate3d"===t?([e,t,o,r])=>[`rotate3d(${e},${t},${o},${Zc(r,n)})`,Xc(r,0)]:e=>[`${t}(${e.map((e=>Zc(e,n))).join(",")})`,Xc(e,t.startsWith("scale")?1:0)])}})),l.length&&(r.transform=new eu(l,i)),super(r)}}class eu extends Ia{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 Li(this.inputs,((n,o)=>{const r=Sa(n[0]),[l,i]=this.transforms[o](Pi.arr(r)?r:n.map(Sa));e+=" "+l,t=t&&i})),t?"none":e}observerAdded(e){1==e&&Li(this.inputs,(e=>Li(e,(e=>Ca(e)&&Ta(e,this)))))}observerRemoved(e){0==e&&Li(this.inputs,(e=>Li(e,(e=>Ca(e)&&Na(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Ba(this,e)}}const tu=["scrollTop","scrollLeft"];$i.assign({batchedUpdates:Fc.unstable_batchedUpdates,createStringInterpolator:Ha,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 nu=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:n=(e=>new is(e)),getComponentProps:o=(e=>e)}={})=>{const r={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:o},l=e=>{const t=fs(e)||"Anonymous";return(e=Pi.str(e)?l[e]||(l[e]=ds(e,r)):e[ms]||(e[ms]=ds(e,r))).displayName=`Animated(${t})`,e};return Ri(e,((t,n)=>{Pi.arr(e)&&(n=fs(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:a}=o,s=Vc(o,Hc),c=Object.values(s),u=Object.keys(s).map((t=>n||e.hasAttribute(t)?t:Wc[t]||(Wc[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=Uc(t,r[t]);Gc.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!==a&&(e.scrollLeft=a)},createAnimatedStyle:e=>new Jc(e),getComponentProps:e=>Vc(e,tu)}),ou=nu.animated,ru=e=>e+1,lu=e=>({top:e.offsetTop,left:e.offsetLeft});var iu=function(e){let{isSelected:t,adjustScrolling:n,enableAnimation:o,triggerAnimationOnChange:r}=e;const l=(0,a.useRef)(),i=(0,d.useReducedMotion)()||!o,[s,c]=(0,a.useReducer)(ru,0),[u,p]=(0,a.useReducer)(ru,0),[m,f]=(0,a.useState)({x:0,y:0}),g=(0,a.useMemo)((()=>l.current?lu(l.current):null),[r]),h=(0,a.useMemo)((()=>{if(!n||!l.current)return()=>{};const e=(0,Wl.getScrollContainer)(l.current);if(!e)return()=>{};const t=l.current.getBoundingClientRect();return()=>{const n=l.current.getBoundingClientRect().top-t.top;n&&(e.scrollTop+=n)}}),[r,n]);return(0,a.useLayoutEffect)((()=>{s&&p()}),[s]),(0,a.useLayoutEffect)((()=>{if(!g)return;if(i)return void h();l.current.style.transform=void 0;const e=lu(l.current);c(),f({x:Math.round(g.left-e.left),y:Math.round(g.top-e.top)})}),[r]),Lc({from:{x:m.x,y:m.y},to:{x:0,y:0},reset:s!==u,config:{mass:5,tension:2e3,friction:200},immediate:i,onChange:function(e){let{value:n}=e;if(!l.current)return;let{x:o,y:r}=n;o=Math.round(o),r=Math.round(r);const i=0===o&&0===r;l.current.style.transformOrigin="center center",l.current.style.transform=i?void 0:`translate3d(${o}px,${r}px,0)`,l.current.style.zIndex=t?"1":"",h()}}),l};const au=".block-editor-block-list__block",su=".block-list-appender",cu=".block-editor-button-block-appender";function uu(e,t){return t.closest([au,su,cu].join(","))===e}function du(e){for(;e&&e.nodeType!==e.ELEMENT_NODE;)e=e.parentNode;if(!e)return;const t=e.closest(au);return t?t.id.slice("block-".length):void 0}function pu(e){const t=(0,a.useRef)(),n=function(e){return(0,p.useSelect)((t=>{const{getSelectedBlocksInitialCaretPosition:n,__unstableGetEditorMode:o,isBlockSelected:r}=t(so);if(r(e)&&"edit"===o())return n()}),[e])}(e),{isBlockSelected:o,isMultiSelecting:r}=(0,p.useSelect)(so);return(0,a.useEffect)((()=>{if(!o(e)||r())return;if(null==n)return;if(!t.current)return;const{ownerDocument:l}=t.current;if(uu(t.current,l.activeElement))return;const i=Wl.focus.tabbable.find(t.current).filter((e=>(0,Wl.isTextField)(e))),a=-1===n,s=i[a?i.length-1:0]||t.current;if(uu(t.current,s)){if(!t.current.getAttribute("contenteditable")){const e=Wl.focus.tabbable.findNext(t.current);if(e&&uu(t.current,e)&&(0,Wl.isFormElement)(e))return void e.focus()}(0,Wl.placeCaretAtHorizontalEdge)(s,a)}else t.current.focus()}),[n,e]),t}function mu(e){if(e.defaultPrevented)return;const t="mouseover"===e.type?"add":"remove";e.preventDefault(),e.currentTarget.classList[t]("is-hovered")}function fu(){const e=(0,p.useSelect)((e=>{const{getSettings:t}=e(so);return t().outlineMode}),[]);return(0,d.useRefEffect)((t=>{if(e)return t.addEventListener("mouseout",mu),t.addEventListener("mouseover",mu),()=>{t.removeEventListener("mouseout",mu),t.removeEventListener("mouseover",mu),t.classList.remove("is-hovered")}}),[e])}function gu(e){return(0,p.useSelect)((t=>{const{isBlockBeingDragged:n,isBlockHighlighted:o,isBlockSelected:l,isBlockMultiSelected:i,getBlockName:a,getSettings:s,hasSelectedInnerBlock:u,isTyping:d,__unstableIsFullySelected:p,__unstableSelectionHasUnmergeableBlock:m}=t(so),{outlineMode:f}=s(),g=n(e),h=l(e),v=a(e),b=u(e,!0),_=i(e);return c()({"is-selected":h,"is-highlighted":o(e),"is-multi-selected":_,"is-partially-selected":_&&!p()&&!m(),"is-reusable":(0,r.isReusableBlock)((0,r.getBlockType)(v)),"is-dragging":g,"has-child-selected":b,"remove-outline":h&&f&&d()})}),[e])}function hu(e){return(0,p.useSelect)((t=>{const n=t(so).getBlockName(e),o=(0,r.getBlockType)(n);if((null==o?void 0:o.apiVersion)>1)return(0,r.getBlockDefaultClassName)(n)}),[e])}function vu(e){return(0,p.useSelect)((t=>{const{getBlockName:n,getBlockAttributes:o}=t(so),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 bu(e){return(0,p.useSelect)((t=>{const{hasBlockMovingClientId:n,canInsertBlockType:o,getBlockName:r,getBlockRootClientId:l,isBlockSelected:i}=t(so);if(!i(e))return;const a=n();return a?c()("is-block-moving-mode",{"can-insert-moving-block":o(r(a),l(e))}):void 0}),[e])}function _u(e){const{isBlockSelected:t}=(0,p.useSelect)(so),{selectBlock:n,selectionChange:o}=(0,p.useDispatch)(so);return(0,d.useRefEffect)((r=>{function l(l){r.parentElement.closest('[contenteditable="true"]')||(t(e)?l.target.isContentEditable||o(e):uu(r,l.target)&&n(e))}return r.addEventListener("focusin",l),()=>{r.removeEventListener("focusin",l)}}),[t,n])}var ku=window.wp.keycodes;function yu(e){const t=(0,p.useSelect)((t=>t(so).isBlockSelected(e)),[e]),{getBlockRootClientId:n,getBlockIndex:o}=(0,p.useSelect)(so),{insertDefaultBlock:r,removeBlock:l}=(0,p.useDispatch)(so);return(0,d.useRefEffect)((i=>{if(t)return i.addEventListener("keydown",a),i.addEventListener("dragstart",s),()=>{i.removeEventListener("keydown",a),i.removeEventListener("dragstart",s)};function a(t){const{keyCode:a,target:s}=t;a!==ku.ENTER&&a!==ku.BACKSPACE&&a!==ku.DELETE||s!==i||(0,Wl.isTextField)(s)||(t.preventDefault(),a===ku.ENTER?r({},n(e),o(e)+1):l(e))}function s(e){e.preventDefault()}}),[e,t,n,o,r,l])}function Eu(e){const{isNavigationMode:t,isBlockSelected:n}=(0,p.useSelect)(so),{setNavigationMode:o,selectBlock:r}=(0,p.useDispatch)(so);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])}function Cu(){const e=(0,a.useContext)(eh);return(0,d.useRefEffect)((t=>{if(e)return e.observe(t),()=>{e.unobserve(t)}}),[e])}function Su(e){return(0,p.useSelect)((t=>{const{__unstableHasActiveBlockOverlayActive:n}=t(so);return n(e)}),[e])}function wu(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{__unstableIsHtml:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{clientId:n,className:o,wrapperProps:l={},isAligned:i}=(0,a.useContext)(Bu),{index:s,mode:u,name:m,blockApiVersion:f,blockTitle:h,isPartOfSelection:v,adjustScrolling:b,enableAnimation:_}=(0,p.useSelect)((e=>{const{getBlockIndex:t,getBlockMode:o,getBlockName:l,isTyping:i,getGlobalBlockCount:a,isBlockSelected:s,isBlockMultiSelected:c,isAncestorMultiSelected:u,isFirstMultiSelectedBlock:d}=e(so),p=s(n),m=c(n)||u(n),f=l(n),g=(0,r.getBlockType)(f);return{index:t(n),mode:o(n),name:f,blockApiVersion:(null==g?void 0:g.apiVersion)||1,blockTitle:null==g?void 0:g.title,isPartOfSelection:p||m,adjustScrolling:p||d(n),enableAnimation:!i()&&a()<=200}}),[n]),k=Su(n),y=(0,g.sprintf)((0,g.__)("Block: %s"),h),E="html"!==u||t?"":"-visual",C=(0,d.useMergeRefs)([e.ref,pu(n),Po(n),_u(n),yu(n),Eu(n),fu(),Cu(),iu({isSelected:v,adjustScrolling:b,enableAnimation:_,triggerAnimationOnChange:s}),(0,d.useDisabled)({isDisabled:!k})]),S=mo();return f<2&&n===S.clientId&&"undefined"!=typeof process&&process.env,{tabIndex:0,...l,...e,ref:C,id:`block-${n}${E}`,role:"document","aria-label":y,"data-block":n,"data-type":m,"data-title":h,className:c()(c()("block-editor-block-list__block",{"wp-block":!i,"has-block-overlay":k}),o,e.className,l.className,gu(n),hu(n),vu(n),bu(n)),style:{...l.style,...e.style}}}wu.save=r.__unstableGetBlockProps;const Bu=(0,a.createContext)();function Iu(e){let{children:t,isHtml:n,...o}=e;return(0,a.createElement)("div",wu(o,{__unstableIsHtml:n}),t)}const xu=(0,p.withSelect)(((e,t)=>{let{clientId:n,rootClientId:o}=t;const{isBlockSelected:r,getBlockMode:l,isSelectionEnabled:i,getTemplateLock:a,__unstableGetBlockWithoutInnerBlocks:s,canRemoveBlock:c,canMoveBlock:u}=e(so),d=s(n),p=r(n),m=a(o),f=c(n,o),g=u(n,o),{name:h,attributes:v,isValid:b}=d||{};return{mode:l(n),isSelectionEnabled:i(),isLocked:!!m,canRemove:f,canMove:g,block:d,name:h,attributes:v,isValid:b,isSelected:p}})),Tu=(0,p.withDispatch)(((e,t,n)=>{const{updateBlockAttributes:o,insertBlocks:l,mergeBlocks:i,replaceBlocks:a,toggleSelection:s,__unstableMarkLastChangeAsPersistent:c,moveBlocksToPosition:u,removeBlock:d,selectBlock:p}=e(so);return{setAttributes(e){const{getMultiSelectedBlockClientIds:r}=n.select(so),l=r(),{clientId:i}=t,a=l.length?l:[i];o(a,e)},onInsertBlocks(e,n){const{rootClientId:o}=t;l(e,n,o)},onInsertBlocksAfter(e){const{clientId:o,rootClientId:r}=t,{getBlockIndex:i}=n.select(so),a=i(o);l(e,a+1,r)},onMerge(e){const{clientId:o,rootClientId:l}=t,{getPreviousBlockClientId:s,getNextBlockClientId:c,getBlock:m,getBlockAttributes:f,getBlockName:g,getBlockOrder:h}=n.select(so);if(e){if(l){const e=c(l);if(e){if(g(l)!==g(e))return void i(l,e);{const t=f(l),o=f(e);if(Object.keys(t).every((e=>t[e]===o[e])))return void n.batch((()=>{u(h(e),e,l),d(e,!1)}))}}}const e=c(o);if(!e)return;const t=(0,r.switchToBlockType)(m(e),"*");t&&t.length?a(e,t):i(o,e)}else{const e=s(o);if(e)i(e,o);else if(l){const e=s(l);if(e&&g(l)===g(e)){const t=f(l),o=f(e);if(Object.keys(t).every((e=>t[e]===o[e])))return void n.batch((()=>{u(h(l),l,e),d(l,!1)}))}const t=(0,r.switchToBlockType)(m(l),"*");t&&t.length&&n.batch((()=>{a(l,t),p(t[0].clientId,0)}))}}},onReplace(e,n,o){e.length&&!(0,r.isUnmodifiedDefaultBlock)(e[e.length-1])&&c(),a([t.clientId],e,n,o)},toggleSelection(e){s(e)}}}));var Nu=(0,d.compose)(d.pure,xu,Tu,(0,d.ifCondition)((e=>{let{block:t}=e;return!!t})),(0,m.withFilters)("editor.BlockListBlock"))((function(e){var t;let{block:{__unstableBlockSource:n},mode:o,isLocked:l,canRemove:i,clientId:s,isSelected:u,isSelectionEnabled:d,className:m,name:f,isValid:g,attributes:h,wrapperProps:v,setAttributes:b,onReplace:_,onInsertBlocksAfter:k,onMerge:y,toggleSelection:E}=e;const{themeSupportsLayout:C,hasContentLockedParent:S,isContentBlock:w,isContentLocking:B,isTemporarilyEditingAsBlocks:I}=(0,p.useSelect)((e=>{const{getSettings:t,__unstableGetContentLockingParent:n,getTemplateLock:o,__unstableGetTemporarilyEditingAsBlocks:l}=e(so),i=!!n(s);return{themeSupportsLayout:t().supportsLayout,isContentBlock:e(r.store).__experimentalHasContentRoleAttribute(f),hasContentLockedParent:i,isContentLocking:"contentOnly"===o(s)&&!i,isTemporarilyEditingAsBlocks:l()===s}}),[f,s]),{removeBlock:x}=(0,p.useDispatch)(so),T=(0,a.useCallback)((()=>x(s)),[s]);let N=(0,a.createElement)(Ql,{name:f,isSelected:u,attributes:h,setAttributes:b,insertBlocksAfter:l?void 0:k,onReplace:i?_:void 0,onRemove:i?T:void 0,mergeBlocks:i?y:void 0,clientId:s,isSelectionEnabled:d,toggleSelection:E});const P=(0,r.getBlockType)(f);S&&!w&&(v={...v,tabIndex:-1}),null!=P&&P.getEditWrapperProps&&(v=function(e,t){const n={...e,...t};return null!=e&&e.className&&null!=t&&t.className&&(n.className=c()(e.className,t.className)),null!=e&&e.style&&null!=t&&t.style&&(n.style={...e.style,...t.style}),n}(v,P.getEditWrapperProps(h)));const M=v&&!!v["data-align"]&&!C;let L;if(M&&(N=(0,a.createElement)("div",{className:"wp-block","data-align":v["data-align"]},N)),g)L="html"===o?(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{style:{display:"none"}},N),(0,a.createElement)(Iu,{isHtml:!0},(0,a.createElement)(ci,{clientId:s}))):(null==P?void 0:P.apiVersion)>1?N:(0,a.createElement)(Iu,v,N);else{const e=n?(0,r.serializeRawBlock)(n):(0,r.getSaveContent)(P,h);L=(0,a.createElement)(Iu,{className:"has-warning"},(0,a.createElement)(oi,{clientId:s}),(0,a.createElement)(a.RawHTML,null,(0,Wl.safeHTML)(e)))}const{"data-align":R,...A}=null!==(t=v)&&void 0!==t?t:{},D={clientId:s,className:c()({"is-content-locked":B,"is-content-locked-temporarily-editing-as-blocks":I,"is-content-block":S&&w},R&&C&&`align${R}`,m),wrapperProps:A,isAligned:M},O=(0,a.useMemo)((()=>D),Object.values(D));return(0,a.createElement)(Bu.Provider,{value:O},(0,a.createElement)(ai,{fallback:(0,a.createElement)(Iu,{className:"has-warning"},(0,a.createElement)(li,null))},L))})),Pu=window.wp.htmlEntities;var Mu=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"}));const Lu=[(0,a.createInterpolateElement)((0,g.__)("While writing, you can press / to quickly insert new blocks."),{kbd:(0,a.createElement)("kbd",null)}),(0,a.createInterpolateElement)((0,g.__)("Indent a list by pressing space at the beginning of a line."),{kbd:(0,a.createElement)("kbd",null)}),(0,a.createInterpolateElement)((0,g.__)("Outdent a list by pressing backspace at the beginning of a line."),{kbd:(0,a.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 Ru=function(){const[e]=(0,a.useState)(Math.floor(Math.random()*Lu.length));return(0,a.createElement)(m.Tip,null,Lu[e])};var Au=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var Du=(0,a.memo)((function(e){var t;let{icon:n,showColors:o=!1,className:r}=e;"block-default"===(null===(t=n)||void 0===t?void 0:t.src)&&(n={src:Au});const l=(0,a.createElement)(m.Icon,{icon:n&&n.src?n.src:n}),i=o?{backgroundColor:n&&n.background,color:n&&n.foreground}:{};return(0,a.createElement)("span",{style:i,className:c()("block-editor-block-icon",r,{"has-colors":o})},l)}));var Ou=function(e){let{title:t,icon:n,description:o,blockType:r}=e;return r&&(V()("`blockType` property in `BlockCard component`",{since:"5.7",alternative:"`title, icon and description` properties"}),({title:t,icon:n,description:o}=r)),(0,a.createElement)("div",{className:"block-editor-block-card"},(0,a.createElement)(Du,{icon:n,showColors:!0}),(0,a.createElement)("div",{className:"block-editor-block-card__content"},(0,a.createElement)("h2",{className:"block-editor-block-card__title"},t),(0,a.createElement)("span",{className:"block-editor-block-card__description"},o)))};const zu=(0,d.createHigherOrderComponent)((e=>(0,p.withRegistry)((t=>{let{useSubRegistry:n=!0,registry:o,...r}=t;if(!n)return(0,a.createElement)(e,i({registry:o},r));const[l,s]=(0,a.useState)(null);return(0,a.useEffect)((()=>{const e=(0,p.createRegistry)({},o);e.registerStore(io,ao),s(e)}),[o]),l?(0,a.createElement)(p.RegistryProvider,{value:l},(0,a.createElement)(e,i({registry:l},r))):null}))),"withRegistryProvider");const Fu=()=>{};function Vu(e){let{clientId:t=null,value:n,selection:o,onChange:l=Fu,onInput:i=Fu}=e;const s=(0,p.useRegistry)(),{resetBlocks:c,resetSelection:u,replaceInnerBlocks:d,setHasControlledInnerBlocks:m,__unstableMarkNextChangeAsNotPersistent:f}=s.dispatch(so),{getBlockName:g,getBlocks:h}=s.select(so),v=(0,p.useSelect)((e=>!t||e(so).areInnerBlocksControlled(t)),[t]),b=(0,a.useRef)({incoming:null,outgoing:[]}),_=(0,a.useRef)(!1),k=()=>{n&&(f(),t?s.batch((()=>{m(t,!0);const e=n.map((e=>(0,r.cloneBlock)(e)));_.current&&(b.current.incoming=e),f(),d(t,e)})):(_.current&&(b.current.incoming=n),c(n)))},y=(0,a.useRef)(i),E=(0,a.useRef)(l);(0,a.useEffect)((()=>{y.current=i,E.current=l}),[i,l]),(0,a.useEffect)((()=>{b.current.outgoing.includes(n)?b.current.outgoing[b.current.outgoing.length-1]===n&&(b.current.outgoing=[]):h(t)!==n&&(b.current.outgoing=[],k(),o&&u(o.selectionStart,o.selectionEnd,o.initialPosition))}),[n,t]),(0,a.useEffect)((()=>{v||(b.current.outgoing=[],k())}),[v]),(0,a.useEffect)((()=>{const{getSelectionStart:e,getSelectionEnd:n,getSelectedBlocksInitialCaretPosition:o,isLastBlockChangePersistent:r,__unstableIsLastBlockChangeIgnored:l,areInnerBlocksControlled:i}=s.select(so);let a=h(t),c=r(),u=!1;_.current=!0;const d=s.subscribe((()=>{if(null!==t&&null===g(t))return;if(!(!t||i(t)))return;const s=r(),d=h(t),p=d!==a;if(a=d,p&&(b.current.incoming||l()))return b.current.incoming=null,void(c=s);if(p||u&&!p&&s&&!c){c=s,b.current.outgoing.push(a);(c?E.current:y.current)(a,{selection:{selectionStart:e(),selectionEnd:n(),initialPosition:o()}})}u=p}));return()=>d()}),[s,t])}var Hu=zu((function(e){const{children:t,settings:n}=e,{updateSettings:o}=(0,p.useDispatch)(so);return(0,a.useEffect)((()=>{o(n)}),[n]),Vu(e),(0,a.createElement)(No,null,t)}));function Gu(e){let{onClick:t}=e;return(0,a.createElement)("div",{tabIndex:0,role:"button",onClick:t,onKeyPress:t},(0,a.createElement)(m.Disabled,null,(0,a.createElement)(nh,null)))}function Uu(){const{hasSelectedBlock:e,hasMultiSelection:t}=(0,p.useSelect)(so),{clearSelectedBlock:n}=(0,p.useDispatch)(so);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 Wu(e){return(0,a.createElement)("div",i({ref:Uu()},e))}function $u(e){const{isMultiSelecting:t,getMultiSelectedBlockClientIds:n,hasMultiSelection:o,getSelectedBlockClientId:r,getSelectedBlocksInitialCaretPosition:l,__unstableIsFullySelected:i}=e(so);return{isMultiSelecting:t(),multiSelectedBlockClientIds:n(),hasMultiSelection:o(),selectedBlockClientId:r(),initialPosition:l(),isFullSelection:i()}}function ju(){const{initialPosition:e,isMultiSelecting:t,multiSelectedBlockClientIds:n,hasMultiSelection:o,selectedBlockClientId:r,isFullSelection:l}=(0,p.useSelect)($u,[]);return(0,d.useRefEffect)((r=>{const{ownerDocument:i}=r,{defaultView:a}=i;if(null==e)return;if(!o||t)return;const{length:s}=n;s<2||l&&(r.contentEditable=!0,r.focus(),a.getSelection().removeAllRanges())}),[o,t,n,r,e,l])}function Ku(e,t,n,o){let r,l=Wl.focus.focusable.find(n);return t&&l.reverse(),l=l.slice(l.indexOf(e)+1),o&&(r=e.getBoundingClientRect()),l.find((function(e){if(!Wl.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 qu(){const{getMultiSelectedBlocksStartClientId:e,getMultiSelectedBlocksEndClientId:t,getSettings:n,hasMultiSelection:o,__unstableIsFullySelected:r}=(0,p.useSelect)(so),{selectBlock:l}=(0,p.useDispatch)(so);return(0,d.useRefEffect)((i=>{let a;function s(){a=null}function c(s){const{keyCode:c,target:u}=s,d=c===ku.UP,p=c===ku.DOWN,m=c===ku.LEFT,f=c===ku.RIGHT,g=d||m,h=m||f,v=d||p,b=h||v,_=s.shiftKey,k=_||s.ctrlKey||s.altKey||s.metaKey,y=v?Wl.isVerticalEdge:Wl.isHorizontalEdge,{ownerDocument:E}=i,{defaultView:C}=E;if(o()){if(!r())return;if(s.defaultPrevented)return;if(!b)return;if(_)return;return s.preventDefault(),void(g?l(e()):l(t(),-1))}if(v?a||(a=(0,Wl.computeCaretRect)(C)):a=null,s.defaultPrevented)return;if(!b)return;if(!function(e,t,n){if((t===ku.UP||t===ku.DOWN)&&!n)return!0;const{tagName:o}=e;if("INPUT"===o)return["button","checkbox","color","file","image","radio","reset","submit"].includes(e.getAttribute("type"));return"TEXTAREA"!==o}(u,c,k))return;const S=(0,Wl.isRTL)(u)?!g:g,{keepCaretInsideBlock:w}=n();if(_)(function(e,t){const n=Ku(e,t,i);return n&&du(n)})(u,g)&&y(u,g)&&(i.contentEditable=!0,i.focus());else if(v&&(0,Wl.isVerticalEdge)(u,g)&&!w){const e=Ku(u,g,i,!0);e&&((0,Wl.placeCaretAtVerticalEdge)(e,g,a),s.preventDefault())}else if(h&&C.getSelection().isCollapsed&&(0,Wl.isHorizontalEdge)(u,S)&&!w){const e=Ku(u,S,i);(0,Wl.placeCaretAtHorizontalEdge)(e,g),s.preventDefault()}}return i.addEventListener("mousedown",s),i.addEventListener("keydown",c),()=>{i.removeEventListener("mousedown",s),i.removeEventListener("keydown",c)}}),[])}var Yu=window.wp.keyboardShortcuts;function Qu(){const{getBlockOrder:e,getSelectedBlockClientIds:t,getBlockRootClientId:n}=(0,p.useSelect)(so),{multiSelect:o,selectBlock:r}=(0,p.useDispatch)(so),l=(0,Yu.__unstableUseShortcutEventMatch)();return(0,d.useRefEffect)((i=>{function a(a){if(!l("core/block-editor/select-all",a))return;const s=t();if(s.length<2&&!(0,Wl.isEntirelySelected)(a.target))return;a.preventDefault();const[c]=s,u=n(c),d=e(u);s.length!==d.length?o(d[0],d[d.length-1]):u&&(i.ownerDocument.defaultView.getSelection().removeAllRanges(),r(u))}return i.addEventListener("keydown",a),()=>{i.removeEventListener("keydown",a)}}),[])}function Zu(e,t){e.contentEditable=t,t&&e.focus()}function Xu(){const{startMultiSelect:e,stopMultiSelect:t}=(0,p.useDispatch)(so),{isSelectionEnabled:n,hasMultiSelection:o,isDraggingBlocks:r}=(0,p.useSelect)(so);return(0,d.useRefEffect)((l=>{const{ownerDocument:i}=l,{defaultView:a}=i;let s,c;function u(){t(),a.removeEventListener("mouseup",u),c=a.requestAnimationFrame((()=>{if(o())return;Zu(l,!1);const e=a.getSelection();if(e.rangeCount){const{commonAncestorContainer:t}=e.getRangeAt(0);s.contains(t)&&s.focus()}}))}function d(t){let{buttons:o,target:c}=t;r()||1===o&&c.getAttribute("contenteditable")&&n()&&(s=i.activeElement,e(),a.addEventListener("mouseup",u),Zu(l,!0))}return l.addEventListener("mouseout",d),()=>{l.removeEventListener("mouseout",d),a.removeEventListener("mouseup",u),a.cancelAnimationFrame(c)}}),[e,t,n,o])}function Ju(e,t){e.contentEditable=t,t&&e.focus()}function ed(){const{multiSelect:e,selectBlock:t,selectionChange:n}=(0,p.useDispatch)(so),{getBlockParents:o,getBlockSelectionStart:r}=(0,p.useSelect)(so);return(0,d.useRefEffect)((n=>{const{ownerDocument:l}=n,{defaultView:i}=l;function a(l){const a=i.getSelection();if(!a.rangeCount)return;const s=l.shiftKey&&"mouseup"===l.type;if(a.isCollapsed&&!s)return void Ju(n,!1);let c=du(function(e){const{anchorNode:t,anchorOffset:n}=e;return t.nodeType===t.TEXT_NODE||0===n?t:t.childNodes[n-1]}(a)),u=du(function(e){const{focusNode:t,focusOffset:n}=e;return t.nodeType===t.TEXT_NODE||n===t.childNodes.length?t:t.childNodes[n]}(a));if(s){const e=r(),t=du(l.target),n=t!==u;(c===u&&a.isCollapsed||!u||n)&&(u=t),c!==e&&(c=e)}if(void 0===c&&void 0===u)return void Ju(n,!1);if(c===u)t(c);else{const t=[...o(c),c],n=[...o(u),u],r=function(e,t){let n=0;for(;e[n]===t[n];)n++;return n}(t,n);e(t[r],n[r])}}function s(){l.addEventListener("selectionchange",a),i.addEventListener("mouseup",a)}function c(){l.removeEventListener("selectionchange",a),i.removeEventListener("mouseup",a)}function u(){c(),s()}return s(),n.addEventListener("focusin",u),()=>{c(),n.removeEventListener("focusin",u)}}),[e,t,n,o])}function td(){const{selectBlock:e}=(0,p.useDispatch)(so),{isSelectionEnabled:t,getBlockSelectionStart:n,hasMultiSelection:o}=(0,p.useSelect)(so);return(0,d.useRefEffect)((r=>{function l(l){if(!t()||0!==l.button)return;const i=n(),a=du(l.target);l.shiftKey?i!==a&&(r.contentEditable=!0,r.focus()):o()&&e(a)}return r.addEventListener("mousedown",l),()=>{r.removeEventListener("mousedown",l)}}),[e,t,n,o])}function nd(){const{__unstableIsFullySelected:e,getSelectedBlockClientIds:t,__unstableIsSelectionMergeable:n,hasMultiSelection:o}=(0,p.useSelect)(so),{replaceBlocks:l,__unstableSplitSelection:i,removeBlocks:a,__unstableDeleteSelection:s,__unstableExpandSelection:c}=(0,p.useDispatch)(so);return(0,d.useRefEffect)((u=>{function d(e){var t;o()&&null!==(t=e.inputType)&&void 0!==t&&t.startsWith("format")&&e.preventDefault()}function p(d){d.defaultPrevented||o()&&(d.keyCode===ku.ENTER?(u.contentEditable=!1,d.preventDefault(),e()?l(t(),(0,r.createBlock)((0,r.getDefaultBlockName)())):i()):d.keyCode===ku.BACKSPACE||d.keyCode===ku.DELETE?(u.contentEditable=!1,d.preventDefault(),e()?a(t()):n()?s(d.keyCode===ku.DELETE):c()):1!==d.key.length||d.metaKey||d.ctrlKey||(u.contentEditable=!1,n()?s(d.keyCode===ku.DELETE):(d.preventDefault(),u.ownerDocument.defaultView.getSelection().removeAllRanges())))}function m(e){o()&&(u.contentEditable=!1,n()?s():(e.preventDefault(),u.ownerDocument.defaultView.getSelection().removeAllRanges()))}return u.addEventListener("beforeinput",d),u.addEventListener("keydown",p),u.addEventListener("compositionstart",m),()=>{u.removeEventListener("beforeinput",d),u.removeEventListener("keydown",p),u.removeEventListener("compositionstart",m)}}),[])}function od(){const[e,t,n]=function(){const e=(0,a.useRef)(),t=(0,a.useRef)(),n=(0,a.useRef)(),o=(0,a.useRef)(),{hasMultiSelection:r,getSelectedBlockClientId:l,getBlockCount:i}=(0,p.useSelect)(so),{setNavigationMode:s}=(0,p.useDispatch)(so),c=(0,p.useSelect)((e=>e(so).isNavigationMode()),[])?void 0:"0",u=(0,a.useRef)();function m(t){if(u.current)u.current=null;else if(r())e.current.focus();else if(l())o.current.focus();else{s(!0);const n=t.target.compareDocumentPosition(e.current)&t.target.DOCUMENT_POSITION_FOLLOWING?"findNext":"findPrevious";Wl.focus.tabbable[n](t.target).focus()}}const f=(0,a.createElement)("div",{ref:t,tabIndex:c,onFocus:m}),g=(0,a.createElement)("div",{ref:n,tabIndex:c,onFocus:m}),h=(0,d.useRefEffect)((a=>{function c(e){if(e.defaultPrevented)return;if(e.keyCode===ku.ESCAPE)return e.preventDefault(),void s(!0);if(e.keyCode!==ku.TAB)return;const o=e.shiftKey,i=o?"findPrevious":"findNext";if(!r()&&!l())return void(e.target===a&&s(!0));if(((0,Wl.isFormElement)(e.target)||e.target.getAttribute("data-block")===l())&&(0,Wl.isFormElement)(Wl.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}=a;e.relatedTarget||t.activeElement!==t.body||0!==i()||a.focus()}function p(o){var r;if(o.keyCode!==ku.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=Wl.focus.tabbable[l](o.target);i!==t.current&&i!==n.current||(o.preventDefault(),i.focus({preventScroll:!0}))}const{ownerDocument:m}=a,{defaultView:f}=m;return f.addEventListener("keydown",p),a.addEventListener("keydown",c),a.addEventListener("focusout",d),()=>{f.removeEventListener("keydown",p),a.removeEventListener("keydown",c),a.removeEventListener("focusout",d)}}),[]);return[f,(0,d.useMergeRefs)([e,h]),g]}(),o=(0,p.useSelect)((e=>e(so).hasMultiSelection()),[]);return[e,(0,d.useMergeRefs)([t,nd(),Xu(),ed(),td(),ju(),Qu(),qu(),(0,d.useRefEffect)((e=>{if(e.tabIndex=-1,e.contentEditable=o,o)return e.classList.add("has-multi-selection"),e.setAttribute("aria-label",(0,g.__)("Multiple selected blocks")),()=>{e.classList.remove("has-multi-selection"),e.removeAttribute("aria-label")}}),[o])]),n]}var rd=(0,a.forwardRef)((function(e,t){let{children:n,...o}=e;const[r,l,s]=od();return(0,a.createElement)(a.Fragment,null,r,(0,a.createElement)("div",i({},o,{ref:(0,d.useMergeRefs)([l,t]),className:c()(o.className,"block-editor-writing-flow")}),n),s)}));const ld="editor-styles-wrapper";function id(e){return(0,a.useMemo)((()=>{const t=document.implementation.createHTMLDocument("");return t.body.innerHTML=e,Array.from(t.body.children)}),[e])}var ad=(0,a.forwardRef)((function(e,t){let{contentRef:n,children:o,head:r,tabIndex:l=0,assets:s,isZoomedOut:u,...p}=e;const[,f]=(0,a.useReducer)((()=>({}))),[h,v]=(0,a.useState)(),[b,_]=(0,a.useState)([]),k=id(null==s?void 0:s.styles),y=id(null==s?void 0:s.scripts),E=Uu(),[C,S,w]=od(),[B,{height:I}]=(0,d.useResizeObserver)(),x=(0,d.useRefEffect)((e=>{let t;function n(e){e.preventDefault()}function o(){const{contentDocument:o,ownerDocument:r}=e,{readyState:l,documentElement:i}=o;return t=o,("interactive"===l||"complete"===l)&&(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)}(o),v(o),E(i),_(Array.from(r.body.classList).filter((e=>e.startsWith("admin-color-")||e.startsWith("post-type-")||"wp-embed-responsive"===e))),o.dir=r.dir,i.removeChild(o.head),i.removeChild(o.body),t.addEventListener("dragover",n,!1),t.addEventListener("drop",n,!1),!0)}return e.addEventListener("load",o),()=>{var r,l;e.removeEventListener("load",o),null===(r=t)||void 0===r||r.removeEventListener("dragover",n),null===(l=t)||void 0===l||l.removeEventListener("drop",n)}}),[]),T=(0,d.useRefEffect)((e=>{y.reduce(((t,n)=>t.then((()=>async function(e,t){let{id:n,src:o}=t;return new Promise(((t,r)=>{const l=e.ownerDocument.createElement("script");l.id=n,o?(l.src=o,l.onload=()=>t(),l.onerror=()=>r()):t(),e.appendChild(l)}))}(e,n)))),Promise.resolve()).finally((()=>{f()}))}),[]),N=(0,d.useMergeRefs)([n,E,S]),P=(0,d.useRefEffect)((e=>{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&&function e(t){return Array.from(t).find((t=>{let{selectorText:n,conditionText:o,cssRules:r}=t;return o?e(r):n&&(n.includes(`.${ld}`)||n.includes(".wp-block"))}))}(o)&&!e.ownerDocument.getElementById(n.id)){e.appendChild(n.cloneNode(!0));const t=n.id.replace("-css","-inline-css"),o=document.getElementById(t);o&&e.appendChild(o.cloneNode(!0))}}))}),[]);return r=(0,a.createElement)(a.Fragment,null,(0,a.createElement)("style",null,"html{height:auto!important;}body{margin:0}"),k.map((e=>{let{tagName:t,href:n,id:o,rel:r,media:l,textContent:i}=e;const s=t.toLowerCase();return"style"===s?(0,a.createElement)(s,{id:o,key:o},i):(0,a.createElement)(s,{href:n,id:o,rel:r,media:l,key:o})})),r),(0,a.createElement)(a.Fragment,null,l>=0&&C,(0,a.createElement)("iframe",i({},p,{ref:(0,d.useMergeRefs)([t,x]),tabIndex:l,srcDoc:"",title:(0,g.__)("Editor canvas")}),h&&(0,a.createPortal)((0,a.createElement)(a.Fragment,null,(0,a.createElement)("head",{ref:T},r,(0,a.createElement)("style",null,`html { transition: background 5s; ${u?"background: #2f2f2f; transition: background 0s;":""} }`)),(0,a.createElement)("body",{ref:N,className:c()("block-editor-iframe__body",ld,...b,{"is-zoomed-out":u}),style:u?{marginBottom:`-${.55*I-100}px`}:{}},B,(0,a.createElement)("div",{style:{display:"none"},ref:P}),(0,a.createElement)(m.__experimentalStyleProvider,{document:h},o))),h.documentElement)),l>=0&&w)})),sd={grad:.9,turn:360,rad:360/(2*Math.PI)},cd=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},ud=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n+0},dd=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),e>n?n:e>t?e:t},pd=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},md=function(e){return{r:dd(e.r,0,255),g:dd(e.g,0,255),b:dd(e.b,0,255),a:dd(e.a)}},fd=function(e){return{r:ud(e.r),g:ud(e.g),b:ud(e.b),a:ud(e.a,3)}},gd=/^#([0-9a-f]{3,8})$/i,hd=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},vd=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),a=i?l===t?(n-o)/i:l===n?2+(o-t)/i:4+(t-n)/i:0;return{h:60*(a<0?a+6:a),s:l?i/l*100:0,v:l/255*100,a:r}},bd=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),a=o*(1-(t-l)*n),s=o*(1-(1-t+l)*n),c=l%6;return{r:255*[o,a,i,i,s,o][c],g:255*[s,o,o,a,i,i][c],b:255*[i,i,s,o,o,a][c],a:r}},_d=function(e){return{h:pd(e.h),s:dd(e.s,0,100),l:dd(e.l,0,100),a:dd(e.a)}},kd=function(e){return{h:ud(e.h),s:ud(e.s),l:ud(e.l),a:ud(e.a,3)}},yd=function(e){return bd((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},Ed=function(e){return{h:(t=vd(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},Cd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Sd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Bd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Id={string:[[function(e){var t=gd.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?ud(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?ud(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=wd.exec(e)||Bd.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:md({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=Cd.exec(e)||Sd.exec(e);if(!t)return null;var n,o,r=_d({h:(n=t[1],o=t[2],void 0===o&&(o="deg"),Number(n)*(sd[o]||1)),s:Number(t[3]),l:Number(t[4]),a:void 0===t[5]?1:Number(t[5])/(t[6]?100:1)});return yd(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 cd(t)&&cd(n)&&cd(o)?md({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(!cd(t)||!cd(n)||!cd(o))return null;var i=_d({h:Number(t),s:Number(n),l:Number(o),a:Number(l)});return yd(i)},"hsl"],[function(e){var t=e.h,n=e.s,o=e.v,r=e.a,l=void 0===r?1:r;if(!cd(t)||!cd(n)||!cd(o))return null;var i=function(e){return{h:pd(e.h),s:dd(e.s,0,100),v:dd(e.v,0,100),a:dd(e.a)}}({h:Number(t),s:Number(n),v:Number(o),a:Number(l)});return bd(i)},"hsv"]]},xd=function(e,t){for(var n=0;n=.5},e.prototype.toHex=function(){return t=(e=fd(this.rgba)).r,n=e.g,o=e.b,l=(r=e.a)<1?hd(ud(255*r)):"","#"+hd(t)+hd(n)+hd(o)+l;var e,t,n,o,r,l},e.prototype.toRgb=function(){return fd(this.rgba)},e.prototype.toRgbString=function(){return t=(e=fd(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 kd(Ed(this.rgba))},e.prototype.toHslString=function(){return t=(e=kd(Ed(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=vd(this.rgba),{h:ud(e.h),s:ud(e.s),v:ud(e.v),a:ud(e.a,3)};var e},e.prototype.invert=function(){return Rd({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),Rd(Nd(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),Rd(Nd(this.rgba,-e))},e.prototype.grayscale=function(){return Rd(Nd(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),Rd(Md(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),Rd(Md(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?Rd({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):ud(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=Ed(this.rgba);return"number"==typeof e?Rd({h:e,s:t.s,l:t.l,a:t.a}):ud(t.h)},e.prototype.isEqual=function(e){return this.toHex()===Rd(e).toHex()},e}(),Rd=function(e){return e instanceof Ld?e:new Ld(e)},Ad=[],Dd=function(e){e.forEach((function(e){Ad.indexOf(e)<0&&(e(Ld,Id),Ad.push(e))}))};function Od(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,a=o[this.toHex()];if(a)return a;if(null==t?void 0:t.closest){var s=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=s,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(s=Fd(i))?(a+.05)/(s+.05):(s+.05)/(a+.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 Hd=n(3124),Gd=n.n(Hd);const Ud=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;function Wd(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 a=[];function s(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;a.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 s("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 $d(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=$d(t[0]),!p(/^:\s*/))return s("property missing ':'");const n=p(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/),o=e({type:"declaration",property:t.replace(Ud,""),value:n?$d(n[0]).replace(Ud,""):""});return p(/^[;\s]*/),o}function b(){const e=[];if(!c())return s("missing '{'");let t;for(f(e);t=v();)!1!==t&&(e.push(t),f(e));return u()?e:s("missing '}'")}function _(){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 k=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 s("@keyframes missing name");const o=t[1];if(!c())return s("@keyframes missing '{'");let r,i=f();for(;r=_();)i.push(r),i=i.concat(f());return u()?e({type:"keyframes",name:o,vendor:n,keyframes:i}):s("@keyframes missing '}'")}()||function(){const e=l(),t=p(/^@media *([^{]+)/);if(!t)return;const n=$d(t[1]);if(!c())return s("@media missing '{'");const o=f().concat(d());return u()?e({type:"media",media:n,rules:o}):s("@media missing '}'")}()||function(){const e=l(),t=p(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);if(t)return e({type:"custom-media",name:$d(t[1]),media:$d(t[2])})}()||function(){const e=l(),t=p(/^@supports *([^{]+)/);if(!t)return;const n=$d(t[1]);if(!c())return s("@supports missing '{'");const o=f().concat(d());return u()?e({type:"supports",supports:n,rules:o}):s("@supports missing '}'")}()||k()||y()||E()||function(){const e=l(),t=p(/^@([-\w]+)?document *([^{]+)/);if(!t)return;const n=$d(t[1]),o=$d(t[2]);if(!c())return s("@document missing '{'");const r=f().concat(d());return u()?e({type:"document",document:o,vendor:n,rules:r}):s("@document missing '}'")}()||function(){const e=l();if(!p(/^@page */))return;const t=h()||[];if(!c())return s("@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}):s("@page missing '}'")}()||function(){const e=l();if(!p(/^@host\s*/))return;if(!c())return s("@host missing '{'");const t=f().concat(d());return u()?e({type:"host",rules:t}):s("@host missing '}'")}()||function(){const e=l();if(!p(/^@font-face\s*/))return;if(!c())return s("@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}):s("@font-face missing '}'")}()}function w(){const e=l(),t=h();return t?(f(),e({type:"rule",selectors:t,declarations:b()})):s("selector missing")}return jd(function(){const e=d();return{type:"stylesheet",stylesheet:{source:t.source,rules:e,parsingErrors:a}}}())}function $d(e){return e?e.replace(/^\s+|\s+$/g,""):""}function jd(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){jd(e,o)})):n&&"object"==typeof n&&jd(n,o)}return n&&Object.defineProperty(e,"parent",{configurable:!0,writable:!0,enumerable:!1,value:t||null}),e}var Kd=n(8575),qd=n.n(Kd),Yd=Qd;function Qd(e){this.options=e||{}}Qd.prototype.emit=function(e){return e},Qd.prototype.visit=function(e){return this[e.type](e)},Qd.prototype.mapVisit=function(e,t){let n="";t=t||"";for(let o=0,r=e.length;ot=>{if("declaration"===t.type){const l=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]};np(e)&&o.push(e)}return o}(t.value).map((r=e,e=>({...e,newUrl:"url("+e.before+e.quote+op(e.value,r)+e.quote+e.after+")"})));return{...t,value:(n=t.value,o=l,o.forEach((e=>{n=n.replace(e.source,e.newUrl)})),n)}}var n,o,r;return t};const lp=/^(body|html|:root).*$/;var ip=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n=>{const o=n=>t.includes(n.trim())?n:n.match(lp)?n.replace(/^(body|html|:root)/,e):e+" "+n;return"rule"===n.type?{...n,selectors:n.selectors.map(o)}:n}};var ap=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return(0,u.map)(e,(e=>{let{css:n,baseURL:o}=e;const r=[];return t&&r.push(ip(t)),o&&r.push(rp(o)),r.length?tp(n,(0,d.compose)(r)):n}))};const sp=".editor-styles-wrapper";function cp(e){return(0,a.useCallback)((e=>{if(!e)return;const{ownerDocument:t}=e,{defaultView:n,body:o}=t,r=t.querySelector(sp);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=Rd(l);i.luminance()>.5||0===i.alpha()?o.classList.remove("is-dark-theme"):o.classList.add("is-dark-theme")}),[e])}function up(e){let{styles:t}=e;const n=(0,a.useMemo)((()=>ap(t,sp)),[t]);return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("style",{ref:cp(t)}),n.map(((e,t)=>(0,a.createElement)("style",{key:t},e))))}function dp(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const t={r:[],g:[],b:[],a:[]};return e.forEach((e=>{const n=Rd(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 pp(e){let{selector:t,id:n}=e;const o=`\n${t} {\n\tfilter: url( #${n} );\n}\n`;return(0,a.createElement)("style",null,o)}function mp(e){let{selector:t}=e;const n=`\n${t} {\n\tfilter: none;\n}\n`;return(0,a.createElement)("style",null,n)}function fp(e){let{id:t,colors:n}=e;const o=dp(n);return(0,a.createElement)(m.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,a.createElement)("defs",null,(0,a.createElement)("filter",{id:t},(0,a.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,a.createElement)("feComponentTransfer",{colorInterpolationFilters:"sRGB"},(0,a.createElement)("feFuncR",{type:"table",tableValues:o.r.join(" ")}),(0,a.createElement)("feFuncG",{type:"table",tableValues:o.g.join(" ")}),(0,a.createElement)("feFuncB",{type:"table",tableValues:o.b.join(" ")}),(0,a.createElement)("feFuncA",{type:"table",tableValues:o.a.join(" ")})),(0,a.createElement)("feComposite",{in2:"SourceGraphic",operator:"in"}))))}function gp(e){let{preset:t}=e;return(0,a.createElement)(fp,{id:`wp-duotone-${t.slug}`,colors:t.colors})}let hp;Dd([Od,Vd]);const vp=2e3;var bp=function(e){let{viewportWidth:t,__experimentalPadding:n,__experimentalMinHeight:o}=e;const[r,{width:l}]=(0,d.useResizeObserver)(),[i,{height:s}]=(0,d.useResizeObserver)(),{styles:c,assets:u,duotone:f}=(0,p.useSelect)((e=>{var t,n;const o=e(so).getSettings();return{styles:o.styles,assets:o.__unstableResolvedAssets,duotone:null===(t=o.__experimentalFeatures)||void 0===t||null===(n=t.color)||void 0===n?void 0:n.duotone}}),[]),g=(0,a.useMemo)((()=>c?[...c,{css:"body{height:auto;overflow:hidden;}",__unstableType:"presets"}]:c),[c]),h=(0,a.useMemo)((()=>{var e,t;return[...null!==(e=null==f?void 0:f.default)&&void 0!==e?e:[],...null!==(t=null==f?void 0:f.theme)&&void 0!==t?t:[]]}),[f]);hp=hp||(0,d.pure)(nh);const v=l/t;return(0,a.createElement)("div",{className:"block-editor-block-preview__container"},r,(0,a.createElement)(m.Disabled,{className:"block-editor-block-preview__content",style:{transform:`scale(${v})`,height:s*v,maxHeight:s>vp?vp*v:void 0,minHeight:o}},(0,a.createElement)(ad,{head:(0,a.createElement)(up,{styles:g}),assets:u,contentRef:(0,d.useRefEffect)((e=>{const{ownerDocument:{documentElement:t}}=e;t.classList.add("block-editor-block-preview__content-iframe"),t.style.position="absolute",t.style.width="100%",e.style.padding=n+"px",e.style.boxSizing="border-box",e.style.position="absolute",e.style.width="100%"}),[]),"aria-hidden":!0,tabIndex:-1,style:{position:"absolute",width:t,height:s,pointerEvents:"none",maxHeight:vp,minHeight:0!==v&&v<1&&o?o/v:o}},i,h.map((e=>(0,a.createElement)(gp,{preset:e,key:e.slug}))),(0,a.createElement)(hp,{renderAppender:!1}))))};var _p=(0,a.memo)((function(e){let{blocks:t,__experimentalPadding:n=0,viewportWidth:o=1200,__experimentalLive:r=!1,__experimentalOnClick:l,__experimentalMinHeight:i}=e;const s=(0,p.useSelect)((e=>e(so).getSettings()),[]),c=(0,a.useMemo)((()=>{const e={...s};return e.__experimentalBlockPatterns=[],e}),[s]),d=(0,a.useMemo)((()=>(0,u.castArray)(t)),[t]);return t&&0!==t.length?(0,a.createElement)(Hu,{value:d,settings:c},r?(0,a.createElement)(Gu,{onClick:l}):(0,a.createElement)(bp,{viewportWidth:o,__experimentalPadding:n,__experimentalMinHeight:i})):null}));function kp(e){let{blocks:t,props:n={},__experimentalLayout:o}=e;const r=(0,p.useSelect)((e=>e(so).getSettings()),[]),l=(0,d.useDisabled)(),i=(0,d.useMergeRefs)([n.ref,l]),s=(0,a.useMemo)((()=>({...r,__experimentalBlockPatterns:[]})),[r]),m=(0,a.useMemo)((()=>(0,u.castArray)(t)),[t]),f=(0,a.createElement)(Hu,{value:m,settings:s},(0,a.createElement)(rh,{renderAppender:!1,__experimentalLayout:o}));return{...n,ref:i,className:c()(n.className,"block-editor-block-preview__live-content","components-disabled"),children:null!=t&&t.length?f:null}}var yp=function(e){var t;let{item:n}=e;const{name:o,title:l,icon:i,description:s,initialAttributes:c,example:u}=n,d=(0,r.isReusableBlock)(n);return(0,a.createElement)("div",{className:"block-editor-inserter__preview-container"},(0,a.createElement)("div",{className:"block-editor-inserter__preview"},d||u?(0,a.createElement)("div",{className:"block-editor-inserter__preview-content"},(0,a.createElement)(_p,{__experimentalPadding:16,viewportWidth:null!==(t=null==u?void 0:u.viewportWidth)&&void 0!==t?t:500,blocks:u?(0,r.getBlockFromExample)(o,{attributes:{...u.attributes,...c},innerBlocks:u.innerBlocks}):(0,r.createBlock)(o,c)})):(0,a.createElement)("div",{className:"block-editor-inserter__preview-content-missing"},(0,g.__)("No Preview Available."))),!d&&(0,a.createElement)(Ou,{title:l,icon:i,description:s}))};var Ep=(0,a.createContext)();var Cp=(0,a.forwardRef)((function(e,t){let{isFirst:n,as:o,children:r,...l}=e;const s=(0,a.useContext)(Ep);return(0,a.createElement)(m.__unstableCompositeItem,i({ref:t,state:s,role:"option",focusable:!0},l),(e=>{const t={...e,tabIndex:n?0:e.tabIndex};return o?(0,a.createElement)(o,t,r):"function"==typeof r?r(t):(0,a.createElement)(m.Button,t,r)}))}));var Sp=(0,a.createElement)(D.SVG,{width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"}));function wp(e){let{count:t,icon:n}=e;return(0,a.createElement)("div",{className:"block-editor-block-draggable-chip-wrapper"},(0,a.createElement)("div",{className:"block-editor-block-draggable-chip","data-testid":"block-draggable-chip"},(0,a.createElement)(m.Flex,{justify:"center",className:"block-editor-block-draggable-chip__content"},(0,a.createElement)(m.FlexItem,null,n?(0,a.createElement)(Du,{icon:n}):(0,g.sprintf)((0,g._n)("%d block","%d blocks",t),t)),(0,a.createElement)(m.FlexItem,null,(0,a.createElement)(Du,{icon:Sp})))))}var Bp=e=>{let{isEnabled:t,blocks:n,icon:o,children:r}=e;const l={type:"inserter",blocks:n};return(0,a.createElement)(m.Draggable,{__experimentalTransferDataType:"wp-blocks",transferData:l,__experimentalDragComponent:(0,a.createElement)(wp,{count:n.length,icon:o})},(e=>{let{onDraggableStart:n,onDraggableEnd:o}=e;return r({draggable:t,onDragStart:t?n:void 0,onDragEnd:t?o:void 0})}))};var Ip=(0,a.memo)((function(e){let{className:t,isFirst:n,item:o,onSelect:l,onHover:s,isDraggable:u,...d}=e;const p=(0,a.useRef)(!1),f=o.icon?{backgroundColor:o.icon.background,color:o.icon.foreground}:{},g=(0,a.useMemo)((()=>[(0,r.createBlock)(o.name,o.initialAttributes,(0,r.createBlocksFromInnerBlocksTemplate)(o.innerBlocks))]),[o.name,o.initialAttributes,o.initialAttributes]);return(0,a.createElement)(Bp,{isEnabled:u&&!o.disabled,blocks:g,icon:o.icon},(e=>{let{draggable:r,onDragStart:u,onDragEnd:g}=e;return(0,a.createElement)("div",{className:"block-editor-block-types-list__list-item",draggable:r,onDragStart:e=>{p.current=!0,u&&(s(null),u(e))},onDragEnd:e=>{p.current=!1,g&&g(e)}},(0,a.createElement)(Cp,i({isFirst:n,className:c()("block-editor-block-types-list__item",t),disabled:o.isDisabled,onClick:e=>{e.preventDefault(),l(o,(0,ku.isAppleOS)()?e.metaKey:e.ctrlKey),s(null)},onKeyDown:e=>{const{keyCode:t}=e;t===ku.ENTER&&(e.preventDefault(),l(o,(0,ku.isAppleOS)()?e.metaKey:e.ctrlKey),s(null))},onFocus:()=>{p.current||s(o)},onMouseEnter:()=>{p.current||s(o)},onMouseLeave:()=>s(null),onBlur:()=>s(null)},d),(0,a.createElement)("span",{className:"block-editor-block-types-list__item-icon",style:f},(0,a.createElement)(Du,{icon:o.icon,showColors:!0})),(0,a.createElement)("span",{className:"block-editor-block-types-list__item-title"},(0,a.createElement)(m.__experimentalTruncate,{numberOfLines:3},o.title))))}))}));var xp=(0,a.forwardRef)((function(e,t){const[n,o]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{n&&(0,qt.speak)((0,g.__)("Use left and right arrow keys to move through blocks"))}),[n]),(0,a.createElement)("div",i({ref:t,role:"listbox","aria-orientation":"horizontal",onFocus:()=>{o(!0)},onBlur:e=>{!e.currentTarget.contains(e.relatedTarget)&&o(!1)}},e))}));var Tp=(0,a.forwardRef)((function(e,t){const n=(0,a.useContext)(Ep);return(0,a.createElement)(m.__unstableCompositeGroup,i({state:n,role:"presentation",ref:t},e))}));var Np=function(e){let{items:t=[],onSelect:n,onHover:o=(()=>{}),children:l,label:i,isDraggable:s=!0}=e;return(0,a.createElement)(xp,{className:"block-editor-block-types-list","aria-label":i},function(e,t){const n=[];for(let o=0,r=e.length;o(0,a.createElement)(Tp,{key:t},e.map(((e,l)=>(0,a.createElement)(Ip,{key:e.id,item:e,className:(0,r.getBlockMenuDefaultClassName)(e.id),onSelect:n,onHover:o,isDraggable:s&&!e.isDisabled,isFirst:0===t&&0===l})))))),l)};var Pp=function(e){let{title:t,icon:n,children:o}=e;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{className:"block-editor-inserter__panel-header"},(0,a.createElement)("h2",{className:"block-editor-inserter__panel-title"},t),(0,a.createElement)(m.Icon,{icon:n})),(0,a.createElement)("div",{className:"block-editor-inserter__panel-content"},o))};var Mp=(e,t)=>{const{categories:n,collections:o,items:l}=(0,p.useSelect)((t=>{const{getInserterItems:n}=t(so),{getCategories:o,getCollections:l}=t(r.store);return{categories:o(),collections:l(),items:n(e)}}),[e]);return[l,n,o,(0,a.useCallback)(((e,n)=>{let{name:o,initialAttributes:l,innerBlocks:i}=e;const a=(0,r.createBlock)(o,l,(0,r.createBlocksFromInnerBlocksTemplate)(i));t(a,void 0,n)}),[t])]};var Lp=function(e){let{children:t}=e;const n=(0,m.__unstableUseCompositeState)({shift:!0,wrap:"horizontal"});return(0,a.createElement)(Ep.Provider,{value:n},t)};const Rp=[];var Ap=function(e){let{rootClientId:t,onInsert:n,onHover:o,showMostUsedBlocks:r}=e;const[l,i,s,c]=Mp(t,n),p=(0,a.useMemo)((()=>(0,u.orderBy)(l,["frecency"],["desc"]).slice(0,6)),[l]),m=(0,a.useMemo)((()=>l.filter((e=>!e.category))),[l]),f=(0,a.useMemo)((()=>(0,u.flow)((e=>e.filter((e=>e.category&&"reusable"!==e.category))),(e=>(0,u.groupBy)(e,"category")))(l)),[l]),h=(0,a.useMemo)((()=>{const e={...s};return Object.keys(s).forEach((t=>{e[t]=l.filter((e=>(e=>e.name.split("/")[0])(e)===t)),0===e[t].length&&delete e[t]})),e}),[l,s]);(0,a.useEffect)((()=>()=>o(null)),[]);const v=(0,d.useAsyncList)(i),b=i.length===v.length,_=(0,a.useMemo)((()=>Object.entries(s)),[s]),k=(0,d.useAsyncList)(b?_:Rp);return(0,a.createElement)(Lp,null,(0,a.createElement)("div",null,r&&!!p.length&&(0,a.createElement)(Pp,{title:(0,g._x)("Most used","blocks")},(0,a.createElement)(Np,{items:p,onSelect:c,onHover:o,label:(0,g._x)("Most used","blocks")})),(0,u.map)(v,(e=>{const t=f[e.slug];return t&&t.length?(0,a.createElement)(Pp,{key:e.slug,title:e.title,icon:e.icon},(0,a.createElement)(Np,{items:t,onSelect:c,onHover:o,label:e.title})):null})),b&&m.length>0&&(0,a.createElement)(Pp,{className:"block-editor-inserter__uncategorized-blocks-panel",title:(0,g.__)("Uncategorized")},(0,a.createElement)(Np,{items:m,onSelect:c,onHover:o,label:(0,g.__)("Uncategorized")})),(0,u.map)(k,(e=>{let[t,n]=e;const r=h[t];return r&&r.length?(0,a.createElement)(Pp,{key:t,title:n.title,icon:n.icon},(0,a.createElement)(Np,{items:r,onSelect:c,onHover:o,label:n.title})):null}))))};var Dp=function(e){let{selectedCategory:t,patternCategories:n,onClickCategory:o,openPatternExplorer:r}=e;const l=(0,d.useViewportMatch)("medium","<"),i=c()("block-editor-inserter__panel-header","block-editor-inserter__panel-header-patterns");return(0,a.createElement)(m.Flex,{justify:"space-between",align:"start",gap:"4",className:i},(0,a.createElement)(m.FlexItem,{isBlock:!0},(0,a.createElement)(m.SelectControl,{className:"block-editor-inserter__panel-dropdown",label:(0,g.__)("Filter patterns"),hideLabelFromVision:!0,value:t.name,onChange:e=>{o(n.find((t=>e===t.name)))},onBlur:e=>{null!=e&&e.relatedTarget||e.stopPropagation()},options:(()=>{const e=[];return n.map((t=>e.push({value:t.name,label:t.label}))),e})()})),!l&&(0,a.createElement)(m.FlexItem,null,(0,a.createElement)(m.Button,{variant:"secondary",className:"block-editor-inserter__patterns-explorer-expand",label:(0,g.__)("Explore all patterns"),onClick:()=>r()},(0,g._x)("Explore","Label for showing all block patterns"))))},Op=window.wp.notices;var zp=(e,t)=>{const{patternCategories:n,patterns:o}=(0,p.useSelect)((e=>{const{__experimentalGetAllowedPatterns:n,getSettings:o}=e(so);return{patterns:n(t),patternCategories:o().__experimentalBlockPatternCategories}}),[t]),{createSuccessNotice:l}=(0,p.useDispatch)(Op.store),i=(0,a.useCallback)(((t,n)=>{e((0,u.map)(n,(e=>(0,r.cloneBlock)(e))),t.name),l((0,g.sprintf)((0,g.__)('Block pattern "%s" inserted.'),t.title),{type:"snackbar"})}),[]);return[o,n,i]};function Fp(e){let{isDraggable:t,pattern:n,onClick:o,composite:r}=e;const{blocks:l,viewportWidth:s}=n,c=`block-editor-block-patterns-list__item-description-${(0,d.useInstanceId)(Fp)}`;return(0,a.createElement)(Bp,{isEnabled:t,blocks:l},(e=>{let{draggable:t,onDragStart:u,onDragEnd:d}=e;return(0,a.createElement)("div",{className:"block-editor-block-patterns-list__list-item","aria-label":n.title,"aria-describedby":n.description?c:void 0,draggable:t,onDragStart:u,onDragEnd:d},(0,a.createElement)(m.__unstableCompositeItem,i({role:"option",as:"div"},r,{className:"block-editor-block-patterns-list__item",onClick:()=>o(n,l)}),(0,a.createElement)(_p,{blocks:l,viewportWidth:s}),(0,a.createElement)("div",{className:"block-editor-block-patterns-list__item-title"},n.title),!!n.description&&(0,a.createElement)(m.VisuallyHidden,{id:c},n.description)))}))}function Vp(){return(0,a.createElement)("div",{className:"block-editor-block-patterns-list__item is-placeholder"})}var Hp=function(e){let{isDraggable:t,blockPatterns:n,shownPatterns:o,onClickPattern:r,orientation:l,label:s=(0,g.__)("Block Patterns")}=e;const c=(0,m.__unstableUseCompositeState)({orientation:l});return(0,a.createElement)(m.__unstableComposite,i({},c,{role:"listbox",className:"block-editor-block-patterns-list","aria-label":s}),n.map((e=>o.includes(e)?(0,a.createElement)(Fp,{key:e.name,pattern:e,onClick:r,isDraggable:t,composite:c}):(0,a.createElement)(Vp,{key:e.name}))))};function Gp(e){let{selectedCategory:t,patternCategories:n,onClickCategory:o}=e;const r="block-editor-block-patterns-explorer__sidebar";return(0,a.createElement)("div",{className:`${r}__categories-list`},n.map((e=>{let{name:n,label:l}=e;return(0,a.createElement)(m.Button,{key:n,label:l,className:`${r}__categories-list__item`,isPressed:t===n,onClick:()=>{o(n)}},l)})))}function Up(e){let{filterValue:t,setFilterValue:n}=e;return(0,a.createElement)("div",{className:"block-editor-block-patterns-explorer__search"},(0,a.createElement)(m.SearchControl,{onChange:n,value:t,label:(0,g.__)("Search for patterns"),placeholder:(0,g.__)("Search")}))}var Wp=function(e){let{selectedCategory:t,patternCategories:n,onClickCategory:o,filterValue:r,setFilterValue:l}=e;return(0,a.createElement)("div",{className:"block-editor-block-patterns-explorer__sidebar"},(0,a.createElement)(Up,{filterValue:r,setFilterValue:l}),!r&&(0,a.createElement)(Gp,{selectedCategory:t,patternCategories:n,onClickCategory:o}))};var $p=function(){return(0,a.createElement)("div",{className:"block-editor-inserter__no-results"},(0,a.createElement)(ul,{className:"block-editor-inserter__no-results-icon",icon:Au}),(0,a.createElement)("p",null,(0,g.__)("No results found.")))};var jp=function(e){let{rootClientId:t="",insertionIndex:n,clientId:o,isAppender:l,onSelect:i,shouldFocusBlock:s=!0}=e;const{getSelectedBlock:c}=(0,p.useSelect)(so),{destinationRootClientId:d,destinationIndex:m}=(0,p.useSelect)((e=>{const{getSelectedBlockClientId:r,getBlockRootClientId:i,getBlockIndex:a,getBlockOrder:s}=e(so),c=r();let u,d=t;return void 0!==n?u=n:o?u=a(o):!l&&c?(d=i(c),u=a(c)+1):u=s(d).length,{destinationRootClientId:d,destinationIndex:u}}),[t,n,o,l]),{replaceBlocks:f,insertBlocks:h,showInsertionPoint:v,hideInsertionPoint:b}=(0,p.useDispatch)(so),_=(0,a.useCallback)((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const o=c();!l&&o&&(0,r.isUnmodifiedDefaultBlock)(o)?f(o.clientId,e,null,s||n?0:null,t):h(e,m,d,!0,s||n?0:null,t);const a=(0,g.sprintf)((0,g._n)("%d block added.","%d blocks added.",(0,u.castArray)(e).length),(0,u.castArray)(e).length);(0,qt.speak)(a),i&&i()}),[l,c,f,h,d,m,i,s]),k=(0,a.useCallback)((e=>{e?v(d,m):b()}),[v,b,d,m]);return[d,_,k]},Kp=n(4793),qp=n.n(Kp);const Yp=e=>e.name||"",Qp=e=>e.title,Zp=e=>e.description||"",Xp=e=>e.keywords||[],Jp=e=>e.category,em=()=>null;function tm(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e=qp()(e),e=e.replace(/^\//,""),e=e.toLowerCase(),e}const nm=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(0,u.words)(tm(e))},om=(e,t)=>e.filter((e=>!nm(t).some((t=>t.includes(e))))),rm=(e,t,n,o)=>{if(0===nm(o).length)return e;return lm(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}})},lm=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const o=nm(t);if(0===o.length)return e;const r=e.map((e=>[e,im(e,t,n)])).filter((e=>{let[,t]=e;return t>0}));return r.sort(((e,t)=>{let[,n]=e,[,o]=t;return o-n})),r.map((e=>{let[t]=e;return t}))};function im(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{getName:o=Yp,getTitle:r=Qp,getDescription:l=Zp,getKeywords:i=Xp,getCategory:a=Jp,getCollection:s=em}=n,c=o(e),d=r(e),p=l(e),m=i(e),f=a(e),g=s(e),h=tm(t),v=tm(d);let b=0;if(h===v)b+=30;else if(v.startsWith(h))b+=20;else{const e=[c,d,p,...m,f,g].join(" "),t=(0,u.words)(h);0===om(t,e).length&&(b+=10)}if(0!==b&&c.startsWith("core/")){b+=c!==e.id?1:2}return b}function am(e){let{filterValue:t,filteredBlockPatternsLength:n}=e;return t?(0,a.createElement)(m.__experimentalHeading,{level:2,lineHeight:"48px",className:"block-editor-block-patterns-explorer__search-results-count"},(0,g.sprintf)((0,g._n)('%1$d pattern found for "%2$s"','%1$d patterns found for "%2$s"',n),n,t)):null}var sm=function(e){let{filterValue:t,selectedCategory:n,patternCategories:o}=e;const r=(0,d.useDebounce)(qt.speak,500),[l,i]=jp({shouldFocusBlock:!0}),[s,,c]=zp(i,l),u=(0,a.useMemo)((()=>o.map((e=>e.name))),[o]),p=(0,a.useMemo)((()=>t?lm(s,t):s.filter((e=>{var t,o;return"uncategorized"===n?!(null!==(t=e.categories)&&void 0!==t&&t.length)||e.categories.every((e=>!u.includes(e))):null===(o=e.categories)||void 0===o?void 0:o.includes(n)}))),[t,n,s]);(0,a.useEffect)((()=>{if(!t)return;const e=p.length,n=(0,g.sprintf)((0,g._n)("%d result found.","%d results found.",e),e);r(n)}),[t,r]);const m=(0,d.useAsyncList)(p,{step:2}),f=!(null==p||!p.length);return(0,a.createElement)("div",{className:"block-editor-block-patterns-explorer__list"},f&&(0,a.createElement)(am,{filterValue:t,filteredBlockPatternsLength:p.length}),(0,a.createElement)(Lp,null,!f&&(0,a.createElement)($p,null),f&&(0,a.createElement)(Hp,{shownPatterns:m,blockPatterns:p,onClickPattern:c,isDraggable:!1})))};function cm(e){let{initialCategory:t,patternCategories:n}=e;const[o,r]=(0,a.useState)(""),[l,i]=(0,a.useState)(null==t?void 0:t.name);return(0,a.createElement)("div",{className:"block-editor-block-patterns-explorer"},(0,a.createElement)(Wp,{selectedCategory:l,patternCategories:n,onClickCategory:i,filterValue:o,setFilterValue:r}),(0,a.createElement)(sm,{filterValue:o,selectedCategory:l,patternCategories:n}))}var um=function(e){let{onModalClose:t,...n}=e;return(0,a.createElement)(m.Modal,{title:(0,g.__)("Patterns"),closeLabel:(0,g.__)("Close"),onRequestClose:t,isFullScreen:!0},(0,a.createElement)(cm,n))};function dm(e){let{rootClientId:t,onInsert:n,selectedCategory:o,populatedCategories:r}=e;const[l,,i]=zp(n,t),s=(0,a.useCallback)((e=>{var t;if(null===(t=e.categories)||void 0===t||!t.length)return 1/0;const n=r.reduce(((e,t,n)=>{let{name:o}=t;return e[o]=n,e}),{});return Math.min(...e.categories.map((e=>void 0!==n[e]?n[e]:1/0)))}),[r]),c=(0,a.useMemo)((()=>l.filter((e=>{var t;return"uncategorized"===o.name?s(e)===1/0:null===(t=e.categories)||void 0===t?void 0:t.includes(o.name)}))),[l,o]),u=(0,a.useMemo)((()=>c.sort(((e,t)=>s(e)-s(t)))),[c,s]),p=(0,d.useAsyncList)(u);return c.length?(0,a.createElement)("div",{className:"block-editor-inserter__panel-content"},(0,a.createElement)(Hp,{shownPatterns:p,blockPatterns:c,onClickPattern:i,label:o.label,orientation:"vertical",isDraggable:!0})):null}var pm=function(e){let{rootClientId:t,onInsert:n,onClickCategory:o,selectedCategory:r}=e;const[l,i]=(0,a.useState)(!1),[s,c]=zp(),u=(0,a.useCallback)((e=>!(!e.categories||!e.categories.length)&&e.categories.some((e=>c.some((t=>t.name===e))))),[c]),d=(0,a.useMemo)((()=>{const e=c.filter((e=>s.some((t=>{var n;return null===(n=t.categories)||void 0===n?void 0:n.includes(e.name)})))).sort(((e,t)=>{let{name:n}=e,{name:o}=t;return[n,o].includes("featured")?"featured"===n?-1:1:0}));return s.some((e=>!u(e)))&&!e.find((e=>"uncategorized"===e.name))&&e.push({name:"uncategorized",label:(0,g._x)("Uncategorized")}),e}),[s,c]),p=r||d[0];return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(Dp,{selectedCategory:p,patternCategories:d,onClickCategory:o,openPatternExplorer:()=>i(!0)}),!l&&(0,a.createElement)(dm,{rootClientId:t,onInsert:n,selectedCategory:p,populatedCategories:d}),l&&(0,a.createElement)(um,{initialCategory:p,patternCategories:d,onModalClose:()=>i(!1)}))},mm=window.wp.url;function fm(e){let{onHover:t,onInsert:n,rootClientId:o}=e;const[r,,,l]=Mp(o,n),i=(0,a.useMemo)((()=>r.filter((e=>{let{category:t}=e;return"reusable"===t}))),[r]);return 0===i.length?(0,a.createElement)($p,null):(0,a.createElement)(Pp,{title:(0,g.__)("Reusable blocks")},(0,a.createElement)(Np,{items:i,onSelect:l,onHover:t,label:(0,g.__)("Reusable blocks")}))}var gm=function(e){let{rootClientId:t,onInsert:n,onHover:o}=e;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(fm,{onHover:o,onInsert:n,rootClientId:t}),(0,a.createElement)("div",{className:"block-editor-inserter__manage-reusable-blocks-container"},(0,a.createElement)("a",{className:"block-editor-inserter__manage-reusable-blocks",href:(0,mm.addQueryArgs)("edit.php",{post_type:"wp_block"})},(0,g.__)("Manage Reusable blocks"))))};const{Fill:hm,Slot:vm}=(0,m.createSlotFill)("__unstableInserterMenuExtension");hm.Slot=vm;var bm=hm;const _m=[];var km=function(e){let{filterValue:t,onSelect:n,onHover:o,rootClientId:r,clientId:l,isAppender:i,__experimentalInsertionIndex:s,maxBlockPatterns:c,maxBlockTypes:p,showBlockDirectory:f=!1,isDraggable:h=!0,shouldFocusBlock:v=!0,prioritizePatterns:b}=e;const _=(0,d.useDebounce)(qt.speak,500),[k,y]=jp({onSelect:n,rootClientId:r,clientId:l,isAppender:i,insertionIndex:s,shouldFocusBlock:v}),[E,C,S,w]=Mp(k,y),[B,,I]=zp(y,k),x=(0,a.useMemo)((()=>{if(0===c)return[];const e=lm(B,t);return void 0!==c?e.slice(0,c):e}),[t,B,c]);let T=p;b&&x.length>2&&(T=0);const N=(0,a.useMemo)((()=>{if(0===T)return[];const e=rm((0,u.orderBy)(E,["frecency"],["desc"]),C,S,t);return void 0!==T?e.slice(0,T):e}),[t,E,C,S,p]);(0,a.useEffect)((()=>{if(!t)return;const e=N.length+x.length,n=(0,g.sprintf)((0,g._n)("%d result found.","%d results found.",e),e);_(n)}),[t,_]);const P=(0,d.useAsyncList)(N,{step:9}),M=(0,d.useAsyncList)(P.length===N.length?x:_m),L=!(0,u.isEmpty)(N)||!(0,u.isEmpty)(x),R=!!N.length&&(0,a.createElement)(Pp,{title:(0,a.createElement)(m.VisuallyHidden,null,(0,g.__)("Blocks"))},(0,a.createElement)(Np,{items:P,onSelect:w,onHover:o,label:(0,g.__)("Blocks"),isDraggable:h})),A=!!x.length&&(0,a.createElement)(Pp,{title:(0,a.createElement)(m.VisuallyHidden,null,(0,g.__)("Block Patterns"))},(0,a.createElement)("div",{className:"block-editor-inserter__quick-inserter-patterns"},(0,a.createElement)(Hp,{shownPatterns:M,blockPatterns:x,onClickPattern:I,isDraggable:h})));return(0,a.createElement)(Lp,null,!f&&!L&&(0,a.createElement)($p,null),b?A:R,!!N.length&&!!x.length&&(0,a.createElement)("div",{className:"block-editor-inserter__quick-inserter-separator"}),b?R:A,f&&(0,a.createElement)(bm.Slot,{fillProps:{onSelect:w,onHover:o,filterValue:t,hasItems:L,rootClientId:k}},(e=>e.length?e:L?null:(0,a.createElement)($p,null))))};const ym={name:"blocks",title:(0,g.__)("Blocks")},Em={name:"patterns",title:(0,g.__)("Patterns")},Cm={name:"reusable",title:(0,g.__)("Reusable")};var Sm=function(e){let{children:t,showPatterns:n=!1,showReusableBlocks:o=!1,onSelect:r,prioritizePatterns:l}=e;const i=(0,a.useMemo)((()=>{const e=[];return l&&n&&e.push(Em),e.push(ym),!l&&n&&e.push(Em),o&&e.push(Cm),e}),[l,ym,n,Em,o,Cm]);return(0,a.createElement)(m.TabPanel,{className:"block-editor-inserter__tabs",tabs:i,onSelect:r},t)};var wm=(0,a.forwardRef)((function(e,t){let{rootClientId:n,clientId:o,isAppender:r,__experimentalInsertionIndex:l,onSelect:i,showInserterHelpPanel:s,showMostUsedBlocks:u,__experimentalFilterValue:d="",shouldFocusBlock:f=!0,prioritizePatterns:h}=e;const[v,b]=(0,a.useState)(d),[_,k]=(0,a.useState)(null),[y,E]=(0,a.useState)(null),[C,S,w]=jp({rootClientId:n,clientId:o,isAppender:r,insertionIndex:l,shouldFocusBlock:f}),{showPatterns:B,hasReusableBlocks:I}=(0,p.useSelect)((e=>{var t;const{__experimentalGetAllowedPatterns:n,getSettings:o}=e(so);return{showPatterns:!!n(C).length,hasReusableBlocks:!(null===(t=o().__experimentalReusableBlocks)||void 0===t||!t.length)}}),[C]),x=(0,a.useCallback)(((e,t,n)=>{S(e,t,n),i()}),[S,i]),T=(0,a.useCallback)(((e,t)=>{S(e,{patternName:t}),i()}),[S,i]),N=(0,a.useCallback)((e=>{w(!!e),k(e)}),[w,k]),P=(0,a.useCallback)((e=>{E(e)}),[E]),M=(0,a.useMemo)((()=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{className:"block-editor-inserter__block-list"},(0,a.createElement)(Ap,{rootClientId:C,onInsert:x,onHover:N,showMostUsedBlocks:u})),s&&(0,a.createElement)("div",{className:"block-editor-inserter__tips"},(0,a.createElement)(m.VisuallyHidden,{as:"h2"},(0,g.__)("A tip for using the block editor")),(0,a.createElement)(Ru,null)))),[C,x,N,v,u,s]),L=(0,a.useMemo)((()=>(0,a.createElement)(pm,{rootClientId:C,onInsert:T,onClickCategory:P,selectedCategory:y})),[C,T,P,y]),R=(0,a.useMemo)((()=>(0,a.createElement)(gm,{rootClientId:C,onInsert:x,onHover:N})),[C,x,N]),A=(0,a.useCallback)((e=>"blocks"===e.name?M:"patterns"===e.name?L:R),[M,L,R]),D=(0,a.useRef)();(0,a.useImperativeHandle)(t,(()=>({focusSearch:()=>{D.current.focus()}})));const O=!v&&(B||I);return(0,a.createElement)("div",{className:"block-editor-inserter__menu"},(0,a.createElement)("div",{className:c()("block-editor-inserter__main-area",{"show-as-tabs":O})},(0,a.createElement)(m.SearchControl,{className:"block-editor-inserter__search",onChange:e=>{_&&k(null),b(e)},value:v,label:(0,g.__)("Search for blocks and patterns"),placeholder:(0,g.__)("Search"),ref:D}),!!v&&(0,a.createElement)("div",{className:"block-editor-inserter__no-tab-container"},(0,a.createElement)(km,{filterValue:v,onSelect:i,onHover:N,rootClientId:n,clientId:o,isAppender:r,__experimentalInsertionIndex:l,showBlockDirectory:!0,shouldFocusBlock:f})),O&&(0,a.createElement)(Sm,{showPatterns:B,showReusableBlocks:I,prioritizePatterns:h},A),!v&&!O&&(0,a.createElement)("div",{className:"block-editor-inserter__no-tab-container"},M)),s&&_&&(0,a.createElement)(yp,{item:_}))}));function Bm(e){let{onSelect:t,rootClientId:n,clientId:o,isAppender:r,prioritizePatterns:l}=e;const[i,s]=(0,a.useState)(""),[u,d]=jp({onSelect:t,rootClientId:n,clientId:o,isAppender:r}),[f]=Mp(u,d),[h]=zp(d,u),{setInserterIsOpened:v,insertionIndex:b}=(0,p.useSelect)((e=>{const{getSettings:t,getBlockIndex:n,getBlockCount:r}=e(so),l=t(),i=n(o),a=r();return{setInserterIsOpened:l.__experimentalSetIsInserterOpened,insertionIndex:-1===i?a:i}}),[o]),_=h.length&&(!!i||l),k=_&&h.length>6||f.length>6;(0,a.useEffect)((()=>{v&&v(!1)}),[v]);let y=0;return _&&(y=l?4:2),(0,a.createElement)("div",{className:c()("block-editor-inserter__quick-inserter",{"has-search":k,"has-expand":v})},k&&(0,a.createElement)(m.SearchControl,{className:"block-editor-inserter__search",value:i,onChange:e=>{s(e)},label:(0,g.__)("Search for blocks and patterns"),placeholder:(0,g.__)("Search")}),(0,a.createElement)("div",{className:"block-editor-inserter__quick-inserter-results"},(0,a.createElement)(km,{filterValue:i,onSelect:t,rootClientId:n,clientId:o,isAppender:r,maxBlockPatterns:y,maxBlockTypes:6,isDraggable:!1,prioritizePatterns:l})),v&&(0,a.createElement)(m.Button,{className:"block-editor-inserter__quick-inserter-expand",onClick:()=>{v({rootClientId:n,insertionIndex:b,filterValue:i})},"aria-label":(0,g.__)("Browse all. This will open the main inserter panel in the editor toolbar.")},(0,g.__)("Browse all")))}const Im=e=>{let t,{onToggle:n,disabled:o,isOpen:r,blockTitle:l,hasSingleBlockType:s,toggleProps:c={},prioritizePatterns:u}=e;t=s?(0,g.sprintf)((0,g._x)("Add %s","directly add the only allowed block"),l):u?(0,g.__)("Add pattern"):(0,g._x)("Add block","Generic label for block inserter button");const{onClick:d,...p}=c;return(0,a.createElement)(m.Button,i({icon:Mu,label:t,tooltipPosition:"bottom",onClick:function(e){n&&n(e),d&&d(e)},className:"block-editor-inserter__toggle","aria-haspopup":!s&&"true","aria-expanded":!s&&r,disabled:o},p))};class xm extends a.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(e){let{onToggle:t,isOpen:n}=e;const{disabled:o,blockTitle:r,hasSingleBlockType:l,directInsertBlock:i,toggleProps:a,hasItems:s,renderToggle:c=Im,prioritizePatterns:u}=this.props;return c({onToggle:t,isOpen:n,disabled:o||!s,blockTitle:r,hasSingleBlockType:l,directInsertBlock:i,toggleProps:a,prioritizePatterns:u})}renderContent(e){let{onClose:t}=e;const{rootClientId:n,clientId:o,isAppender:r,showInserterHelpPanel:l,__experimentalIsQuick:i,prioritizePatterns:s}=this.props;return i?(0,a.createElement)(Bm,{onSelect:()=>{t()},rootClientId:n,clientId:o,isAppender:r,prioritizePatterns:s}):(0,a.createElement)(wm,{onSelect:()=>{t()},rootClientId:n,clientId:o,isAppender:r,showInserterHelpPanel:l,prioritizePatterns:s})}render(){const{position:e,hasSingleBlockType:t,directInsertBlock:n,insertOnlyAllowedBlock:o,__experimentalIsQuick:r,onSelectOrClose:l}=this.props;return t||n?this.renderToggle({onToggle:o}):(0,a.createElement)(m.Dropdown,{className:"block-editor-inserter",contentClassName:c()("block-editor-inserter__popover",{"is-quick":r}),position:e,onToggle:this.onToggle,expandOnMobile:!0,headerTitle:(0,g.__)("Add a block"),renderToggle:this.renderToggle,renderContent:this.renderContent,onClose:l})}}var Tm=(0,d.compose)([(0,p.withSelect)(((e,t)=>{var n;let{clientId:o,rootClientId:l}=t;const{getBlockRootClientId:i,hasInserterItems:a,__experimentalGetAllowedBlocks:s,__experimentalGetDirectInsertBlock:c,getSettings:u}=e(so),{getBlockVariations:d}=e(r.store);l=l||i(o)||void 0;const p=s(l),m=c(l),f=u(),g=1===(null==p?void 0:p.length)&&0===(null===(n=d(p[0].name,"inserter"))||void 0===n?void 0:n.length);let h=!1;return g&&(h=p[0]),{hasItems:a(l),hasSingleBlockType:g,blockTitle:h?h.title:"",allowedBlockType:h,directInsertBlock:m,rootClientId:l,prioritizePatterns:f.__experimentalPreferPatternsOnRoot&&!l}})),(0,p.withDispatch)(((e,t,n)=>{let{select:o}=n;return{insertOnlyAllowedBlock(){const{rootClientId:n,clientId:l,isAppender:i,hasSingleBlockType:a,allowedBlockType:s,directInsertBlock:c,onSelectOrClose:u}=t;if(!a&&!c)return;const{insertBlock:d}=e(so);let p;if(c){const e=function(e){const{getBlock:t,getPreviousBlockClientId:r}=o(so);if(!e||!l&&!n)return{};const i={};let a={};if(l){const e=t(l),n=t(r(l));(null==e?void 0:e.name)===(null==n?void 0:n.name)&&(a=(null==n?void 0:n.attributes)||{})}else{var s;const e=t(n);if(null!=e&&null!==(s=e.innerBlocks)&&void 0!==s&&s.length){const t=e.innerBlocks[e.innerBlocks.length-1];c&&(null==c?void 0:c.name)===t.name&&(a=t.attributes)}}return e.forEach((e=>{a.hasOwnProperty(e)&&(i[e]=a[e])})),i}(c.attributesToCopy);p=(0,r.createBlock)(c.name,{...c.attributes||{},...e})}else p=(0,r.createBlock)(s.name);d(p,function(){const{getBlockIndex:e,getBlockSelectionEnd:t,getBlockOrder:r,getBlockRootClientId:a}=o(so);if(l)return e(l);const s=t();return!i&&s&&a(s)===n?e(s)+1:r(n).length}(),n),u&&u();const m=(0,g.sprintf)((0,g.__)("%s block added"),s.title);(0,qt.speak)(m)}}})),(0,d.ifCondition)((e=>{let{hasItems:t,isAppender:n,rootClientId:o,clientId:r}=e;return t||!n&&!o&&!r}))])(xm);var Nm=(0,d.compose)((0,p.withSelect)(((e,t)=>{const{getBlockCount:n,getSettings:o,getTemplateLock:r}=e(so),l=!n(t.rootClientId),{bodyPlaceholder:i}=o();return{showPrompt:l,isLocked:!!r(t.rootClientId),placeholder:i}})),(0,p.withDispatch)(((e,t)=>{const{insertDefaultBlock:n,startTyping:o}=e(so);return{onAppend(){const{rootClientId:e}=t;n(void 0,e),o()}}})))((function(e){let{isLocked:t,onAppend:n,showPrompt:o,placeholder:r,rootClientId:l}=e;if(t)return null;const i=(0,Pu.decodeEntities)(r)||(0,g.__)("Type / to choose a block");return(0,a.createElement)("div",{"data-root-client-id":l||"",className:c()("block-editor-default-block-appender",{"has-visible-prompt":o})},(0,a.createElement)("p",{tabIndex:"0",role:"button","aria-label":(0,g.__)("Add default block"),className:"block-editor-default-block-appender__content",onKeyDown:e=>{ku.ENTER!==e.keyCode&&ku.SPACE!==e.keyCode||n()},onClick:()=>n(),onFocus:()=>{o&&n()}},o?i:"\ufeff"),(0,a.createElement)(Tm,{rootClientId:l,position:"bottom right",isAppender:!0,__experimentalIsQuick:!0}))}));function Pm(e,t){let{rootClientId:n,className:o,onFocus:r,tabIndex:l}=e;return(0,a.createElement)(Tm,{position:"bottom center",rootClientId:n,__experimentalIsQuick:!0,renderToggle:e=>{let n,{onToggle:i,disabled:s,isOpen:u,blockTitle:d,hasSingleBlockType:p}=e;n=p?(0,g.sprintf)((0,g._x)("Add %s","directly add the only allowed block"),d):(0,g._x)("Add block","Generic label for block inserter button");const f=!p;let h=(0,a.createElement)(m.Button,{ref:t,onFocus:r,tabIndex:l,className:c()(o,"block-editor-button-block-appender"),onClick:i,"aria-haspopup":f?"true":void 0,"aria-expanded":f?u:void 0,disabled:s,label:n},!p&&(0,a.createElement)(m.VisuallyHidden,{as:"span"},n),(0,a.createElement)(ul,{icon:Mu}));return(f||p)&&(h=(0,a.createElement)(m.Tooltip,{text:n},h)),h},isAppender:!0})}const Mm=(0,a.forwardRef)(((e,t)=>(V()("wp.blockEditor.ButtonBlockerAppender",{alternative:"wp.blockEditor.ButtonBlockAppender",since:"5.9"}),Pm(e,t))));var Lm=(0,a.forwardRef)(Pm);var Rm=function(e){let{rootClientId:t,renderAppender:n,className:o,tagName:l="div"}=e;const{hideInserter:i,canInsertDefaultBlock:s,selectedBlockClientId:u}=(0,p.useSelect)((e=>{const{canInsertBlockType:n,getTemplateLock:o,getSelectedBlockClientId:l,__unstableGetEditorMode:i}=e(so);return{hideInserter:!!o(t)||"zoom-out"===i(),canInsertDefaultBlock:n((0,r.getDefaultBlockName)(),t),selectedBlockClientId:l()}}),[t]);if(i||!1===n)return null;let d;if(n)d=(0,a.createElement)(n,null);else{if(!(u===t||!t&&!u))return null;d=s?(0,a.createElement)(Nm,{rootClientId:t}):(0,a.createElement)(Lm,{rootClientId:t,className:"block-list-appender__toggle"})}return(0,a.createElement)(l,{tabIndex:-1,className:c()("block-list-appender wp-block",o),contentEditable:!1,"data-block":!0},d)};const Am=Number.MAX_SAFE_INTEGER;(0,a.createContext)();var Dm=function(e){let{previousClientId:t,nextClientId:n,children:o,__unstablePopoverSlot:r,__unstableContentRef:l,...s}=e;const[u,d]=(0,a.useReducer)((e=>(e+1)%Am),0),{orientation:f,rootClientId:h,isVisible:v}=(0,p.useSelect)((e=>{var o;const{getBlockListSettings:r,getBlockRootClientId:l,isBlockVisible:i}=e(so),a=l(null!=t?t:n);return{orientation:(null===(o=r(a))||void 0===o?void 0:o.orientation)||"vertical",rootClientId:a,isVisible:i(t)&&i(n)}}),[t,n]),b=Lo(t),_=Lo(n),k="vertical"===f,y=(0,a.useMemo)((()=>{if(u<0||!b&&!_||!v)return{};const e=b?b.getBoundingClientRect():null,t=_?_.getBoundingClientRect():null;if(k)return{width:e?e.width:t.width,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:e?e.height:t.height}}),[b,_,k,u,v]),E=(0,a.useMemo)((()=>{if(u<0||!b&&!_||!v)return;const{ownerDocument:e}=b||_;return{ownerDocument:e,getBoundingClientRect(){const e=b?b.getBoundingClientRect():null,t=_?_.getBoundingClientRect():null;let n=0,o=0;return k?(o=e?e.bottom:t.top,n=(0,g.isRTL)()?e?e.right:t.right:e?e.left:t.left):(o=e?e.top:t.top,n=(0,g.isRTL)()?e?e.left:t.right:e?e.right:t.left),new window.DOMRect(n,o,0,0)}}}),[b,_,u,k,v]),C=_r(l);return(0,a.useLayoutEffect)((()=>{if(!b)return;const e=new window.MutationObserver(d);return e.observe(b,{attributes:!0}),()=>{e.disconnect()}}),[b]),(0,a.useLayoutEffect)((()=>{if(!_)return;const e=new window.MutationObserver(d);return e.observe(_,{attributes:!0}),()=>{e.disconnect()}}),[_]),(0,a.useLayoutEffect)((()=>{if(b)return b.ownerDocument.defaultView.addEventListener("resize",d),()=>{var e;null===(e=b.ownerDocument.defaultView)||void 0===e||e.removeEventListener("resize",d)}}),[b]),(b||_)&&v?(0,a.createElement)(m.Popover,i({ref:C,animate:!1,anchor:E,focusOnMount:!1,__unstableSlotName:r||null,key:n+"--"+h},s,{className:c()("block-editor-block-popover","block-editor-block-popover__inbetween",s.className),resize:!1,flip:!1,placement:"bottom-start"}),(0,a.createElement)("div",{className:"block-editor-block-popover__inbetween-container",style:y},o)):null};const Om=(0,a.createContext)();function zm(e){let{__unstablePopoverSlot:t,__unstableContentRef:n}=e;const{selectBlock:o,hideInsertionPoint:r}=(0,p.useDispatch)(so),l=(0,a.useContext)(Om),i=(0,a.useRef)(),{orientation:s,previousClientId:u,nextClientId:f,rootClientId:g,isInserterShown:h}=(0,p.useSelect)((e=>{var t;const{getBlockOrder:n,getBlockListSettings:o,getBlockInsertionPoint:r,isBlockBeingDragged:l,getPreviousBlockClientId:i,getNextBlockClientId:a}=e(so),s=r(),c=n(s.rootClientId);if(!c.length)return{};let u=c[s.index-1],d=c[s.index];for(;l(u);)u=i(u);for(;l(d);)d=a(d);return{previousClientId:u,nextClientId:d,orientation:(null===(t=o(s.rootClientId))||void 0===t?void 0:t.orientation)||"vertical",rootClientId:s.rootClientId,isInserterShown:null==s?void 0:s.__unstableWithInserter}}),[]),v="vertical"===s,b=(0,d.useReducedMotion)();const _={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:h?.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}}},k={start:{scale:b?1:0},rest:{scale:1,transition:{delay:.2}}},y=c()("block-editor-block-list__insertion-point","is-"+s);return(0,a.createElement)(Dm,{previousClientId:u,nextClientId:f,__unstablePopoverSlot:t,__unstableContentRef:n},(0,a.createElement)(m.__unstableMotion.div,{layout:!b,initial:b?"rest":"start",animate:"rest",whileHover:"hover",whileTap:"pressed",exit:"start",ref:i,tabIndex:-1,onClick:function(e){e.target===i.current&&f&&o(f,-1)},onFocus:function(e){e.target!==i.current&&(l.current=!0)},className:c()(y,{"is-with-inserter":h}),onHoverEnd:function(e){e.target!==i.current||l.current||r()}},(0,a.createElement)(m.__unstableMotion.div,{variants:_,className:"block-editor-block-list__insertion-point-indicator","data-testid":"block-list-insertion-point-indicator"}),h&&(0,a.createElement)(m.__unstableMotion.div,{variants:k,className:c()("block-editor-block-list__insertion-point-inserter")},(0,a.createElement)(Tm,{position:"bottom center",clientId:f,rootClientId:g,__experimentalIsQuick:!0,onToggle:e=>{l.current=e},onSelectOrClose:()=>{l.current=!1}}))))}function Fm(e){return(0,p.useSelect)((e=>e(so).isBlockInsertionPointVisible()),[])&&(0,a.createElement)(zm,e)}function Vm(){const e=(0,a.useContext)(Om),t=(0,p.useSelect)((e=>e(so).getSettings().hasReducedUI||"zoom-out"===e(so).__unstableGetEditorMode()),[]),{getBlockListSettings:n,getBlockRootClientId:o,getBlockIndex:r,isBlockInsertionPointVisible:l,isMultiSelecting:i,getSelectedBlockClientIds:s,getTemplateLock:c,__unstableIsWithinBlockOverlay:u}=(0,p.useSelect)(so),{showInsertionPoint:m,hideInsertionPoint:f}=(0,p.useDispatch)(so);return(0,d.useRefEffect)((o=>{if(!t)return o.addEventListener("mousemove",a),()=>{o.removeEventListener("mousemove",a)};function a(t){var o;if(e.current)return;if(i())return;if(!t.target.classList.contains("block-editor-block-list__layout"))return void(l()&&f());let a;if(!t.target.classList.contains("is-root-container")){a=(t.target.getAttribute("data-block")?t.target:t.target.closest("[data-block]")).getAttribute("data-block")}if(c(a))return;const d=(null===(o=n(a))||void 0===o?void 0:o.orientation)||"vertical",p=t.target.getBoundingClientRect(),g=t.clientY-p.top,h=t.clientX-p.left;let v=Array.from(t.target.children).find((e=>e.classList.contains("wp-block")&&"vertical"===d&&e.offsetTop>g||e.classList.contains("wp-block")&&"horizontal"===d&&e.offsetLeft>h));if(!v)return;if(!v.id&&(v=v.firstElementChild,!v))return;const b=v.id.slice("block-".length);if(!b||u(b))return;if(s().includes(b))return;const _=v.getBoundingClientRect();if("horizontal"===d&&(t.clientY>_.bottom||t.clientY<_.top)||"vertical"===d&&(t.clientX>_.right||t.clientX<_.left))return void(l()&&f());const k=r(b);0!==k?m(a,k,{__unstableWithInserter:!0}):l()&&f()}}),[e,n,o,r,l,i,m,f,s,t])}const Hm="undefined"==typeof window?e=>{setTimeout((()=>e(Date.now())),0)}:window.requestIdleCallback||window.requestAnimationFrame,Gm="undefined"==typeof window?clearTimeout:window.cancelIdleCallback||window.cancelAnimationFrame;function Um(e){return(0,p.useSelect)((t=>{if(!e)return null;const{getBlockName:n,getBlockAttributes:o}=t(so),{getBlockType:l,getActiveBlockVariation:i}=t(r.store),a=n(e),s=l(a);if(!s)return null;const c=o(e),u=i(a,c),d={title:s.title,icon:s.icon,description:s.description,anchor:null==c?void 0:c.anchor};return u?{title:u.title||s.title,icon:u.icon||s.icon,description:u.description||s.description,anchor:null==c?void 0:c.anchor}:d}),[e])}function Wm(e){let{clientId:t,maximumLength:n,context:o}=e;const{attributes:l,name:i,reusableBlockTitle:a}=(0,p.useSelect)((e=>{if(!t)return{};const{getBlockName:n,getBlockAttributes:o,__experimentalGetReusableBlockTitle:l}=e(so),i=n(t);if(!i)return{};const a=(0,r.isReusableBlock)((0,r.getBlockType)(i));return{attributes:o(t),name:i,reusableBlockTitle:a&&l(o(t).ref)}}),[t]),s=Um(t);if(!i||!s)return null;const c=(0,r.getBlockType)(i),u=c?(0,r.__experimentalGetBlockLabel)(c,l,o):null,d=a||u,m=d&&d!==c.title?d:s.title;if(n&&n>0&&m.length>n){const e="...";return m.slice(0,n-e.length)+e}return m}function $m(e){let{clientId:t,maximumLength:n,context:o}=e;return Wm({clientId:t,maximumLength:n,context:o})}var jm=e=>{let{children:t,clientIds:n,cloneClassname:o,onDragStart:l,onDragEnd:i}=e;const{srcRootClientId:s,isDraggable:c,icon:u}=(0,p.useSelect)((e=>{var t;const{canMoveBlocks:o,getBlockRootClientId:l,getBlockName:i}=e(so),a=l(n[0]),s=i(n[0]);return{srcRootClientId:a,isDraggable:o(n,a),icon:null===(t=(0,r.getBlockType)(s))||void 0===t?void 0:t.icon}}),[n]),d=(0,a.useRef)(!1),[f,g,h]=function(){const e=(0,a.useRef)(null),t=(0,a.useRef)(null),n=(0,a.useRef)(null),o=(0,a.useRef)(null);return(0,a.useEffect)((()=>()=>{o.current&&(clearInterval(o.current),o.current=null)}),[]),[(0,a.useCallback)((r=>{e.current=r.clientY,n.current=(0,Wl.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,a.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{e.current=null,n.current=null,o.current&&(clearInterval(o.current),o.current=null)}]}(),{startDraggingBlocks:v,stopDraggingBlocks:b}=(0,p.useDispatch)(so);if((0,a.useEffect)((()=>()=>{d.current&&b()}),[]),!c)return t({isDraggable:!1});const _={type:"block",srcClientIds:n,srcRootClientId:s};return(0,a.createElement)(m.Draggable,{cloneClassname:o,__experimentalTransferDataType:"wp-blocks",transferData:_,onDragStart:e=>{v(n),d.current=!0,f(e),l&&l()},onDragOver:g,onDragEnd:()=>{b(),d.current=!1,h(),i&&i()},__experimentalDragComponent:(0,a.createElement)(wp,{count:n.length,icon:u})},(e=>{let{onDraggableStart:n,onDraggableEnd:o}=e;return t({draggable:!0,onDragStart:n,onDragEnd:o})}))};var Km=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"}));var qm=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"}));var Ym=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}));var Qm=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"}));const Zm=(e,t)=>"up"===e?"horizontal"===t?(0,g.isRTL)()?"right":"left":"up":"down"===e?"horizontal"===t?(0,g.isRTL)()?"left":"right":"down":null;function Xm(e,t,n,o,r,l,i){const a=n+1;if(e>1)return function(e,t,n,o,r,l){const i=t+1;if(n&&o)return(0,g.__)("All blocks are selected, and cannot be moved");if(r>0&&!o){const t=Zm("down",l);if("down"===t)return(0,g.sprintf)((0,g.__)("Move %1$d blocks from position %2$d down by one place"),e,i);if("left"===t)return(0,g.sprintf)((0,g.__)("Move %1$d blocks from position %2$d left by one place"),e,i);if("right"===t)return(0,g.sprintf)((0,g.__)("Move %1$d blocks from position %2$d right by one place"),e,i)}if(r>0&&o){const e=Zm("down",l);if("down"===e)return(0,g.__)("Blocks cannot be moved down as they are already at the bottom");if("left"===e)return(0,g.__)("Blocks cannot be moved left as they are already are at the leftmost position");if("right"===e)return(0,g.__)("Blocks cannot be moved right as they are already are at the rightmost position")}if(r<0&&!n){const t=Zm("up",l);if("up"===t)return(0,g.sprintf)((0,g.__)("Move %1$d blocks from position %2$d up by one place"),e,i);if("left"===t)return(0,g.sprintf)((0,g.__)("Move %1$d blocks from position %2$d left by one place"),e,i);if("right"===t)return(0,g.sprintf)((0,g.__)("Move %1$d blocks from position %2$d right by one place"),e,i)}if(r<0&&n){const e=Zm("up",l);if("up"===e)return(0,g.__)("Blocks cannot be moved up as they are already at the top");if("left"===e)return(0,g.__)("Blocks cannot be moved left as they are already are at the leftmost position");if("right"===e)return(0,g.__)("Blocks cannot be moved right as they are already are at the rightmost position")}}(e,n,o,r,l,i);if(o&&r)return(0,g.sprintf)((0,g.__)("Block %s is the only block, and cannot be moved"),t);if(l>0&&!r){const e=Zm("down",i);if("down"===e)return(0,g.sprintf)((0,g.__)("Move %1$s block from position %2$d down to position %3$d"),t,a,a+1);if("left"===e)return(0,g.sprintf)((0,g.__)("Move %1$s block from position %2$d left to position %3$d"),t,a,a+1);if("right"===e)return(0,g.sprintf)((0,g.__)("Move %1$s block from position %2$d right to position %3$d"),t,a,a+1)}if(l>0&&r){const e=Zm("down",i);if("down"===e)return(0,g.sprintf)((0,g.__)("Block %1$s is at the end of the content and can’t be moved down"),t);if("left"===e)return(0,g.sprintf)((0,g.__)("Block %1$s is at the end of the content and can’t be moved left"),t);if("right"===e)return(0,g.sprintf)((0,g.__)("Block %1$s is at the end of the content and can’t be moved right"),t)}if(l<0&&!o){const e=Zm("up",i);if("up"===e)return(0,g.sprintf)((0,g.__)("Move %1$s block from position %2$d up to position %3$d"),t,a,a-1);if("left"===e)return(0,g.sprintf)((0,g.__)("Move %1$s block from position %2$d left to position %3$d"),t,a,a-1);if("right"===e)return(0,g.sprintf)((0,g.__)("Move %1$s block from position %2$d right to position %3$d"),t,a,a-1)}if(l<0&&o){const e=Zm("up",i);if("up"===e)return(0,g.sprintf)((0,g.__)("Block %1$s is at the beginning of the content and can’t be moved up"),t);if("left"===e)return(0,g.sprintf)((0,g.__)("Block %1$s is at the beginning of the content and can’t be moved left"),t);if("right"===e)return(0,g.sprintf)((0,g.__)("Block %1$s is at the beginning of the content and can’t be moved right"),t)}}const Jm=(e,t)=>"up"===e?"horizontal"===t?(0,g.isRTL)()?Km:qm:Ym:"down"===e?"horizontal"===t?(0,g.isRTL)()?qm:Km:Qm:null,ef=(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,tf=(0,a.forwardRef)(((e,t)=>{let{clientIds:n,direction:o,orientation:l,...s}=e;const u=(0,d.useInstanceId)(tf),f=Array.isArray(n)?n:[n],g=f.length,{blockType:h,isDisabled:v,rootClientId:b,isFirst:_,isLast:k,firstIndex:y,orientation:E="vertical"}=(0,p.useSelect)((e=>{const{getBlockIndex:t,getBlockRootClientId:n,getBlockOrder:i,getBlock:a,getBlockListSettings:s}=e(so),c=f[0],u=n(c),d=t(c),p=t(f[f.length-1]),m=i(u),g=a(c),h=0===d,v=p===m.length-1,{orientation:b}=s(u)||{};return{blockType:g?(0,r.getBlockType)(g.name):null,isDisabled:"up"===o?h:v,rootClientId:u,firstIndex:d,isFirst:h,isLast:v,orientation:l||b}}),[n,o]),{moveBlocksDown:C,moveBlocksUp:S}=(0,p.useDispatch)(so),w="up"===o?S:C,B=`block-editor-block-mover-button__description-${u}`;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.Button,i({ref:t,className:c()("block-editor-block-mover-button",`is-${o}-button`),icon:Jm(o,E),label:ef(o,E),"aria-describedby":B},s,{onClick:v?null:e=>{w(n,b),s.onClick&&s.onClick(e)},disabled:v,__experimentalIsFocusable:!0})),(0,a.createElement)(m.VisuallyHidden,{id:B},Xm(g,h&&h.title,y,_,k,"up"===o?-1:1,E)))})),nf=(0,a.forwardRef)(((e,t)=>(0,a.createElement)(tf,i({direction:"up",ref:t},e)))),of=(0,a.forwardRef)(((e,t)=>(0,a.createElement)(tf,i({direction:"down",ref:t},e))));var rf=function(e){let{clientIds:t,hideDragHandle:n}=e;const{canMove:o,rootClientId:r,isFirst:l,isLast:s,orientation:u}=(0,p.useSelect)((e=>{var n;const{getBlockIndex:o,getBlockListSettings:r,canMoveBlocks:l,getBlockOrder:i,getBlockRootClientId:a}=e(so),s=Array.isArray(t)?t:[t],c=s[0],u=a(c),d=o(c),p=o(s[s.length-1]),m=i(u);return{canMove:l(t,u),rootClientId:u,isFirst:0===d,isLast:p===m.length-1,orientation:null===(n=r(u))||void 0===n?void 0:n.orientation}}),[t]);if(!o||l&&s&&!r)return null;const d=(0,g.__)("Drag");return(0,a.createElement)(m.ToolbarGroup,{className:c()("block-editor-block-mover",{"is-horizontal":"horizontal"===u})},!n&&(0,a.createElement)(jm,{clientIds:t},(e=>(0,a.createElement)(m.Button,i({icon:Sp,className:"block-editor-block-mover__drag-handle","aria-hidden":"true",label:d,tabIndex:"-1"},e)))),(0,a.createElement)("div",{className:"block-editor-block-mover__move-button-container"},(0,a.createElement)(m.ToolbarItem,null,(e=>(0,a.createElement)(nf,i({clientIds:t},e)))),(0,a.createElement)(m.ToolbarItem,null,(e=>(0,a.createElement)(of,i({clientIds:t},e))))))};var lf=function(e){let{clientId:t,rootClientId:n}=e;const o=Um(t),l=(0,p.useSelect)((e=>{var o;const{getBlock:r,getBlockIndex:l,hasBlockMovingClientId:i,getBlockListSettings:a,__unstableGetEditorMode:s}=e(so),c=l(t),{name:u,attributes:d}=r(t);return{index:c,name:u,attributes:d,blockMovingMode:i(),orientation:null===(o=a(n))||void 0===o?void 0:o.orientation,editorMode:s()}}),[t,n]),{index:s,name:u,attributes:d,blockMovingMode:f,orientation:h,editorMode:v}=l,{setNavigationMode:b,removeBlock:_}=(0,p.useDispatch)(so),k=(0,a.useRef)(),y=(0,r.getBlockType)(u),E=(0,r.__experimentalGetAccessibleBlockLabel)(y,d,s+1,h);(0,a.useEffect)((()=>{k.current.focus(),(0,qt.speak)(E)}),[E]);const C=Lo(t),{hasBlockMovingClientId:S,getBlockIndex:w,getBlockRootClientId:B,getClientIdsOfDescendants:I,getSelectedBlockClientId:x,getMultiSelectedBlocksEndClientId:T,getPreviousBlockClientId:N,getNextBlockClientId:P}=(0,p.useSelect)(so),{selectBlock:M,clearSelectedBlock:L,setBlockMovingClientId:R,moveBlockToPosition:A}=(0,p.useDispatch)(so),D=c()("block-editor-block-list__block-selection-button",{"is-block-moving-mode":!!f}),O=(0,g.__)("Drag");return(0,a.createElement)("div",{className:D},(0,a.createElement)(m.Flex,{justify:"center",className:"block-editor-block-list__block-selection-button__content"},(0,a.createElement)(m.FlexItem,null,(0,a.createElement)(Du,{icon:null==o?void 0:o.icon,showColors:!0})),(0,a.createElement)(m.FlexItem,null,"zoom-out"===v&&(0,a.createElement)(rf,{clientIds:[t],hideDragHandle:!0}),"navigation"===v&&(0,a.createElement)(jm,{clientIds:[t]},(e=>(0,a.createElement)(m.Button,i({icon:Sp,className:"block-selection-button_drag-handle","aria-hidden":"true",label:O,tabIndex:"-1"},e))))),(0,a.createElement)(m.FlexItem,null,(0,a.createElement)(m.Button,{ref:k,onClick:"navigation"===v?()=>b(!1):void 0,onKeyDown:function(e){const{keyCode:n}=e,o=n===ku.UP,r=n===ku.DOWN,l=n===ku.LEFT,i=n===ku.RIGHT,a=n===ku.TAB,s=n===ku.ESCAPE,c=n===ku.ENTER,u=n===ku.SPACE,d=e.shiftKey;if(n===ku.BACKSPACE||n===ku.DELETE)return _(t),void e.preventDefault();const p=x(),m=T(),f=N(m||p),g=P(m||p),h=a&&d||o,v=a&&!d||r,b=l,k=i;let y;if(h)y=f;else if(v)y=g;else if(b){var E;y=null!==(E=B(p))&&void 0!==E?E:p}else if(k){var D;y=null!==(D=I([p])[0])&&void 0!==D?D:p}const O=S();if(s&&O&&!e.defaultPrevented&&(R(null),e.preventDefault()),(c||u)&&O){const e=B(O),t=B(p),n=w(O);let o=w(p);n{!function(e){const[t]=Wl.focus.tabbable.find(e);t&&t.focus({preventScroll:!0})}(e.current)}),[]);(0,Yu.useShortcut)("core/block-editor/focus-toolbar",s),(0,a.useEffect)((()=>{l&&s()}),[n,l,s]),(0,a.useEffect)((()=>{let t=0;return i&&!l&&(t=window.requestAnimationFrame((()=>{const t=af(e.current),n=i||0;var o;t[n]&&(o=e.current).contains(o.ownerDocument.activeElement)&&t[n].focus({preventScroll:!0})}))),()=>{if(window.cancelAnimationFrame(t),!r||!e.current)return;const n=af(e.current).findIndex((e=>0===e.tabIndex));r(n)}}),[i,l])}var cf=function(e){let{children:t,focusOnMount:n,__experimentalInitialIndex:o,__experimentalOnIndexChange:r,...l}=e;const s=(0,a.useRef)(),c=function(e){const[t,n]=(0,a.useState)(!0),o=(0,a.useCallback)((()=>{const t=!Wl.focus.tabbable.find(e.current).some((e=>!("toolbarItem"in e.dataset)));t||V()("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,a.useLayoutEffect)((()=>{const t=new window.MutationObserver(o);return t.observe(e.current,{childList:!0,subtree:!0}),()=>t.disconnect()}),[t]),t}(s);return sf(s,n,c,o,r),c?(0,a.createElement)(m.Toolbar,i({label:l["aria-label"],ref:s},l),t):(0,a.createElement)(m.NavigableMenu,i({orientation:"horizontal",role:"toolbar",ref:s},l),t)};const{clearTimeout:uf,setTimeout:df}=window,pf=()=>{},mf=200;function ff(e){let{ref:t,isFocused:n,debounceTimeout:o=mf,onChange:r=pf}=e;const[l,i]=(0,a.useState)(!1),s=(0,a.useRef)(),c=e=>{null!=t&&t.current&&i(e),r(e)},u=()=>{const e=(null==t?void 0:t.current)&&t.current.matches(":hover");return!n&&!e},d=()=>{const e=s.current;e&&uf&&uf(e)};return(0,a.useEffect)((()=>()=>{c(!1),d()}),[]),{showMovers:l,debouncedShowMovers:e=>{e&&e.stopPropagation(),d(),l||c(!0)},debouncedHideMovers:e=>{e&&e.stopPropagation(),d(),s.current=df((()=>{u()&&c(!1)}),o)}}}function gf(e){let{ref:t,debounceTimeout:n=mf,onChange:o=pf}=e;const[r,l]=(0,a.useState)(!1),{showMovers:i,debouncedShowMovers:s,debouncedHideMovers:c}=ff({ref:t,debounceTimeout:n,isFocused:r,onChange:o}),u=(0,a.useRef)(!1),d=()=>(null==t?void 0:t.current)&&t.current.contains(t.current.ownerDocument.activeElement);return(0,a.useEffect)((()=>{const e=t.current,n=()=>{d()&&(l(!0),s())},o=()=>{d()||(l(!1),c())};return e&&!u.current&&(e.addEventListener("focus",n,!0),e.addEventListener("blur",o,!0),u.current=!0),()=>{e&&(e.removeEventListener("focus",n),e.removeEventListener("blur",o))}}),[t,u,l,s,c]),{showMovers:i,gestures:{onMouseMove:s,onMouseLeave:c}}}function hf(){const{selectBlock:e,toggleBlockHighlight:t}=(0,p.useDispatch)(so),{firstParentClientId:n,shouldHide:o,hasReducedUI:l}=(0,p.useSelect)((e=>{const{getBlockName:t,getBlockParents:n,getSelectedBlockClientId:o,getSettings:l}=e(so),{hasBlockSupport:i}=e(r.store),a=n(o()),s=a[a.length-1],c=t(s),u=(0,r.getBlockType)(c),d=l();return{firstParentClientId:s,shouldHide:!i(u,"__experimentalParentSelector",!0),hasReducedUI:d.hasReducedUI}}),[]),s=Um(n),c=(0,a.useRef)(),{gestures:u}=gf({ref:c,onChange(e){e&&l||t(n,e)}});return o||void 0===n?null:(0,a.createElement)("div",i({className:"block-editor-block-parent-selector",key:n,ref:c},u),(0,a.createElement)(m.ToolbarButton,{className:"block-editor-block-parent-selector__button",onClick:()=>e(n),label:(0,g.sprintf)((0,g.__)("Select %s"),null==s?void 0:s.title),showTooltip:!0,icon:(0,a.createElement)(Du,{icon:null==s?void 0:s.icon})}))}var vf=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 bf(e){let{blocks:t}=e;return(0,a.createElement)("div",{className:"block-editor-block-switcher__popover__preview__parent"},(0,a.createElement)("div",{className:"block-editor-block-switcher__popover__preview__container"},(0,a.createElement)(m.Popover,{className:"block-editor-block-switcher__preview__popover",position:"bottom right",focusOnMount:!1},(0,a.createElement)("div",{className:"block-editor-block-switcher__preview"},(0,a.createElement)("div",{className:"block-editor-block-switcher__preview-title"},(0,g.__)("Preview")),(0,a.createElement)(_p,{viewportWidth:500,blocks:t})))))}function _f(e){let{restTransformations:t,onSelect:n,setHoveredTransformItemName:o}=e;return t.map((e=>(0,a.createElement)(kf,{key:e.name,item:e,onSelect:n,setHoveredTransformItemName:o})))}function kf(e){let{item:t,onSelect:n,setHoveredTransformItemName:o}=e;const{name:l,icon:i,title:s,isDisabled:c}=t;return(0,a.createElement)(m.MenuItem,{className:(0,r.getBlockMenuDefaultClassName)(l),onClick:e=>{e.preventDefault(),n(l)},disabled:c,onMouseLeave:()=>o(null),onMouseEnter:()=>o(l)},(0,a.createElement)(Du,{icon:i,showColors:!0}),s)}var yf=e=>{let{className:t,possibleBlockTransformations:n,onSelect:o,blocks:l}=e;const[i,s]=(0,a.useState)(),{priorityTextTransformations:c,restTransformations:u}=function(e){const t={"core/paragraph":1,"core/heading":2,"core/list":3,"core/quote":4},n=(0,a.useMemo)((()=>{const n=Object.keys(t);return e.reduce(((e,t)=>{const{name:o}=t;return n.includes(o)?e.priorityTextTransformations.push(t):e.restTransformations.push(t),e}),{priorityTextTransformations:[],restTransformations:[]})}),[e]);return n.priorityTextTransformations.sort(((e,n)=>{let{name:o}=e,{name:r}=n;return t[o](0,a.createElement)(kf,{key:e.name,item:e,onSelect:o,setHoveredTransformItemName:s}))),!d&&p),!!d&&(0,a.createElement)(m.MenuGroup,{className:t},p))};var Ef=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})),Cf=window.wp.tokenList,Sf=n.n(Cf);function wf(e,t,n){const o=new(Sf())(e);return t&&o.remove("is-style-"+t.name),o.add("is-style-"+n.name),o.value}function Bf(e){return(0,u.find)(e,"isDefault")}function If(e){let{clientId:t,onSwitch:n}=e;const{styles:o,block:l,blockType:i,className:s}=(0,p.useSelect)((e=>{const{getBlock:n}=e(so),o=n(t);if(!o)return{};const l=(0,r.getBlockType)(o.name),{getBlockStyles:i}=e(r.store);return{block:o,blockType:l,styles:i(o.name),className:o.attributes.className||""}}),[t]),{updateBlockAttributes:c}=(0,p.useDispatch)(so),d=function(e){return e&&0!==e.length?Bf(e)?e:[{name:"default",label:(0,g._x)("Default","block style"),isDefault:!0},...e]:[]}(o),m=function(e,t){for(const n of new(Sf())(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")}(d,s),f=function(e,t){return(0,a.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])}(l,i);return{onSelect:e=>{const o=wf(s,m,e);c(t,{className:o}),n()},stylesToRender:d,activeStyle:m,genericPreviewBlock:f,className:s}}const xf=()=>{};function Tf(e){let{clientId:t,onSwitch:n=xf}=e;const{onSelect:o,stylesToRender:r,activeStyle:l}=If({clientId:t,onSwitch:n});return r&&0!==r.length?(0,a.createElement)(a.Fragment,null,r.map((e=>{const t=e.label||e.name;return(0,a.createElement)(m.MenuItem,{key:e.name,icon:l.name===e.name?Ef:null,onClick:()=>o(e)},(0,a.createElement)(m.__experimentalText,{as:"span",limit:18,ellipsizeMode:"tail",truncate:!0},t))}))):null}function Nf(e){let{hoveredBlock:t,onSwitch:n}=e;const{clientId:o}=t;return(0,a.createElement)(m.MenuGroup,{label:(0,g.__)("Styles"),className:"block-editor-block-switcher__styles__menugroup"},(0,a.createElement)(Tf,{clientId:o,onSwitch:n}))}const Pf=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]: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=Pf(e,t,n);if(o)return o}}},Mf=(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}};var Lf=(e,t)=>(0,a.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=Pf(r,t.name,o);if(n){e=!0,o.add(n.clientId),Mf(n,t);break}}if(!e)return}return n})(t,n.blocks);return o&&e.push({...n,transformedBlocks:o}),e}),[])),[e,t]);function Rf(e){let{patterns:t,onSelect:n}=e;return(0,a.createElement)("div",{className:"block-editor-block-switcher__popover__preview__parent"},(0,a.createElement)("div",{className:"block-editor-block-switcher__popover__preview__container"},(0,a.createElement)(m.Popover,{className:"block-editor-block-switcher__preview__popover",position:"bottom right"},(0,a.createElement)("div",{className:"block-editor-block-switcher__preview"},(0,a.createElement)("div",{className:"block-editor-block-switcher__preview-title"},(0,g.__)("Preview")),(0,a.createElement)(Af,{patterns:t,onSelect:n})))))}function Af(e){let{patterns:t,onSelect:n}=e;const o=(0,m.__unstableUseCompositeState)();return(0,a.createElement)(m.__unstableComposite,i({},o,{role:"listbox",className:"block-editor-block-switcher__preview-patterns-container","aria-label":(0,g.__)("Patterns list")}),t.map((e=>(0,a.createElement)(Df,{key:e.name,pattern:e,onSelect:n,composite:o}))))}function Df(e){let{pattern:t,onSelect:n,composite:o}=e;const r="block-editor-block-switcher__preview-patterns-container",l=(0,d.useInstanceId)(Df,`${r}-list__item-description`);return(0,a.createElement)("div",{className:`${r}-list__list-item`,"aria-label":t.title,"aria-describedby":t.description?l:void 0},(0,a.createElement)(m.__unstableCompositeItem,i({role:"option",as:"div"},o,{className:`${r}-list__item`,onClick:()=>n(t.transformedBlocks)}),(0,a.createElement)(_p,{blocks:t.transformedBlocks,viewportWidth:t.viewportWidth||500}),(0,a.createElement)("div",{className:`${r}-list__item-title`},t.title)),!!t.description&&(0,a.createElement)(m.VisuallyHidden,{id:l},t.description))}var Of=function(e){let{blocks:t,patterns:n,onSelect:o}=e;const[r,l]=(0,a.useState)(!1),i=Lf(n,t);return i.length?(0,a.createElement)(m.MenuGroup,{className:"block-editor-block-switcher__pattern__transforms__menugroup"},r&&(0,a.createElement)(Rf,{patterns:i,onSelect:o}),(0,a.createElement)(m.MenuItem,{onClick:e=>{e.preventDefault(),l(!r)},icon:Km},(0,g.__)("Patterns"))):null};const zf=e=>{let{clientIds:t,blocks:n}=e;const{replaceBlocks:o}=(0,p.useDispatch)(so),l=Um(n[0].clientId),{possibleBlockTransformations:i,canRemove:s,hasBlockStyles:c,icon:d,patterns:f}=(0,p.useSelect)((e=>{const{getBlockRootClientId:o,getBlockTransformItems:i,__experimentalGetPatternTransformItems:a}=e(so),{getBlockStyles:s,getBlockType:c}=e(r.store),{canRemoveBlocks:d}=e(so),p=o((0,u.castArray)(t)[0]),[{name:m}]=n,f=1===n.length,g=f&&s(m);let h;if(f)h=null==l?void 0:l.icon;else{var v;h=1===new Set(n.map((e=>{let{name:t}=e;return t}))).size?null===(v=c(m))||void 0===v?void 0:v.icon:vf}return{possibleBlockTransformations:i(n,p),canRemove:d(t,p),hasBlockStyles:!(null==g||!g.length),icon:h,patterns:a(n,p)}}),[t,n,null==l?void 0:l.icon]),h=Wm({clientId:Array.isArray(t)?t[0]:t,maximumLength:35}),v=1===n.length&&(0,r.isReusableBlock)(n[0]),b=1===n.length&&(0,r.isTemplatePart)(n[0]),_=!!i.length&&s&&!b,k=!(null==f||!f.length)&&s;if(!c&&!_)return(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(m.ToolbarButton,{disabled:!0,className:"block-editor-block-switcher__no-switcher-icon",title:h,icon:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(Du,{icon:d,showColors:!0}),(v||b)&&(0,a.createElement)("span",{className:"block-editor-block-switcher__toggle-text"},h))}));const y=h,E=1===n.length?(0,g.sprintf)((0,g.__)("%s: Change block type or style"),h):(0,g.sprintf)((0,g._n)("Change type of %d block","Change type of %d blocks",n.length),n.length),C=c||_||k;return(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(m.ToolbarItem,null,(e=>(0,a.createElement)(m.DropdownMenu,{className:"block-editor-block-switcher",label:y,popoverProps:{position:"bottom right",isAlternate:!0,className:"block-editor-block-switcher__popover"},icon:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(Du,{icon:d,className:"block-editor-block-switcher__toggle",showColors:!0}),(v||b)&&(0,a.createElement)("span",{className:"block-editor-block-switcher__toggle-text"},h)),toggleProps:{describedBy:E,...e},menuProps:{orientation:"both"}},(e=>{let{onClose:l}=e;return C&&(0,a.createElement)("div",{className:"block-editor-block-switcher__container"},k&&(0,a.createElement)(Of,{blocks:n,patterns:f,onSelect:e=>{(e=>{o(t,e)})(e),l()}}),_&&(0,a.createElement)(yf,{className:"block-editor-block-switcher__transforms__menugroup",possibleBlockTransformations:i,blocks:n,onSelect:e=>{(e=>{o(t,(0,r.switchToBlockType)(n,e))})(e),l()}}),c&&(0,a.createElement)(Nf,{hoveredBlock:n[0],onSwitch:l}))})))))};var Ff=e=>{let{clientIds:t}=e;const n=(0,p.useSelect)((e=>e(so).getBlocksByClientId(t)),[t]);return!n.length||n.some((e=>!e))?null:(0,a.createElement)(zf,{clientIds:t,blocks:n})};const{Fill:Vf,Slot:Hf}=(0,m.createSlotFill)("__unstableBlockToolbarLastItem");Vf.Slot=Hf;var Gf=Vf;var Uf=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"})),Wf=window.wp.blob;function $f(e,t){if(t&&1===(null==e?void 0:e.length)&&0===e[0].type.indexOf("image/")){var n;const e=/<\s*img\b/gi;if(1!==(null===(n=t.match(e))||void 0===n?void 0:n.length))return!0;const o=/<\s*img\b[^>]*\bsrc="file:\/\//i;if(t.match(o))return!0}return!1}function jf(){const{getBlockName:e}=(0,p.useSelect)(so),{getBlockType:t}=(0,p.useSelect)(r.store),{createSuccessNotice:n}=(0,p.useDispatch)(Op.store);return(0,a.useCallback)(((o,r)=>{let l="";if(1===r.length){var i;const n=r[0],a=null===(i=t(e(n)))||void 0===i?void 0:i.title;l="copy"===o?(0,g.sprintf)((0,g.__)('Copied "%s" to clipboard.'),a):(0,g.sprintf)((0,g.__)('Moved "%s" to clipboard.'),a)}else l="copy"===o?(0,g.sprintf)((0,g._n)("Copied %d block to clipboard.","Copied %d blocks to clipboard.",r.length),r.length):(0,g.sprintf)((0,g._n)("Moved %d block to clipboard.","Moved %d blocks to clipboard.",r.length),r.length);n(l,{type:"snackbar"})}),[])}function Kf(){const{getBlocksByClientId:e,getSelectedBlockClientIds:t,hasMultiSelection:n,getSettings:o,__unstableIsFullySelected:l,__unstableIsSelectionCollapsed:i,__unstableIsSelectionMergeable:a,__unstableGetSelectedBlocksWithPartialSelection:s}=(0,p.useSelect)(so),{flashBlock:c,removeBlocks:u,replaceBlocks:m,__unstableDeleteSelection:f,__unstableExpandSelection:g}=(0,p.useDispatch)(so),h=jf();return(0,d.useRefEffect)((d=>{function p(p){const v=t();if(0===v.length)return;if(!n()){const{target:e}=p,{ownerDocument:t}=e;if("copy"===p.type||"cut"===p.type?(0,Wl.documentHasUncollapsedSelection)(t):(0,Wl.documentHasSelection)(t))return}if(!d.contains(p.target.ownerDocument.activeElement))return;const b=p.defaultPrevented;p.preventDefault();const _=a(),k=i()||l(),y=!k&&!_;if("copy"===p.type||"cut"===p.type)if(1===v.length&&c(v[0]),y)g();else{let t;if(h(p.type,v),k)t=e(v);else{const[n,o]=s();t=[n,...e(v.slice(1,v.length-1)),o]}const n=p.clipboardData.getData("__unstableWrapperBlockName");n&&(t=(0,r.createBlock)(n,JSON.parse(p.clipboardData.getData("__unstableWrapperBlockAttributes")),t));const o=(0,r.serialize)(t);p.clipboardData.setData("text/plain",function(e){e=e.replace(/
    /g,"\n");return(0,Wl.__unstableStripHTML)(e).trim().replace(/\n\n+/g,"\n\n")}(o)),p.clipboardData.setData("text/html",o)}if("cut"===p.type)k&&!y?u(v):f();else if("paste"===p.type){if(b)return;const{__experimentalCanUserUseUnfilteredHTML:e}=o(),{plainText:t,html:n}=function(e){let{clipboardData:t}=e,n="",o="";try{n=t.getData("text/plain"),o=t.getData("text/html")}catch(e){try{o=t.getData("Text")}catch(e){return}}const r=(0,Wl.getFilesFromDataTransfer)(t).filter((e=>{let{type:t}=e;return/^image\/(?:jpe?g|png|gif|webp)$/.test(t)}));return r.length&&!$f(r,o)&&(o=r.map((e=>``)).join(""),n=""),{html:o,plainText:n}}(p),l=(0,r.pasteHandler)({HTML:n,plainText:t,mode:"BLOCKS",canUserUseUnfilteredHTML:e});m(v,l,l.length-1,-1)}}return d.ownerDocument.addEventListener("copy",p),d.ownerDocument.addEventListener("cut",p),d.ownerDocument.addEventListener("paste",p),()=>{d.ownerDocument.removeEventListener("copy",p),d.ownerDocument.removeEventListener("cut",p),d.ownerDocument.removeEventListener("paste",p)}}),[])}var qf=function(e){let{children:t}=e;return(0,a.createElement)("div",{ref:Kf()},t)};function Yf(e){let{clientIds:t,children:n,__experimentalUpdateSelection:o}=e;const{canInsertBlockType:l,getBlockRootClientId:i,getBlocksByClientId:a,canMoveBlocks:s,canRemoveBlocks:c}=(0,p.useSelect)(so),{getDefaultBlockName:u,getGroupingBlockName:d}=(0,p.useSelect)(r.store),m=a(t),f=i(t[0]),g=m.every((e=>!!e&&(0,r.hasBlockSupport)(e.name,"multiple",!0)&&l(e.name,f))),h=l(u(),f),v=s(t,f),b=c(t,f),{removeBlocks:_,replaceBlocks:k,duplicateBlocks:y,insertAfterBlock:E,insertBeforeBlock:C,flashBlock:S,setBlockMovingClientId:w,setNavigationMode:B,selectBlock:I}=(0,p.useDispatch)(so),x=jf();return n({canDuplicate:g,canInsertDefaultBlock:h,canMove:v,canRemove:b,rootClientId:f,blocks:m,onDuplicate(){return y(t,o)},onRemove(){return _(t,o)},onInsertBefore(){const e=Array.isArray(t)?t[0]:e;C(e)},onInsertAfter(){const e=Array.isArray(t)?t[t.length-1]:e;E(e)},onMoveTo(){B(!0),I(t[0]),w(t[0])},onGroup(){if(!m.length)return;const e=d(),n=(0,r.switchToBlockType)(m,e);n&&k(t,n)},onUngroup(){if(!m.length)return;const e=m[0].innerBlocks;e.length&&k(t,e)},onCopy(){const e=m.map((e=>{let{clientId:t}=e;return t}));1===m.length&&S(e[0]),x("copy",e)}})}const Qf=()=>{};var Zf=(0,d.compose)([(0,p.withSelect)(((e,t)=>{let{clientId:n}=t;const{getBlock:o,getBlockMode:l,getSettings:i}=e(so),a=o(n),s=i().codeEditingEnabled;return{mode:l(n),blockType:a?(0,r.getBlockType)(a.name):null,isCodeEditingEnabled:s}})),(0,p.withDispatch)(((e,t)=>{let{onToggle:n=Qf,clientId:o}=t;return{onToggleMode(){e(so).toggleBlockMode(o),n()}}}))])((function(e){let{blockType:t,mode:n,onToggleMode:o,small:l=!1,isCodeEditingEnabled:i=!0}=e;if(!t||!(0,r.hasBlockSupport)(t,"html",!0)||!i)return null;const s="visual"===n?(0,g.__)("Edit as HTML"):(0,g.__)("Edit visually");return(0,a.createElement)(m.MenuItem,{onClick:o},!l&&s)}));var Xf=(0,d.compose)((0,p.withSelect)(((e,t)=>{let{clientId:n}=t;const o=e(so).getBlock(n);return{block:o,shouldRender:o&&"core/html"===o.name}})),(0,p.withDispatch)(((e,t)=>{let{block:n}=t;return{onClick:()=>e(so).replaceBlocks(n.clientId,(0,r.rawHandler)({HTML:(0,r.getBlockContent)(n)}))}})))((function(e){let{shouldRender:t,onClick:n,small:o}=e;if(!t)return null;const r=(0,g.__)("Convert to Blocks");return(0,a.createElement)(m.MenuItem,{onClick:n},!o&&r)}));const{Fill:Jf,Slot:eg}=(0,m.createSlotFill)("__unstableBlockSettingsMenuFirstItem");Jf.Slot=eg;var tg=Jf;function ng(){const{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l}=(0,p.useSelect)((e=>{var t;const{getBlockRootClientId:n,getBlocksByClientId:o,canInsertBlockType:l,getSelectedBlockClientIds:i}=e(so),{getGroupingBlockName:a}=e(r.store),s=i(),c=a(),u=l(c,null!=s&&s.length?n(s[0]):void 0),d=o(s),p=1===d.length&&(null===(t=d[0])||void 0===t?void 0:t.name)===c;return{clientIds:s,isGroupable:u&&d.length,isUngroupable:p&&!!d[0].innerBlocks.length,blocksSelection:d,groupingBlockName:c}}),[]);return{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:l}}function og(e){let{clientIds:t,isGroupable:n,isUngroupable:o,blocksSelection:l,groupingBlockName:i,onClose:s=(()=>{})}=e;const{replaceBlocks:c}=(0,p.useDispatch)(so);return n||o?(0,a.createElement)(a.Fragment,null,n&&(0,a.createElement)(m.MenuItem,{onClick:()=>{(()=>{const e=(0,r.switchToBlockType)(l,i);e&&c(t,e)})(),s()}},(0,g._x)("Group","verb")),o&&(0,a.createElement)(m.MenuItem,{onClick:()=>{(()=>{const e=l[0].innerBlocks;e.length&&c(t,e)})(),s()}},(0,g._x)("Ungroup","Ungrouping blocks from within a Group block back into individual blocks within the Editor "))):null}function rg(e){return(0,p.useSelect)((t=>{const{canEditBlock:n,canMoveBlock:o,canRemoveBlock:r,canLockBlockType:l,getBlockName:i,getBlockRootClientId:a,getTemplateLock:s}=t(so),c=a(e),u=n(e),d=o(e,c),p=r(e,c);return{canEdit:u,canMove:d,canRemove:p,canLock:l(i(e)),isContentLocked:"contentOnly"===s(e),isLocked:!u||!d||!p}}),[e])}var lg=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8h1.5c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1z"}));var ig=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zm-2.8 0H9.8V7c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3z"}));function ag(e){return e.remove&&e.move?"all":!(!e.remove||e.move)&&"insert"}function sg(e){let{clientId:t,onClose:n}=e;const[o,l]=(0,a.useState)({move:!1,remove:!1}),{canEdit:i,canMove:s,canRemove:c}=rg(t),{isReusable:u,templateLock:f,hasTemplateLock:h}=(0,p.useSelect)((e=>{var n,o;const{getBlockName:l,getBlockAttributes:i}=e(so),a=l(t),s=(0,r.getBlockType)(a);return{isReusable:(0,r.isReusableBlock)(s),templateLock:null===(n=i(t))||void 0===n?void 0:n.templateLock,hasTemplateLock:!(null==s||null===(o=s.attributes)||void 0===o||!o.templateLock)}}),[t]),[v,b]=(0,a.useState)(!!f),{updateBlockAttributes:_}=(0,p.useDispatch)(so),k=Um(t),y=(0,d.useInstanceId)(sg,"block-editor-block-lock-modal__options-title");(0,a.useEffect)((()=>{l({move:!s,remove:!c,...u?{edit:!i}:{}})}),[i,s,c,u]);const E=Object.values(o).every(Boolean),C=Object.values(o).some(Boolean)&&!E;return(0,a.createElement)(m.Modal,{title:(0,g.sprintf)((0,g.__)("Lock %s"),k.title),overlayClassName:"block-editor-block-lock-modal",closeLabel:(0,g.__)("Close"),onRequestClose:n},(0,a.createElement)("p",null,(0,g.__)("Choose specific attributes to restrict or lock all available options.")),(0,a.createElement)("form",{onSubmit:e=>{e.preventDefault(),_([t],{lock:o,templateLock:v?ag(o):void 0}),n()}},(0,a.createElement)("div",{role:"group","aria-labelledby":y,className:"block-editor-block-lock-modal__options"},(0,a.createElement)(m.CheckboxControl,{className:"block-editor-block-lock-modal__options-title",label:(0,a.createElement)("span",{id:y},(0,g.__)("Lock all")),checked:E,indeterminate:C,onChange:e=>l({move:e,remove:e,...u?{edit:e}:{}})}),(0,a.createElement)("ul",{className:"block-editor-block-lock-modal__checklist"},u&&(0,a.createElement)("li",{className:"block-editor-block-lock-modal__checklist-item"},(0,a.createElement)(m.CheckboxControl,{label:(0,a.createElement)(a.Fragment,null,(0,g.__)("Restrict editing"),(0,a.createElement)(m.Icon,{icon:o.edit?ig:lg})),checked:!!o.edit,onChange:e=>l((t=>({...t,edit:e})))})),(0,a.createElement)("li",{className:"block-editor-block-lock-modal__checklist-item"},(0,a.createElement)(m.CheckboxControl,{label:(0,a.createElement)(a.Fragment,null,(0,g.__)("Disable movement"),(0,a.createElement)(m.Icon,{icon:o.move?ig:lg})),checked:o.move,onChange:e=>l((t=>({...t,move:e})))})),(0,a.createElement)("li",{className:"block-editor-block-lock-modal__checklist-item"},(0,a.createElement)(m.CheckboxControl,{label:(0,a.createElement)(a.Fragment,null,(0,g.__)("Prevent removal"),(0,a.createElement)(m.Icon,{icon:o.remove?ig:lg})),checked:o.remove,onChange:e=>l((t=>({...t,remove:e})))}))),h&&(0,a.createElement)(m.ToggleControl,{className:"block-editor-block-lock-modal__template-lock",label:(0,g.__)("Apply to all blocks inside"),checked:v,disabled:o.move&&!o.remove,onChange:()=>b(!v)})),(0,a.createElement)(m.Flex,{className:"block-editor-block-lock-modal__actions",justify:"flex-end",expanded:!1},(0,a.createElement)(m.FlexItem,null,(0,a.createElement)(m.Button,{variant:"tertiary",onClick:n},(0,g.__)("Cancel"))),(0,a.createElement)(m.FlexItem,null,(0,a.createElement)(m.Button,{variant:"primary",type:"submit"},(0,g.__)("Apply"))))))}function cg(e){let{clientId:t}=e;const{canLock:n,isLocked:o}=rg(t),[r,l]=(0,a.useReducer)((e=>!e),!1);if(!n)return null;const i=o?(0,g.__)("Unlock"):(0,g.__)("Lock");return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.MenuItem,{icon:o?lg:ig,onClick:l},i),r&&(0,a.createElement)(sg,{clientId:t,onClose:l}))}const{Fill:ug,Slot:dg}=(0,m.createSlotFill)("BlockSettingsMenuControls");function pg(e){let{...t}=e;return(0,a.createElement)(m.__experimentalStyleProvider,{document:document},(0,a.createElement)(ug,t))}pg.Slot=e=>{let{fillProps:t,clientIds:n=null,__unstableDisplayLocation:o}=e;const{selectedBlocks:r,selectedClientIds:l,canRemove:s}=(0,p.useSelect)((e=>{const{getBlocksByClientId:t,getSelectedBlockClientIds:o,canRemoveBlocks:r}=e(so),l=null!==n?n:o();return{selectedBlocks:(0,u.map)(t(l).filter(Boolean),(e=>e.name)),selectedClientIds:l,canRemove:r(l)}}),[n]),{canLock:c}=rg(l[0]),d=1===l.length&&c,f=ng(),{isGroupable:g,isUngroupable:h}=f,v=(g||h)&&s;return(0,a.createElement)(dg,{fillProps:{...t,__unstableDisplayLocation:o,selectedBlocks:r,selectedClientIds:l}},(e=>!(null!=e&&e.length)>0&&!v&&!d?null:(0,a.createElement)(m.MenuGroup,null,d&&(0,a.createElement)(cg,{clientId:l[0]}),e,v&&(0,a.createElement)(og,i({},f,{onClose:null==t?void 0:t.onClose})))))};var mg=pg;const fg=()=>{},gg={className:"block-editor-block-settings-menu__popover",position:"bottom right",isAlternate:!0};function hg(e){let{blocks:t,onCopy:n}=e;const o=(0,d.useCopyToClipboard)((()=>(0,r.serialize)(t)),n),l=t.length>1?(0,g.__)("Copy blocks"):(0,g.__)("Copy block");return(0,a.createElement)(m.MenuItem,{ref:o},l)}var vg=function(e){let{clientIds:t,__experimentalSelectBlock:n,children:o,__unstableDisplayLocation:l,...s}=e;const c=(0,u.castArray)(t),d=c.length,f=c[0],{firstParentClientId:h,hasReducedUI:v,onlyBlock:b,parentBlockType:_,previousBlockClientId:k,nextBlockClientId:y,selectedBlockClientIds:E}=(0,p.useSelect)((e=>{const{getBlockCount:t,getBlockName:n,getBlockParents:o,getPreviousBlockClientId:l,getNextBlockClientId:i,getSelectedBlockClientIds:a,getSettings:s}=e(so),c=o(f),u=c[c.length-1],d=n(u);return{firstParentClientId:u,hasReducedUI:s().hasReducedUI,onlyBlock:1===t(),parentBlockType:(0,r.getBlockType)(d),previousBlockClientId:l(f),nextBlockClientId:i(f),selectedBlockClientIds:a()}}),[f]),C=(0,p.useSelect)((e=>{const{getShortcutRepresentation:t}=e(Yu.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")}}),[]),{selectBlock:S,toggleBlockHighlight:w}=(0,p.useDispatch)(so),B=(0,a.useCallback)(n?async e=>{const t=await e;t&&t[0]&&n(t[0])}:fg,[n]),I=Wm({clientId:f,maximumLength:25}),x=(0,a.useCallback)(n?()=>{const e=k||y;e&&E.includes(f)&&!E.includes(e)&&n(e)}:fg,[n,k,y,E]),T=(0,g.sprintf)((0,g.__)("Remove %s"),I),N=1===d?T:(0,g.__)("Remove blocks"),P=(0,a.useRef)(),{gestures:M}=gf({ref:P,onChange(e){e&&v||w(h,e)}});return(0,a.createElement)(Yf,{clientIds:t,__experimentalUpdateSelection:!n},(e=>{let{canDuplicate:n,canInsertDefaultBlock:r,canMove:c,canRemove:p,onDuplicate:v,onInsertAfter:k,onInsertBefore:y,onRemove:E,onCopy:w,onMoveTo:I,blocks:T}=e;return(0,a.createElement)(m.DropdownMenu,i({icon:Uf,label:(0,g.__)("Options"),className:"block-editor-block-settings-menu",popoverProps:gg,noIcons:!0},s),(e=>{let{onClose:s}=e;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.MenuGroup,null,(0,a.createElement)(tg.Slot,{fillProps:{onClose:s}}),void 0!==h&&(0,a.createElement)(m.MenuItem,i({},M,{ref:P,icon:(0,a.createElement)(Du,{icon:_.icon}),onClick:()=>S(h)}),(0,g.sprintf)((0,g.__)("Select parent block (%s)"),_.title)),1===d&&(0,a.createElement)(Xf,{clientId:f}),(0,a.createElement)(hg,{blocks:T,onCopy:w}),n&&(0,a.createElement)(m.MenuItem,{onClick:(0,u.flow)(s,v,B),shortcut:C.duplicate},(0,g.__)("Duplicate")),r&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.MenuItem,{onClick:(0,u.flow)(s,y),shortcut:C.insertBefore},(0,g.__)("Insert before")),(0,a.createElement)(m.MenuItem,{onClick:(0,u.flow)(s,k),shortcut:C.insertAfter},(0,g.__)("Insert after"))),c&&!b&&(0,a.createElement)(m.MenuItem,{onClick:(0,u.flow)(s,I)},(0,g.__)("Move to")),1===d&&(0,a.createElement)(Zf,{clientId:f,onToggle:s})),(0,a.createElement)(mg.Slot,{fillProps:{onClose:s},clientIds:t,__unstableDisplayLocation:l}),"function"==typeof o?o({onClose:s}):a.Children.map((e=>(0,a.cloneElement)(e,{onClose:s}))),p&&(0,a.createElement)(m.MenuGroup,null,(0,a.createElement)(m.MenuItem,{onClick:(0,u.flow)(s,E,x),shortcut:C.remove},N)))}))}))};var bg=function(e){let{clientIds:t,...n}=e;return(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(m.ToolbarItem,null,(e=>(0,a.createElement)(vg,i({clientIds:t,toggleProps:e},n)))))};function _g(e){let{clientId:t}=e;const n=Um(t),{canEdit:o,canMove:r,canRemove:l,canLock:i}=rg(t),[s,c]=(0,a.useReducer)((e=>!e),!1);return i?o&&r&&l?null:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.ToolbarGroup,{className:"block-editor-block-lock-toolbar"},(0,a.createElement)(m.ToolbarButton,{icon:ig,label:(0,g.sprintf)((0,g.__)("Unlock %s"),n.title),onClick:c})),s&&(0,a.createElement)(sg,{clientId:t,onClose:c})):null}var kg=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z"}));var yg=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M9.2 6.5H4V8h5.2c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H4v1.5h5.2c1.1 0 2-.9 2-2v-7c0-1.1-.8-2-2-2zM14.8 8H20V6.5h-5.2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2H20V16h-5.2c-.3 0-.5-.2-.5-.5v-7c-.1-.3.2-.5.5-.5z"}));var Eg=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M16 4v5.2c0 .3-.2.5-.5.5h-7c-.3.1-.5-.2-.5-.5V4H6.5v5.2c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V4H16zm-.5 8.8h-7c-1.1 0-2 .9-2 2V20H8v-5.2c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5V20h1.5v-5.2c0-1.2-.9-2-2-2z"}));const Cg={group:{type:"constrained"},row:{type:"flex",flexWrap:"nowrap"},stack:{type:"flex",orientation:"vertical"}};var Sg=function(){const{blocksSelection:e,clientIds:t,groupingBlockName:n,isGroupable:o}=ng(),{replaceBlocks:l}=(0,p.useDispatch)(so),{canRemove:i,variations:s}=(0,p.useSelect)((e=>{const{canRemoveBlocks:o}=e(so),{getBlockVariations:l}=e(r.store);return{canRemove:o(t),variations:l(n,"transform")}}),[t,n]),c=o=>{const i=(0,r.switchToBlockType)(e,n);"string"!=typeof o&&(o="group"),i&&i.length>0&&(i[0].attributes.layout=Cg[o],l(t,i))};if(!o||!i)return null;const u=!!s.find((e=>{let{name:t}=e;return"group-row"===t})),d=!!s.find((e=>{let{name:t}=e;return"group-stack"===t}));return(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(m.ToolbarButton,{icon:kg,label:(0,g._x)("Group","verb"),onClick:c}),u&&(0,a.createElement)(m.ToolbarButton,{icon:yg,label:(0,g._x)("Row","single horizontal line"),onClick:()=>c("row")}),d&&(0,a.createElement)(m.ToolbarButton,{icon:Eg,label:(0,g._x)("Stack","verb"),onClick:()=>c("stack")}))};function wg(e){let{clientIds:t}=e;const n=1===t.length?t[0]:void 0,o=(0,p.useSelect)((e=>!!n&&"html"===e(so).getBlockMode(n)),[n]),{toggleBlockMode:r}=(0,p.useDispatch)(so);return o?(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(m.ToolbarButton,{onClick:()=>{r(n)}},(0,g.__)("Edit visually"))):null}var Bg=(0,a.createContext)("");var Ig=e=>{let{hideDragHandle:t}=e;const{blockClientIds:n,blockClientId:o,blockType:l,hasFixedToolbar:s,hasReducedUI:u,isValid:f,isVisual:g,isContentLocked:h}=(0,p.useSelect)((e=>{const{getBlockName:t,getBlockMode:n,getSelectedBlockClientIds:o,isBlockValid:l,getBlockRootClientId:i,getSettings:a,__unstableGetContentLockingParent:s}=e(so),c=o(),u=c[0],d=i(u),p=a();return{blockClientIds:c,blockClientId:u,blockType:u&&(0,r.getBlockType)(t(u)),hasFixedToolbar:p.hasFixedToolbar,hasReducedUI:p.hasReducedUI,rootClientId:d,isValid:c.every((e=>l(e))),isVisual:c.every((e=>"visual"===n(e))),isContentLocked:!!s(u)}}),[]),{toggleBlockHighlight:v}=(0,p.useDispatch)(so),b=(0,a.useRef)(),{showMovers:_,gestures:k}=gf({ref:b,onChange(e){e&&u||v(o,e)}}),y=(0,d.useViewportMatch)("medium","<")||s;if(l&&!(0,r.hasBlockSupport)(l,"__experimentalToolbar",!0))return null;const E=y||_;if(0===n.length)return null;const C=f&&g,S=n.length>1,w=c()("block-editor-block-toolbar",E&&"is-showing-movers");return(0,a.createElement)("div",{className:w},!S&&!y&&!h&&(0,a.createElement)(hf,null),(0,a.createElement)("div",i({ref:b},k),(C||S)&&!h&&(0,a.createElement)(m.ToolbarGroup,{className:"block-editor-block-toolbar__block-controls"},(0,a.createElement)(Ff,{clientIds:n}),!S&&(0,a.createElement)(_g,{clientId:n[0]}),(0,a.createElement)(rf,{clientIds:n,hideDragHandle:t||u}))),C&&S&&(0,a.createElement)(Sg,null),C&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(_o.Slot,{group:"parent",className:"block-editor-block-toolbar__slot"}),(0,a.createElement)(_o.Slot,{group:"block",className:"block-editor-block-toolbar__slot"}),(0,a.createElement)(_o.Slot,{className:"block-editor-block-toolbar__slot"}),(0,a.createElement)(_o.Slot,{group:"inline",className:"block-editor-block-toolbar__slot"}),(0,a.createElement)(_o.Slot,{group:"other",className:"block-editor-block-toolbar__slot"}),(0,a.createElement)(Bg.Provider,{value:null==l?void 0:l.name},(0,a.createElement)(Gf.Slot,null))),(0,a.createElement)(wg,{clientIds:n}),!h&&(0,a.createElement)(bg,{clientIds:n}))};var xg=function(e){let{focusOnMount:t,isFixed:n,...o}=e;const{blockType:l,hasParents:s,showParentSelector:u}=(0,p.useSelect)((e=>{const{getBlockName:t,getBlockParents:n,getSelectedBlockClientIds:o,__unstableGetContentLockingParent:l}=e(so),{getBlockType:i}=e(r.store),a=o(),s=a[0],c=n(s),u=i(t(c[c.length-1]));return{blockType:s&&i(t(s)),hasParents:c.length,showParentSelector:u&&(0,r.hasBlockSupport)(u,"__experimentalParentSelector",!0)&&a.length<=1&&!l(s)}}),[]);if(l&&!(0,r.hasBlockSupport)(l,"__experimentalToolbar",!0))return null;const d=c()("block-editor-block-contextual-toolbar",{"has-parent":s&&u,"is-fixed":n});return(0,a.createElement)(cf,i({focusOnMount:t,className:d,"aria-label":(0,g.__)("Block tools")},o),(0,a.createElement)(Ig,{hideDragHandle:n}))};const Tg={flip:!1,shift:!0},Ng={flip:!0,shift:!1};function Pg(e,t,n){if(!e||!t)return Tg;const o=t.getBoundingClientRect(),r=e.getBoundingClientRect(),l=e.ownerDocument.documentElement.clientHeight,i=o.top-r.top>n,a=o.height>l-n;return i||a?Tg:Ng}function Mg(e){const{__unstableGetEditorMode:t,isMultiSelecting:n,hasMultiSelection:o,isTyping:r,getSettings:l,getLastMultiSelectedBlockClientId:i}=e(so);return{editorMode:t(),isMultiSelecting:n(),isTyping:r(),hasFixedToolbar:l().hasFixedToolbar,lastClientId:o()?i():null}}function Lg(e){let{clientId:t,rootClientId:n,isEmptyDefaultBlock:o,capturingClientId:r,__unstablePopoverSlot:l,__unstableContentRef:s}=e;const{editorMode:u,isMultiSelecting:m,isTyping:f,hasFixedToolbar:g,lastClientId:h}=(0,p.useSelect)(Mg,[]),v=(0,p.useSelect)((e=>{const{isBlockInsertionPointVisible:n,getBlockInsertionPoint:o,getBlockOrder:r}=e(so);if(!n())return!1;const l=o();return r(l.rootClientId)[l.index]===t}),[t]),b=(0,d.useViewportMatch)("medium"),_=(0,a.useRef)(!1),{stopTyping:k}=(0,p.useDispatch)(so),y=!f&&"edit"===u&&o,E="navigation"===u||"zoom-out"===u,C="edit"===u&&!g&&b&&!m&&!y&&!f,S="edit"===u&&!C&&!g&&!o;(0,Yu.useShortcut)("core/block-editor/focus-toolbar",(()=>{_.current=!0,k(!0)}),{isDisabled:!S}),(0,a.useEffect)((()=>{_.current=!1}));const w=(0,a.useRef)(),B=function(e){let{contentElement:t,clientId:n}=e;const o=Lo(n),[r,l]=(0,a.useState)(0),[i,s]=(0,a.useState)((()=>Pg(t,o,r))),c=(0,p.useSelect)((e=>e(so).getBlockIndex(n)),[n]),u=(0,d.useRefEffect)((e=>{l(e.offsetHeight)}),[]),m=(0,a.useCallback)((()=>s(Pg(t,o,r))),[t,o,r]);return(0,a.useLayoutEffect)(m,[c,m]),(0,a.useLayoutEffect)((()=>{var e,n,r;if(!t||!o)return;const l=null==t||null===(e=t.ownerDocument)||void 0===e?void 0:e.defaultView;let i;null==l||null===(n=l.addEventHandler)||void 0===n||n.call(l,"resize",m);const a=null==o||null===(r=o.ownerDocument)||void 0===r?void 0:r.defaultView;return a.ResizeObserver&&(i=new a.ResizeObserver(m),i.observe(o)),()=>{var e;null==l||null===(e=l.removeEventHandler)||void 0===e||e.call(l,"resize",m),i&&i.disconnect()}}),[m,t,o]),{...i,ref:u}}({contentElement:null==s?void 0:s.current,clientId:t});return E||C||y?(0,a.createElement)(a.Fragment,null,y&&(0,a.createElement)(yr,i({clientId:r||t,__unstableCoverTarget:!0,bottomClientId:h,className:c()("block-editor-block-list__block-side-inserter-popover",{"is-insertion-point-visible":v}),__unstablePopoverSlot:l,__unstableContentRef:s,resize:!1,shift:!1},B),(0,a.createElement)("div",{className:"block-editor-block-list__empty-block-inserter"},(0,a.createElement)(Tm,{position:"bottom right",rootClientId:n,clientId:t,__experimentalIsQuick:!0}))),(E||C)&&(0,a.createElement)(yr,i({clientId:r||t,bottomClientId:h,className:c()("block-editor-block-list__block-popover",{"is-insertion-point-visible":v}),__unstablePopoverSlot:l,__unstableContentRef:s,resize:!1},B),C&&(0,a.createElement)(xg,{focusOnMount:_.current,__experimentalInitialIndex:w.current,__experimentalOnIndexChange:e=>{w.current=e},key:t}),E&&(0,a.createElement)(lf,{clientId:t,rootClientId:n}))):null}function Rg(e){const{getSelectedBlockClientId:t,getFirstMultiSelectedBlockClientId:n,getBlockRootClientId:o,getBlock:l,getBlockParents:i,__experimentalGetBlockListSettingsForBlocks:a}=e(so),s=t()||n();if(!s)return;const{name:c,attributes:d={}}=l(s)||{},p=i(s),m=a(p),f=(0,u.find)(p,(e=>{var t;return null===(t=m[e])||void 0===t?void 0:t.__experimentalCaptureToolbars}));return{clientId:s,rootClientId:o(s),name:c,isEmptyDefaultBlock:c&&(0,r.isUnmodifiedDefaultBlock)({name:c,attributes:d}),capturingClientId:f}}function Ag(e){let{__unstablePopoverSlot:t,__unstableContentRef:n}=e;const o=(0,p.useSelect)(Rg,[]);if(!o)return null;const{clientId:r,rootClientId:l,name:i,isEmptyDefaultBlock:s,capturingClientId:c}=o;return i?(0,a.createElement)(Lg,{clientId:r,rootClientId:l,isEmptyDefaultBlock:s,capturingClientId:c,__unstablePopoverSlot:t,__unstableContentRef:n}):null}function Dg(e){let{children:t}=e;const n=(0,a.useContext)(Om),o=(0,a.useContext)(m.Disabled.Context);return n||o?t:(V()('wp.components.Popover.Slot name="block-toolbar"',{alternative:"wp.blockEditor.BlockTools",since:"5.8"}),(0,a.createElement)(Fm,{__unstablePopoverSlot:"block-toolbar"},(0,a.createElement)(Ag,{__unstablePopoverSlot:"block-toolbar"}),t))}var Og=(0,d.createHigherOrderComponent)((e=>t=>{const{clientId:n}=mo();return(0,a.createElement)(e,i({},t,{clientId:n}))}),"withClientId");var zg=Og((e=>{let{clientId:t,showSeparator:n,isFloating:o,onAddBlock:r,isToggle:l}=e;return(0,a.createElement)(Lm,{className:c()({"block-list-appender__toggle":l}),rootClientId:t,showSeparator:n,isFloating:o,onAddBlock:r})}));var Fg=(0,d.compose)([Og,(0,p.withSelect)(((e,t)=>{let{clientId:n}=t;const{getBlockOrder:o}=e(so),r=o(n);return{lastBlockClientId:r[r.length-1]}}))])((e=>{let{clientId:t}=e;return(0,a.createElement)(Nm,{rootClientId:t})}));const Vg=new WeakMap;const Hg=new WeakMap;function Gg(e,t,n,o,l,i,a){return s=>{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}(s);if("inserter"===d){a();const n=p.map((e=>(0,r.cloneBlock)(e)));i(n,t,e,!0,null)}if("block"===d){const r=n(u[0]);if(c===e&&r===t)return;if(u.includes(e)||o(u).some((t=>t===e)))return;const i=c===e,a=u.length;l(u,c,e,i&&re(so).getSettings().mediaUpload),[]),{canInsertBlockType:o,getBlockIndex:l,getClientIdsOfDescendants:i}=(0,p.useSelect)(so),{insertBlocks:a,moveBlocksToPosition:s,updateBlockAttributes:c,clearSelectedBlock:u}=(0,p.useDispatch)(so),d=Gg(e,t,l,i,s,a,u),m=function(e,t,n,o,l,i){return a=>{if(!n)return;const s=(0,r.findTransform)((0,r.getBlockTransforms)("from"),(t=>"files"===t.type&&l(t.blockName,e)&&t.isMatch(a)));if(s){const n=s.transform(a,o);i(n,t,e)}}}(e,t,n,c,o,a),f=function(e,t,n){return o=>{const l=(0,r.pasteHandler)({HTML:o,mode:"BLOCKS"});l.length&&n(l,t,e)}}(e,t,a);return e=>{const t=(0,Wl.getFilesFromDataTransfer)(e.dataTransfer),n=e.dataTransfer.getData("text/html");n?f(n):t.length?m(t):d(e)}}function Wg(e,t,n){const o="top"===n||"bottom"===n,{x:r,y:l}=e,i=o?r:l,a=o?l:r,s=o?t.left:t.top,c=o?t.right:t.bottom,u=t[n];let d;return d=i>=s&&i<=c?i:i2&&void 0!==arguments[2]?arguments[2]:["top","bottom","left","right"];return r.forEach((r=>{const l=Wg(e,t,r);(void 0===n||l{const a=e.getBoundingClientRect(),[s,c]=$g(t,a,o);if(void 0===i||s0&&void 0!==arguments[0]?arguments[0]:{};const[t,n]=(0,a.useState)(null),o=(0,p.useSelect)((t=>{const{getTemplateLock:n,__unstableIsWithinBlockOverlay:o,__unstableHasActiveBlockOverlayActive:r}=t(so),l=n(e);return["all","contentOnly"].some((e=>e===l))||r(e)||o(e)}),[e]),{getBlockListSettings:r}=(0,p.useSelect)(so),{showInsertionPoint:l,hideInsertionPoint:i}=(0,p.useDispatch)(so),s=Ug(e,t),c=(0,d.useThrottle)((0,a.useCallback)(((t,o)=>{var i;const a=jg(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===a?0:a),null!==a&&l(e,a)}),[]),200);return(0,d.__experimentalUseDropZone)({isDisabled:o,onDrop:s,onDragOver(e){c(e,e.currentTarget)},onDragLeave(){c.cancel(),i(),n(null)},onDragEnd(){c.cancel(),i(),n(null)}})}function qg(e){const{clientId:t,allowedBlocks:n,__experimentalDefaultBlock:o,__experimentalDirectInsert:l,template:i,templateLock:s,wrapperRef:c,templateInsertUpdatesSelection:d,__experimentalCaptureToolbars:m,__experimentalAppenderTagName:f,renderAppender:g,orientation:h,placeholder:v,__experimentalLayout:b}=e;!function(e,t,n,o,r,l,i,s){const{updateBlockListSettings:c}=(0,p.useDispatch)(so),u=(0,p.useRegistry)(),{blockListSettings:d,parentLock:m}=(0,p.useSelect)((t=>{const n=t(so).getBlockRootClientId(e);return{blockListSettings:t(so).getBlockListSettings(e),parentLock:t(so).getTemplateLock(n)}}),[e]),f=(0,a.useMemo)((()=>t),t);(0,a.useLayoutEffect)((()=>{const t={allowedBlocks:f,templateLock:void 0===r||"contentOnly"===m?m:r};if(void 0!==l&&(t.__experimentalCaptureToolbars=l),void 0!==i)t.orientation=i;else{const e=hl(null==s?void 0:s.type);t.orientation=e.getOrientation(s)}void 0!==n&&(t.__experimentalDefaultBlock=n),void 0!==o&&(t.__experimentalDirectInsert=o),br()(d,t)||(Vg.get(u)||Vg.set(u,[]),Vg.get(u).push([e,t]),window.queueMicrotask((()=>{var e;null!==(e=Vg.get(u))&&void 0!==e&&e.length&&u.batch((()=>{Vg.get(u).forEach((e=>{c(...e)})),Vg.set(u,[])}))})))}),[e,d,f,n,o,r,m,l,i,c,s,u])}(t,n,o,l,s,m,h,b),function(e,t,n,o){const{getSelectedBlocksInitialCaretPosition:l,isBlockSelected:i}=(0,p.useSelect)(so),{replaceInnerBlocks:s}=(0,p.useDispatch)(so),c=(0,p.useSelect)((t=>t(so).getBlocks(e)),[e]),{getBlocks:d}=(0,p.useSelect)(so),m=(0,a.useRef)(null);(0,a.useLayoutEffect)((()=>{window.queueMicrotask((()=>{const a=d(e),c=0===a.length||"all"===n||"contentOnly"===n,p=!(0,u.isEqual)(t,m.current);if(!c||!p)return;m.current=t;const f=(0,r.synchronizeBlocksWithTemplate)(a,t);(0,u.isEqual)(f,a)||s(e,f,0===a.length&&o&&0!==f.length&&i(e),l())}))}),[c,t,n,e])}(t,i,s,d);const _=(0,p.useSelect)((e=>{const n=e(so).getBlock(t);if(!n)return;const o=(0,r.getBlockType)(n.name);return o&&o.providesContext?function(e,t){Hg.has(t)||Hg.set(t,new WeakMap);const n=Hg.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):void 0}),[t]);return(0,a.createElement)(jl,{value:_},(0,a.createElement)(rh,{rootClientId:t,renderAppender:g,__experimentalAppenderTagName:f,__experimentalLayout:b,wrapperRef:c,placeholder:v}))}function Yg(e){return Vu(e),(0,a.createElement)(qg,e)}const Qg=(0,a.forwardRef)(((e,t)=>{const n=Zg({ref:t},e);return(0,a.createElement)("div",{className:"block-editor-inner-blocks"},(0,a.createElement)("div",n))}));function Zg(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{__unstableDisableDropZone:n}=t,{clientId:o}=mo(),l=(0,d.useViewportMatch)("medium","<"),{__experimentalCaptureToolbars:s,hasOverlay:u}=(0,p.useSelect)((e=>{if(!o)return{};const{getBlockName:t,isBlockSelected:n,hasSelectedInnerBlock:i,__unstableGetEditorMode:a}=e(so),s=t(o),c="navigation"===a()||l;return{__experimentalCaptureToolbars:e(r.store).hasBlockSupport(s,"__experimentalExposeControlsToChildren",!1),hasOverlay:"core/template"!==s&&!n(o)&&!i(o,!0)&&c}}),[o,l]),m=Kg({rootClientId:o}),f=(0,d.useMergeRefs)([e.ref,n?null:m]),g={__experimentalCaptureToolbars:s,...t},h=g.value&&g.onChange?Yg:qg;return{...e,ref:f,className:c()(e.className,"block-editor-block-list__layout",{"has-overlay":u}),children:o?(0,a.createElement)(h,i({},g,{clientId:o})):(0,a.createElement)(rh,t)}}Zg.save=r.__unstableGetInnerBlocksProps,Qg.DefaultBlockAppender=Fg,Qg.ButtonBlockAppender=zg,Qg.Content=()=>Zg.save().children;var Xg=Qg;const Jg=(0,a.createContext)(),eh=(0,a.createContext)();function th(e){let{className:t,...n}=e;const[o,r]=(0,a.useState)(),l=(0,d.useViewportMatch)("medium"),{isOutlineMode:i,isFocusMode:s,editorMode:u}=(0,p.useSelect)((e=>{const{getSettings:t,__unstableGetEditorMode:n}=e(so),{outlineMode:o,focusMode:r}=t();return{isOutlineMode:o,isFocusMode:r,editorMode:n()}}),[]),{setBlockVisibility:m}=(0,p.useDispatch)(so),f=(0,a.useMemo)((()=>{const{IntersectionObserver:e}=window;if(e)return new e((e=>{const t={};for(const n of e){t[n.target.getAttribute("data-block")]=n.isIntersecting}m(t)}))}),[]),g=Zg({ref:(0,d.useMergeRefs)([Uu(),Vm(),r]),className:c()("is-root-container",t,{"is-outline-mode":i,"is-focus-mode":s&&l,"is-navigate-mode":"navigation"===u})},n);return(0,a.createElement)(Jg.Provider,{value:o},(0,a.createElement)(eh.Provider,{value:f},(0,a.createElement)("div",g)))}function nh(e){return function(){const e=(0,p.useSelect)((e=>e(so).getSettings().__experimentalBlockPatterns),[]);(0,a.useEffect)((()=>{if(null==e||!e.length)return;let t,n=-1;const o=()=>{n++,n>=e.length||((0,p.select)(so).__experimentalGetParsedPattern(e[n].name),t=Hm(o))};return t=Hm(o),()=>Gm(t)}),[e])}(),(0,a.createElement)(Dg,null,(0,a.createElement)(po,{value:co},(0,a.createElement)(th,e)))}function oh(e){let{placeholder:t,rootClientId:n,renderAppender:o,__experimentalAppenderTagName:r,__experimentalLayout:l=vl}=e;const{order:i,selectedBlocks:s,visibleBlocks:c}=(0,p.useSelect)((e=>{const{getBlockOrder:t,getSelectedBlockClientIds:o,__unstableGetVisibleBlocks:r}=e(so);return{order:t(n),selectedBlocks:o(),visibleBlocks:r()}}),[n]);return(0,a.createElement)(_l,{value:l},i.map((e=>(0,a.createElement)(p.AsyncModeProvider,{key:e,value:!c.has(e)&&!s.includes(e)},(0,a.createElement)(Nu,{rootClientId:n,clientId:e})))),i.length<1&&t,(0,a.createElement)(Rm,{tagName:r,rootClientId:n,renderAppender:o}))}function rh(e){return(0,a.createElement)(p.AsyncModeProvider,{value:!1},(0,a.createElement)(oh,e))}function lh(e){return[...e].sort(((t,n)=>e.filter((e=>e===n)).length-e.filter((e=>e===t)).length)).shift()}function ih(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{flat:t,...n}=e;return t||lh(Object.values(n).filter(Boolean))||"px"}function ah(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("string"==typeof e)return e;const t=Object.values(e).map((e=>(0,m.__experimentalParseQuantityAndUnitFromRawValue)(e))),n=t.map((e=>{var t;return null!==(t=e[0])&&void 0!==t?t:""})),o=t.map((e=>e[1])),r=n.every((e=>e===n[0]))?n[0]:"",l=lh(o),i=0===r||r?`${r}${l}`:void 0;return i}function sh(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=ah(e),n="string"!=typeof e&&isNaN(parseFloat(t));return n}function ch(e){if(!e)return!1;if("string"==typeof e)return!0;return!!Object.values(e).filter((e=>!!e||0===e)).length}function uh(e){let{onChange:t,selectedUnits:n,setSelectedUnits:o,values:r,...l}=e,s=ah(r);void 0===s&&(s=ih(n));const c=ch(r)&&sh(r),u=c?(0,g.__)("Mixed"):null;return(0,a.createElement)(m.__experimentalUnitControl,i({},l,{"aria-label":(0,g.__)("Border radius"),disableUnits:c,isOnly:!0,value:s,onChange:e=>{const n=!isNaN(parseFloat(e));t(n?e:void 0)},onUnitChange:e=>{o({topLeft:e,topRight:e,bottomLeft:e,bottomRight:e})},placeholder:u}))}nh.__unstableElementContext=Jg;const dh={topLeft:(0,g.__)("Top left"),topRight:(0,g.__)("Top right"),bottomLeft:(0,g.__)("Bottom left"),bottomRight:(0,g.__)("Bottom right")};function ph(e){let{onChange:t,selectedUnits:n,setSelectedUnits:o,values:r,...l}=e;const s=e=>n=>{if(!t)return;const o=!isNaN(parseFloat(n))?n:void 0;t({...c,[e]:o})},c="string"!=typeof r?r:{topLeft:r,topRight:r,bottomLeft:r,bottomRight:r};return(0,a.createElement)("div",{className:"components-border-radius-control__input-controls-wrapper"},Object.entries(dh).map((e=>{let[t,r]=e;const[u,d]=(0,m.__experimentalParseQuantityAndUnitFromRawValue)(c[t]),p=c[t]?d:n[t]||n.flat;return(0,a.createElement)(m.Tooltip,{text:r,position:"top",key:t},(0,a.createElement)("div",{className:"components-border-radius-control__tooltip-wrapper"},(0,a.createElement)(m.__experimentalUnitControl,i({},l,{"aria-label":r,value:[u,p].join(""),onChange:s(t),onUnitChange:(f=t,e=>{const t={...n};t[f]=e,o(t)})}))));var f})))}function mh(e){let{isLinked:t,...n}=e;const o=t?(0,g.__)("Unlink radii"):(0,g.__)("Link radii");return(0,a.createElement)(m.Tooltip,{text:o},(0,a.createElement)("span",null,(0,a.createElement)(m.Button,i({},n,{className:"component-border-radius-control__linked-button",isSmall:!0,icon:t?er:tr,iconSize:24,"aria-label":o}))))}const fh={topLeft:void 0,topRight:void 0,bottomLeft:void 0,bottomRight:void 0},gh={px:100,em:20,rem:20};function hh(e){let{onChange:t,values:n}=e;const[o,r]=(0,a.useState)(!ch(n)||!sh(n)),[l,i]=(0,a.useState)({flat:"string"==typeof n?(0,m.__experimentalParseQuantityAndUnitFromRawValue)(n)[1]:void 0,topLeft:(0,m.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.topLeft)[1],topRight:(0,m.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.topRight)[1],bottomLeft:(0,m.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.bottomLeft)[1],bottomRight:(0,m.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.bottomRight)[1]}),s=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["px","em","rem"]}),c=ih(l),u=s&&s.find((e=>e.value===c)),d=(null==u?void 0:u.step)||1,[p]=(0,m.__experimentalParseQuantityAndUnitFromRawValue)(ah(n));return(0,a.createElement)("fieldset",{className:"components-border-radius-control"},(0,a.createElement)(m.BaseControl.VisualLabel,{as:"legend"},(0,g.__)("Radius")),(0,a.createElement)("div",{className:"components-border-radius-control__wrapper"},o?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(uh,{className:"components-border-radius-control__unit-control",values:n,min:0,onChange:t,selectedUnits:l,setSelectedUnits:i,units:s}),(0,a.createElement)(m.RangeControl,{label:(0,g.__)("Border radius"),hideLabelFromVision:!0,className:"components-border-radius-control__range-control",value:null!=p?p:"",min:0,max:gh[c],initialPosition:0,withInputField:!1,onChange:e=>{t(void 0!==e?`${e}${c}`:void 0)},step:d})):(0,a.createElement)(ph,{min:0,onChange:t,selectedUnits:l,setSelectedUnits:i,values:n||fh,units:s}),(0,a.createElement)(mh,{onClick:()=>r(!o),isLinked:o})))}function vh(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,a.createElement)(hh,{values:null==n||null===(t=n.border)||void 0===t?void 0:t.radius,onChange:e=>{const t=ar({...n,border:{...null==n?void 0:n.border,radius:e}});o({style:t})}})}Dd([Od,Vd]);const bh=(e,t,n)=>{if(t){const n=(0,u.find)(e,{slug:t});if(n)return n}return{color:n}},_h=(e,t)=>(0,u.find)(e,{color:t});function kh(e,t){if(e&&t)return`has-${(0,u.kebabCase)(t)}-${e}`}function yh(){return{disableCustomColors:!qo("color.custom"),disableCustomGradients:!qo("color.customGradient")}}function Eh(){const e=yh(),t=qo("color.palette.custom"),n=qo("color.palette.theme"),o=qo("color.palette.default"),r=qo("color.defaultPalette");e.colors=(0,a.useMemo)((()=>{const e=[];return n&&n.length&&e.push({name:(0,g._x)("Theme","Indicates this palette comes from the theme."),colors:n}),r&&o&&o.length&&e.push({name:(0,g._x)("Default","Indicates this palette comes from WordPress."),colors:o}),t&&t.length&&e.push({name:(0,g._x)("Custom","Indicates this palette comes from the theme."),colors:t}),e}),[o,n,t]);const l=qo("color.gradients.custom"),i=qo("color.gradients.theme"),s=qo("color.gradients.default"),c=qo("color.defaultGradients");return e.gradients=(0,a.useMemo)((()=>{const e=[];return i&&i.length&&e.push({name:(0,g._x)("Theme","Indicates this palette comes from the theme."),gradients:i}),c&&s&&s.length&&e.push({name:(0,g._x)("Default","Indicates this palette comes from WordPress."),gradients:s}),l&&l.length&&e.push({name:(0,g._x)("Custom","Indicates this palette is created by the user."),gradients:l}),e}),[l,i,s]),e}const Ch="__experimentalBorder",Sh=["top","right","bottom","left"],wh=e=>{var t,n;return{...e,borderColor:void 0,style:{...e.style,border:{radius:null===(t=e.style)||void 0===t||null===(n=t.border)||void 0===n?void 0:n.radius}}}},Bh=(e,t,n)=>{let o;return e.some((e=>e.colors.some((e=>e[t]===n&&(o=e,!0))))),o},Ih=e=>{let{colors:t,namedColor:n,customColor:o}=e;if(n){const e=Bh(t,"slug",n);if(e)return e}if(!o)return{color:void 0};const r=Bh(t,"color",o);return r||{color:o}};function xh(e){const t=/var:preset\|color\|(.+)/.exec(e);return t&&t[1]?t[1]:null}function Th(e){const{attributes:t,clientId:n,setAttributes:o}=e,{style:l}=t,{colors:i}=Eh(),s=Nh(e.name),c=qo("border.color")&&Nh(e.name,"color"),u=qo("border.radius")&&Nh(e.name,"radius"),d=qo("border.style")&&Nh(e.name,"style"),p=qo("border.width")&&Nh(e.name,"width");if([!c,!u,!d,!p].every(Boolean)||!s)return null;const f=(0,r.getBlockSupport)(e.name,[Ch,"__experimentalDefaultControls"]),h=(null==f?void 0:f.color)||(null==f?void 0:f.width),v=((e,t)=>{const{borderColor:n,style:o}=e,{border:r}=o||{};if(n){const{color:e}=Ih({colors:t,namedColor:n});return e?{...r,color:e}:r}if(!r)return r;const l={...r};return Sh.forEach((e=>{var n;const o=xh(null===(n=l[e])||void 0===n?void 0:n.color);if(o){const{color:n}=Ih({colors:t,namedColor:o});l[e]={...l[e],color:n}}})),l})(t,i);return(0,a.createElement)(hr,{__experimentalGroup:"border"},(p||c)&&(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>(e=>{const{borderColor:t,style:n}=e.attributes;return(0,m.__experimentalIsDefinedBorder)(null==n?void 0:n.border)||!!t})(e),label:(0,g.__)("Border"),onDeselect:()=>(e=>{var t;let{attributes:n={},setAttributes:o}=e;const{style:r}=n;o({borderColor:void 0,style:{...r,border:ar({radius:null==r||null===(t=r.border)||void 0===t?void 0:t.radius})}})})(e),isShownByDefault:h,resetAllFilter:wh,panelId:n},(0,a.createElement)(m.__experimentalBorderBoxControl,{colors:i,enableAlpha:!0,enableStyle:d,onChange:e=>{var t;let n,r={...e};if((0,m.__experimentalHasSplitBorders)(e))r={top:{...e.top},right:{...e.right},bottom:{...e.bottom},left:{...e.left}},Sh.forEach((t=>{var n;if(null!==(n=e[t])&&void 0!==n&&n.color){var o;const n=Ih({colors:i,customColor:null===(o=e[t])||void 0===o?void 0:o.color});n.slug&&(r[t].color=`var:preset|color|${n.slug}`)}}));else if(null!=e&&e.color){const t=null==e?void 0:e.color,o=Ih({colors:i,customColor:t});o.slug&&(n=o.slug,r.color=void 0)}const a=ar({...l,border:{radius:null==l||null===(t=l.border)||void 0===t?void 0:t.radius,...r}});o({style:a,borderColor:n})},popoverOffset:40,popoverPlacement:"left-start",value:v,__experimentalHasMultipleOrigins:!0,__experimentalIsRenderedInSidebar:!0})),u&&(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;const o=null===(t=e.attributes.style)||void 0===t||null===(n=t.border)||void 0===n?void 0:n.radius;return"object"==typeof o?Object.entries(o).some(Boolean):!!o}(e),label:(0,g.__)("Radius"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:Ph(o,"radius")})}(e),isShownByDefault:null==f?void 0:f.radius,resetAllFilter:e=>{var t;return{...e,style:{...e.style,border:{...null===(t=e.style)||void 0===t?void 0:t.border,radius:void 0}}}},panelId:n},(0,a.createElement)(vh,e)))}function Nh(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"any";if("web"!==a.Platform.OS)return!1;const n=(0,r.getBlockSupport)(e,Ch);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 Ph(e,t){return ar({...e,border:{...null==e?void 0:e.border,[t]:void 0}})}function Mh(e,t,n){if(!Nh(t,"color")||ur(t,Ch,"color"))return e;const o=Lh(n),r=c()(e.className,o);return e.className=r||void 0,e}function Lh(e){var t;const{borderColor:n,style:o}=e,r=kh("border-color",n);return c()({"has-border-color":n||(null==o||null===(t=o.border)||void 0===t?void 0:t.color),[r]:!!r})}const Rh=(0,d.createHigherOrderComponent)((e=>t=>{var n,o,r,l,s,c,u,d,p;const{name:m,attributes:f}=t,{borderColor:g,style:h}=f,{colors:v}=Eh();if(!Nh(m,"color")||ur(m,Ch,"color"))return(0,a.createElement)(e,t);const{color:b}=Ih({colors:v,namedColor:g}),{color:_}=Ih({colors:v,namedColor:xh(null==h||null===(n=h.border)||void 0===n||null===(o=n.top)||void 0===o?void 0:o.color)}),{color:k}=Ih({colors:v,namedColor:xh(null==h||null===(r=h.border)||void 0===r||null===(l=r.right)||void 0===l?void 0:l.color)}),{color:y}=Ih({colors:v,namedColor:xh(null==h||null===(s=h.border)||void 0===s||null===(c=s.bottom)||void 0===c?void 0:c.color)}),{color:E}=Ih({colors:v,namedColor:xh(null==h||null===(u=h.border)||void 0===u||null===(d=u.left)||void 0===d?void 0:d.color)}),C={borderTopColor:_||b,borderRightColor:k||b,borderBottomColor:y||b,borderLeftColor:E||b};let S=t.wrapperProps;return S={...t.wrapperProps,style:{...null===(p=t.wrapperProps)||void 0===p?void 0:p.style,...C}},(0,a.createElement)(e,i({},t,{wrapperProps:S}))}));function Ah(e){if(e)return`has-${e}-gradient-background`}function Dh(e,t){const n=(0,u.find)(e,["slug",t]);return n&&n.gradient}function Oh(e,t){return(0,u.find)(e,["gradient",t])}function zh(e,t){const n=Oh(e,t);return n&&n.slug}function Fh(){let{gradientAttribute:e="gradient",customGradientAttribute:t="customGradient"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{clientId:n}=mo(),o=qo("color.gradients.custom"),r=qo("color.gradients.theme"),l=qo("color.gradients.default"),i=(0,a.useMemo)((()=>[...o||[],...r||[],...l||[]]),[o,r,l]),{gradient:s,customGradient:c}=(0,p.useSelect)((o=>{const{getBlockAttributes:r}=o(so),l=r(n)||{};return{customGradient:l[t],gradient:l[e]}}),[n,e,t]),{updateBlockAttributes:u}=(0,p.useDispatch)(so),d=(0,a.useCallback)((o=>{const r=zh(i,o);u(n,r?{[e]:r,[t]:void 0}:{[e]:void 0,[t]:o})}),[i,n,u]),m=Ah(s);let f;return f=s?Dh(i,s):c,{gradientClass:m,gradientValue:f,setGradient:d}}(0,l.addFilter)("blocks.registerBlockType","core/border/addAttributes",(function(e){return Nh(e,"color")?e.attributes.borderColor?e:{...e,attributes:{...e.attributes,borderColor:{type:"string"}}}:e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/border/addSaveProps",Mh),(0,l.addFilter)("blocks.registerBlockType","core/border/addEditProps",(function(e){if(!Nh(e,"color")||ur(e,Ch,"color"))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Mh(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/border/with-border-color-palette-styles",Rh);const Vh=["colors","disableCustomColors","gradients","disableCustomGradients"],Hh={name:"color",title:"Solid",value:"color"},Gh={name:"gradient",title:"Gradient",value:"gradient"},Uh=[Hh,Gh];function Wh(e){let{colors:t,gradients:n,disableCustomColors:o,disableCustomGradients:r,__experimentalHasMultipleOrigins:l,__experimentalIsRenderedInSidebar:i,className:s,label:d,onColorChange:p,onGradientChange:f,colorValue:g,gradientValue:h,clearable:v,showTitle:b=!0,enableAlpha:_}=e;const k=p&&(!(0,u.isEmpty)(t)||!o),y=f&&(!(0,u.isEmpty)(n)||!r);if(!k&&!y)return null;const E={[Hh.value]:(0,a.createElement)(m.ColorPalette,{value:g,onChange:y?e=>{p(e),f()}:p,colors:t,disableCustomColors:o,__experimentalHasMultipleOrigins:l,__experimentalIsRenderedInSidebar:i,clearable:v,enableAlpha:_}),[Gh.value]:(0,a.createElement)(m.GradientPicker,{__nextHasNoMargin:!0,value:h,onChange:k?e=>{f(e),p()}:f,gradients:n,disableCustomGradients:r,__experimentalHasMultipleOrigins:l,__experimentalIsRenderedInSidebar:i,clearable:v})},C=e=>(0,a.createElement)("div",{className:"block-editor-color-gradient-control__panel"},E[e]);return(0,a.createElement)(m.BaseControl,{__nextHasNoMarginBottom:!0,className:c()("block-editor-color-gradient-control",s)},(0,a.createElement)("fieldset",{className:"block-editor-color-gradient-control__fieldset"},(0,a.createElement)(m.__experimentalVStack,{spacing:1},b&&(0,a.createElement)("legend",null,(0,a.createElement)("div",{className:"block-editor-color-gradient-control__color-indicator"},(0,a.createElement)(m.BaseControl.VisualLabel,null,d))),k&&y&&(0,a.createElement)(m.TabPanel,{className:"block-editor-color-gradient-control__tabs",tabs:Uh,initialTabName:h?Gh.value:!!k&&Hh.value},(e=>C(e.value))),!y&&C(Hh.value),!k&&C(Gh.value))))}function $h(e){const t={};return t.colors=qo("color.palette"),t.gradients=qo("color.gradients"),t.disableCustomColors=!qo("color.custom"),t.disableCustomGradients=!qo("color.customGradient"),(0,a.createElement)(Wh,i({},t,e))}var jh=function(e){return(0,u.every)(Vh,(t=>e.hasOwnProperty(t)))?(0,a.createElement)(Wh,e):(0,a.createElement)($h,e)};const Kh=e=>{let{setting:t,children:n,panelId:o,...r}=e;return(0,a.createElement)(m.__experimentalToolsPanelItem,i({hasValue:()=>!!t.colorValue||!!t.gradientValue,label:t.label,onDeselect:()=>{t.colorValue?t.onColorChange():t.gradientValue&&t.onGradientChange()},isShownByDefault:void 0===t.isShownByDefault||t.isShownByDefault},r,{className:"block-editor-tools-panel-color-gradient-settings__item",panelId:o,resetAllFilter:t.resetAllFilter}),n)},qh=e=>{let{colorValue:t,label:n}=e;return(0,a.createElement)(m.__experimentalHStack,{justify:"flex-start"},(0,a.createElement)(m.ColorIndicator,{className:"block-editor-panel-color-gradient-settings__color-indicator",colorValue:t}),(0,a.createElement)(m.FlexItem,{className:"block-editor-panel-color-gradient-settings__color-name",title:n},n))},Yh=e=>t=>{let{onToggle:n,isOpen:o}=t;const{colorValue:r,label:l}=e,i={onClick:n,className:c()("block-editor-panel-color-gradient-settings__dropdown",{"is-open":o}),"aria-expanded":o};return(0,a.createElement)(m.Button,i,(0,a.createElement)(qh,{colorValue:r,label:l}))};function Qh(e){let t,{colors:n,disableCustomColors:o,disableCustomGradients:r,enableAlpha:l,gradients:s,settings:c,__experimentalHasMultipleOrigins:u,__experimentalIsRenderedInSidebar:d,...p}=e;return d&&(t={placement:"left-start",offset:36,shift:!0}),(0,a.createElement)(a.Fragment,null,c.map(((e,c)=>{var f;const g={clearable:!1,colorValue:e.colorValue,colors:n,disableCustomColors:o,disableCustomGradients:r,enableAlpha:l,gradientValue:e.gradientValue,gradients:s,label:e.label,onColorChange:e.onColorChange,onGradientChange:e.onGradientChange,showTitle:!1,__experimentalHasMultipleOrigins:u,__experimentalIsRenderedInSidebar:d,...e},h={colorValue:null!==(f=e.gradientValue)&&void 0!==f?f:e.colorValue,label:e.label};return e&&(0,a.createElement)(Kh,i({key:c,setting:e},p),(0,a.createElement)(m.Dropdown,{popoverProps:t,className:"block-editor-tools-panel-color-gradient-settings__dropdown",renderToggle:Yh(h),renderContent:()=>(0,a.createElement)(m.__experimentalDropdownContentWrapper,{paddingSize:"none"},(0,a.createElement)("div",{className:"block-editor-panel-color-gradient-settings__dropdown-content"},(0,a.createElement)(jh,g)))}))})))}Dd([Od,Vd]);var Zh=function(e){let{backgroundColor:t,fallbackBackgroundColor:n,fallbackTextColor:o,fallbackLinkColor:r,fontSize:l,isLargeText:i,textColor:s,linkColor:c,enableAlphaChecker:u=!1}=e;const d=t||n;if(!d)return null;const p=s||o,f=c||r;if(!p&&!f)return null;const h=[{color:p,description:(0,g.__)("text color")},{color:f,description:(0,g.__)("link color")}],v=Rd(d),b=v.alpha()<1,_=v.brightness(),k={level:"AA",size:i||!1!==i&&l>=24?"large":"small"};let y="",E="";for(const e of h){if(!e.color)continue;const t=Rd(e.color),n=t.isReadable(v,k),o=t.alpha()<1;if(!n){if(b||o)continue;y=_null==e?void 0:e.colorValue));(0,a.useEffect)((()=>{var e;if(!r||!f.length)return;if(!m.current)return;u(Xh(m.current).color);const t=null===(e=m.current)||void 0===e?void 0:e.querySelector("a");t&&t.innerText&&p(Xh(t).color);let n=m.current,o=Xh(n).backgroundColor;for(;"rgba(0, 0, 0, 0)"===o&&n.parentNode&&n.parentNode.nodeType===n.parentNode.ELEMENT_NODE;)n=n.parentNode,o=Xh(n).backgroundColor;s(o)}));const g=Eh();return(0,a.createElement)(hr,{__experimentalGroup:"color"},(0,a.createElement)(Qh,i({enableAlpha:t,panelId:o,settings:n,__experimentalIsItemGroup:!1,__experimentalHasMultipleOrigins:!0,__experimentalIsRenderedInSidebar:!0},g)),r&&(0,a.createElement)(Zh,{backgroundColor:l,textColor:c,enableAlphaChecker:t,linkColor:d}))}const ev="color",tv=e=>{const t=(0,r.getBlockSupport)(e,ev);return t&&(!0===t.link||!0===t.gradient||!1!==t.background||!1!==t.text)},nv=e=>{if("web"!==a.Platform.OS)return!1;const t=(0,r.getBlockSupport)(e,ev);return null!==t&&"object"==typeof t&&!!t.link},ov=e=>{const t=(0,r.getBlockSupport)(e,ev);return null!==t&&"object"==typeof t&&!!t.gradients},rv=e=>{const t=(0,r.getBlockSupport)(e,ev);return t&&!1!==t.background},lv=e=>{const t=(0,r.getBlockSupport)(e,ev);return t&&!1!==t.text},iv=(e,t)=>ar(sr(t,e,void 0)),av=e=>({textColor:void 0,style:iv(["color","text"],e.style)}),sv=e=>({style:iv(["elements","link","color","text"],e.style)}),cv=e=>{var t;return{backgroundColor:void 0,gradient:void 0,style:{...e.style,color:{...null===(t=e.style)||void 0===t?void 0:t.color,background:void 0,gradient:void 0}}}};function uv(e,t,n){var o,r,l,i,a,s;if(!tv(t)||ur(t,ev))return e;const u=ov(t),{backgroundColor:d,textColor:p,gradient:m,style:f}=n,g=e=>!ur(t,ev,e),h=g("text")?kh("color",p):void 0,v=g("gradients")?Ah(m):void 0,b=g("background")?kh("background-color",d):void 0,_=g("background")||g("gradients"),k=d||(null==f||null===(o=f.color)||void 0===o?void 0:o.background)||u&&(m||(null==f||null===(r=f.color)||void 0===r?void 0:r.gradient)),y=c()(e.className,h,v,{[b]:!(u&&null!=f&&null!==(l=f.color)&&void 0!==l&&l.gradient||!b),"has-text-color":g("text")&&(p||(null==f||null===(i=f.color)||void 0===i?void 0:i.text)),"has-background":_&&k,"has-link-color":g("link")&&(null==f||null===(a=f.elements)||void 0===a||null===(s=a.link)||void 0===s?void 0:s.color)});return e.className=y||void 0,e}const dv=(e,t)=>{const n=/var:preset\|color\|(.+)/.exec(t);return n&&n[1]?bh(e,n[1]).color:t};function pv(e){var t,n,o,l,i,s,c,u,d;const{name:p,attributes:m}=e,f=qo("color.palette.custom"),h=qo("color.palette.theme"),v=qo("color.palette.default"),b=(0,a.useMemo)((()=>[...f||[],...h||[],...v||[]]),[f,h,v]),_=qo("color.gradients.custom"),k=qo("color.gradients.theme"),y=qo("color.gradients.default"),E=(0,a.useMemo)((()=>[..._||[],...k||[],...y||[]]),[_,k,y]),C=qo("color.custom"),S=qo("color.customGradient"),w=qo("color.background"),B=qo("color.link"),I=qo("color.text"),x=C||!h||(null==h?void 0:h.length)>0,T=S||!k||(null==k?void 0:k.length)>0,N=(0,a.useRef)(m);if((0,a.useEffect)((()=>{N.current=m}),[m]),!tv(p))return null;const P=nv(p)&&B&&x,M=lv(p)&&I&&x,L=rv(p)&&w&&x,R=ov(p)&&T;if(!(P||M||L||R))return null;const{style:A,textColor:D,backgroundColor:O,gradient:z}=m;let F;if(R&&z)F=Dh(E,z);else if(R){var V;F=null==A||null===(V=A.color)||void 0===V?void 0:V.gradient}const H=t=>n=>{var o,r;const l=_h(b,n),i=t+"Color",a={...N.current.style,color:{...null===(o=N.current)||void 0===o||null===(r=o.style)||void 0===r?void 0:r.color,[t]:null!=l&&l.slug?void 0:n}},s=null!=l&&l.slug?l.slug:void 0,c={style:ar(a),[i]:s};e.setAttributes(c),N.current={...N.current,...c}},G=(0,r.getBlockSupport)(e.name,[ev,"__experimentalDefaultControls"]),U=!("web"!==a.Platform.OS||z||null!=A&&null!==(t=A.color)&&void 0!==t&&t.gradient||!1===(0,r.getBlockSupport)(e.name,[ev,"enableContrastChecker"]));return(0,a.createElement)(Jh,{enableContrastChecking:U,clientId:e.clientId,enableAlpha:!0,settings:[...M?[{label:(0,g.__)("Text"),onColorChange:H("text"),colorValue:bh(b,D,null==A||null===(n=A.color)||void 0===n?void 0:n.text).color,isShownByDefault:null==G?void 0:G.text,resetAllFilter:av}]:[],...L||R?[{label:(0,g.__)("Background"),onColorChange:L?H("background"):void 0,colorValue:bh(b,O,null==A||null===(o=A.color)||void 0===o?void 0:o.background).color,gradientValue:F,onGradientChange:R?t=>{const n=zh(E,t);let o;if(n){var r,l,i;const e={...null===(r=N.current)||void 0===r?void 0:r.style,color:{...null===(l=N.current)||void 0===l||null===(i=l.style)||void 0===i?void 0:i.color,gradient:void 0}};o={style:ar(e),gradient:n}}else{var a,s,c;const e={...null===(a=N.current)||void 0===a?void 0:a.style,color:{...null===(s=N.current)||void 0===s||null===(c=s.style)||void 0===c?void 0:c.color,gradient:t}};o={style:ar(e),gradient:void 0}}e.setAttributes(o),N.current={...N.current,...o}}:void 0,isShownByDefault:null==G?void 0:G.background,resetAllFilter:cv}]:[],...P?[{label:(0,g.__)("Link"),onColorChange:t=>{var n;const o=_h(b,t),r=null!=o&&o.slug?`var:preset|color|${o.slug}`:t,l=ar(sr(null===(n=N.current)||void 0===n?void 0:n.style,["elements","link","color","text"],r));e.setAttributes({style:l}),N.current={...N.current,style:l}},colorValue:dv(b,null==A||null===(l=A.elements)||void 0===l||null===(i=l.link)||void 0===i||null===(s=i.color)||void 0===s?void 0:s.text),clearable:!(null==A||null===(c=A.elements)||void 0===c||null===(u=c.link)||void 0===u||null===(d=u.color)||void 0===d||!d.text),isShownByDefault:null==G?void 0:G.link,resetAllFilter:sv}]:[]]})}const mv=(0,d.createHigherOrderComponent)((e=>t=>{var n;const{name:o,attributes:r}=t,{backgroundColor:l,textColor:s}=r,c=qo("color.palette.custom")||[],u=qo("color.palette.theme")||[],d=qo("color.palette.default")||[],p=(0,a.useMemo)((()=>[...c||[],...u||[],...d||[]]),[c,u,d]);if(!tv(o)||ur(o,ev))return(0,a.createElement)(e,t);const m={};var f,g;s&&!ur(o,ev,"text")&&(m.color=null===(f=bh(p,s))||void 0===f?void 0:f.color);l&&!ur(o,ev,"background")&&(m.backgroundColor=null===(g=bh(p,l))||void 0===g?void 0:g.color);let h=t.wrapperProps;return h={...t.wrapperProps,style:{...m,...null===(n=t.wrapperProps)||void 0===n?void 0:n.style}},(0,a.createElement)(e,i({},t,{wrapperProps:h}))})),fv={linkColor:[["style","elements","link","color","text"]],textColor:[["textColor"],["style","color","text"]],backgroundColor:[["backgroundColor"],["style","color","background"]],gradient:[["gradient"],["style","color","gradient"]]};(0,l.addFilter)("blocks.registerBlockType","core/color/addAttribute",(function(e){return tv(e)?(e.attributes.backgroundColor||Object.assign(e.attributes,{backgroundColor:{type:"string"}}),e.attributes.textColor||Object.assign(e.attributes,{textColor:{type:"string"}}),ov(e)&&!e.attributes.gradient&&Object.assign(e.attributes,{gradient:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/color/addSaveProps",uv),(0,l.addFilter)("blocks.registerBlockType","core/color/addEditProps",(function(e){if(!tv(e)||ur(e,ev))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),uv(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/color/with-color-palette-styles",mv),(0,l.addFilter)("blocks.switchToBlockType.transformedBlock","core/color/addTransforms",(function(e,t,n,o){const r=e.name;return cr({linkColor:nv(r),textColor:lv(r),backgroundColor:rv(r),gradient:ov(r)},fv,e,t,n,o)}));const gv=[{name:(0,g._x)("Regular","font style"),value:"normal"},{name:(0,g._x)("Italic","font style"),value:"italic"}],hv=[{name:(0,g._x)("Thin","font weight"),value:"100"},{name:(0,g._x)("Extra Light","font weight"),value:"200"},{name:(0,g._x)("Light","font weight"),value:"300"},{name:(0,g._x)("Regular","font weight"),value:"400"},{name:(0,g._x)("Medium","font weight"),value:"500"},{name:(0,g._x)("Semi Bold","font weight"),value:"600"},{name:(0,g._x)("Bold","font weight"),value:"700"},{name:(0,g._x)("Extra Bold","font weight"),value:"800"},{name:(0,g._x)("Black","font weight"),value:"900"}],vv=(e,t)=>e?t?(0,g.__)("Appearance"):(0,g.__)("Font style"):(0,g.__)("Font weight");function bv(e){const{onChange:t,hasFontStyles:n=!0,hasFontWeights:o=!0,value:{fontStyle:r,fontWeight:l},...s}=e,c=n||o,u=vv(n,o),d={key:"default",name:(0,g.__)("Default"),style:{fontStyle:void 0,fontWeight:void 0}},p=(0,a.useMemo)((()=>n&&o?(()=>{const e=[d];return gv.forEach((t=>{let{name:n,value:o}=t;hv.forEach((t=>{let{name:r,value:l}=t;const i="normal"===o?r:(0,g.sprintf)((0,g.__)("%1$s %2$s"),r,n);e.push({key:`${o}-${l}`,name:i,style:{fontStyle:o,fontWeight:l}})}))})),e})():n?(()=>{const e=[d];return gv.forEach((t=>{let{name:n,value:o}=t;e.push({key:o,name:n,style:{fontStyle:o,fontWeight:void 0}})})),e})():(()=>{const e=[d];return hv.forEach((t=>{let{name:n,value:o}=t;e.push({key:o,name:n,style:{fontStyle:void 0,fontWeight:o}})})),e})()),[e.options]),f=p.find((e=>e.style.fontStyle===r&&e.style.fontWeight===l))||p[0];return c&&(0,a.createElement)(m.CustomSelectControl,i({},s,{className:"components-font-appearance-control",label:u,describedBy:f?n?o?(0,g.sprintf)((0,g.__)("Currently selected font appearance: %s"),f.name):(0,g.sprintf)((0,g.__)("Currently selected font style: %s"),f.name):(0,g.sprintf)((0,g.__)("Currently selected font weight: %s"),f.name):(0,g.__)("No selected font appearance"),options:p,value:f,onChange:e=>{let{selectedItem:n}=e;return t(n.style)},__nextUnconstrainedWidth:!0}))}const _v=1.5,kv=.1;var yv=e=>{let{value:t,onChange:n,__nextHasNoMarginBottom:o=!1,__unstableInputWidth:r="60px",...l}=e;const s=function(e){return void 0!==e&&""!==e}(t),c=s?t:"";o||V()("Bottom margin styles for wp.blockEditor.LineHeightControl",{since:"6.0",version:"6.4",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version"});const u=o?void 0:{marginBottom:24};return(0,a.createElement)("div",{className:"block-editor-line-height-control",style:u},(0,a.createElement)(m.__experimentalNumberControl,i({},l,{__unstableInputWidth:r,__unstableStateReducer:(e,t)=>{var n;const o=["insertText","insertFromPaste"].includes(null===(n=t.payload.event.nativeEvent)||void 0===n?void 0:n.inputType),r=((e,t)=>{if(s)return e;switch(`${e}`){case"0.1":return 1.6;case"0":return t?e:1.4;case"":return _v;default:return e}})(e.value,o);return{...e,value:r}},onChange:n,label:(0,g.__)("Line height"),placeholder:_v,step:kv,value:c,min:0})))};const Ev="typography.lineHeight";function Cv(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,a.createElement)(yv,{__unstableInputWidth:"100%",__nextHasNoMarginBottom:!0,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:ar(t)})},size:"__unstable-large"})}function Sv(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qo("typography.lineHeight");return!(0,r.hasBlockSupport)(e,Ev)||t}const wv="typography.__experimentalFontStyle",Bv="typography.__experimentalFontWeight";function Iv(e){var t,n;const{attributes:{style:o},setAttributes:r}=e,l=!xv(e),i=!Tv(e),s=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,a.createElement)(bv,{onChange:e=>{r({style:ar({...o,typography:{...null==o?void 0:o.typography,fontStyle:e.fontStyle,fontWeight:e.fontWeight}})})},hasFontStyles:l,hasFontWeights:i,value:{fontStyle:s,fontWeight:c},size:"__unstable-large"})}function xv(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=(0,r.hasBlockSupport)(e,wv),n=qo("typography.fontStyle");return!t||!n}function Tv(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=(0,r.hasBlockSupport)(e,Bv),n=qo("typography.fontWeight");return!t||!n}function Nv(e){const t=xv(e),n=Tv(e);return t&&n}function Pv(e){let{value:t="",onChange:n,fontFamilies:o,...r}=e;const l=qo("typography.fontFamilies");if(o||(o=l),(0,u.isEmpty)(o))return null;const s=[{value:"",label:(0,g.__)("Default")},...o.map((e=>{let{fontFamily:t,name:n}=e;return{value:t,label:n||t}}))];return(0,a.createElement)(m.SelectControl,i({label:(0,g.__)("Font"),options:s,value:t,onChange:n,labelPosition:"top"},r))}const Mv="typography.__experimentalFontFamily";function Lv(e,t,n){if(!(0,r.hasBlockSupport)(t,Mv))return e;if(ur(t,kb,"fontFamily"))return e;if(null==n||!n.fontFamily)return e;const o=new(Sf())(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 Rv(e){var t;let{setAttributes:n,attributes:{fontFamily:o}}=e;const r=qo("typography.fontFamilies"),l=null===(t=(0,u.find)(r,(e=>{let{slug:t}=e;return o===t})))||void 0===t?void 0:t.fontFamily;return(0,a.createElement)(Pv,{className:"block-editor-hooks-font-family-control",fontFamilies:r,value:l,onChange:function(e){const t=(0,u.find)(r,(t=>{let{fontFamily:n}=t;return n===e}));n({fontFamily:null==t?void 0:t.slug})},size:"__unstable-large",__nextHasNoMarginBottom:!0})}function Av(e){let{name:t}=e;const n=qo("typography.fontFamilies");return!n||0===n.length||!(0,r.hasBlockSupport)(t,Mv)}(0,l.addFilter)("blocks.registerBlockType","core/fontFamily/addAttribute",(function(e){return(0,r.hasBlockSupport)(e,Mv)?(e.attributes.fontFamily||Object.assign(e.attributes,{fontFamily:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/fontFamily/addSaveProps",Lv),(0,l.addFilter)("blocks.registerBlockType","core/fontFamily/addEditProps",(function(e){if(!(0,r.hasBlockSupport)(e,Mv))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Lv(o,e,n)},e}));const Dv=(e,t,n)=>{if(t){const n=(0,u.find)(e,{slug:t});if(n)return n}return{size:n}};function Ov(e,t){const n=(0,u.find)(e,{size:t});return n||{size:t}}function zv(e){if(e)return`has-${(0,u.kebabCase)(e)}-font-size`}var Fv=function(e){const t=qo("typography.fontSizes"),n=!qo("typography.customFontSize");return(0,a.createElement)(m.FontSizePicker,i({},e,{fontSizes:t,disableCustomFontSizes:n}))};const Vv="1600px",Hv="768px",Gv=1,Uv=.75,Wv="14px";function $v(e){let{minimumFontSize:t,maximumFontSize:n,fontSize:o,minimumViewPortWidth:r=Hv,maximumViewPortWidth:l=Vv,scaleFactor:i=Gv,minimumFontSizeFactor:a=Uv,minimumFontSizeLimit:s=Wv}=e;if(o){const e=jv(o);if(null==e||!e.unit)return null;const r=jv(s,{coerceTo:e.unit});if(null!=r&&r.value&&!t&&!n&&(null==e?void 0:e.value)<=(null==r?void 0:r.value))return null;if(n||(n=`${e.value}${e.unit}`),!t){const n=Kv(e.value*a,3);t=null!=r&&r.value&&n<(null==r?void 0:r.value)?`${r.value}${r.unit}`:`${n}${e.unit}`}}const c=jv(t),u=(null==c?void 0:c.unit)||"rem",d=jv(n,{coerceTo:u});if(!c||!d)return null;const p=jv(t,{coerceTo:"rem"}),m=jv(l,{coerceTo:u}),f=jv(r,{coerceTo:u});if(!m||!f||!p)return null;const g=Kv(f.value/100,3),h=Kv(g,3)+u,v=Kv(((d.value-c.value)/(m.value-f.value)*100||1)*i,3);return`clamp(${t}, ${`${p.value}${p.unit} + ((1vw - ${h}) * ${v})`}, ${n})`}function jv(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("string"!=typeof e&&"number"!=typeof e)return null;isFinite(e)&&(e=`${e}px`);const{coerceTo:n,rootSizeValue:o,acceptableUnits:r}={coerceTo:"",rootSizeValue:16,acceptableUnits:["rem","px","em"],...t},l=null==r?void 0:r.join("|"),i=new RegExp(`^(\\d*\\.?\\d+)(${l}){1,1}$`),a=e.match(i);if(!a||a.length<3)return null;let[,s,c]=a,u=parseFloat(s);return"px"!==n||"em"!==c&&"rem"!==c||(u*=o,c=n),"px"!==c||"em"!==n&&"rem"!==n||(u/=o,c=n),"em"!==n&&"rem"!==n||"em"!==c&&"rem"!==c||(c=n),{value:Kv(u,3),unit:c}}function Kv(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;const n=Math.pow(10,t);return Number.isFinite(e)?parseFloat(Math.round(e*n)/n):void 0}const qv="typography.fontSize";function Yv(e,t,n){if(!(0,r.hasBlockSupport)(t,qv))return e;if(ur(t,kb,"fontSize"))return e;const o=new(Sf())(e.className);o.add(zv(n.fontSize));const l=o.value;return e.className=l||void 0,e}function Qv(e){var t,n;const{attributes:{fontSize:o,style:r},setAttributes:l}=e,i=qo("typography.fontSizes"),s=Dv(i,o,null==r||null===(t=r.typography)||void 0===t?void 0:t.fontSize),c=(null==s?void 0:s.size)||(null==r||null===(n=r.typography)||void 0===n?void 0:n.fontSize)||o;return(0,a.createElement)(Fv,{onChange:e=>{const t=Ov(i,e).slug;l({style:ar({...r,typography:{...null==r?void 0:r.typography,fontSize:t?void 0:e}}),fontSize:t})},value:c,withReset:!1,size:"__unstable-large",__nextHasNoMarginBottom:!0})}function Zv(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=qo("typography.fontSizes"),n=!(null==t||!t.length);return!(0,r.hasBlockSupport)(e,qv)||!n}const Xv=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const l=qo("typography.fontSizes"),{name:i,attributes:{fontSize:s,style:c},wrapperProps:u}=t;if(!(0,r.hasBlockSupport)(i,qv)||ur(i,kb,"fontSize")||!s||null!=c&&null!==(n=c.typography)&&void 0!==n&&n.fontSize)return(0,a.createElement)(e,t);const d=Dv(l,s,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,a.createElement)(e,p)}),"withFontSizeInlineStyles"),Jv={fontSize:[["fontSize"],["style","typography","fontSize"]]};(0,l.addFilter)("blocks.registerBlockType","core/font/addAttribute",(function(e){return(0,r.hasBlockSupport)(e,qv)?(e.attributes.fontSize||Object.assign(e.attributes,{fontSize:{type:"string"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/font/addSaveProps",Yv),(0,l.addFilter)("blocks.registerBlockType","core/font/addEditProps",(function(e){if(!(0,r.hasBlockSupport)(e,qv))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Yv(o,e,n)},e})),(0,l.addFilter)("editor.BlockListBlock","core/font-size/with-font-size-inline-styles",Xv),(0,l.addFilter)("blocks.switchToBlockType.transformedBlock","core/font-size/addTransforms",(function(e,t,n,o){const l=e.name;return cr({fontSize:(0,r.hasBlockSupport)(l,qv)},Jv,e,t,n,o)})),(0,l.addFilter)("blocks.registerBlockType","core/font-size/addEditPropsForFluidCustomFontSizes",(function(e){if(!(0,r.hasBlockSupport)(e,qv)||ur(e,kb,"fontSize"))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=e=>{var n,o,r;const l=t?t(e):{},i=null==l||null===(n=l.style)||void 0===n?void 0:n.fontSize,a=!(null===(o=(0,p.select)(so).getSettings().__experimentalFeatures)||void 0===o||null===(r=o.typography)||void 0===r||!r.fluid),s=i&&a?$v({fontSize:i}):null;return null===s?l:{...l,style:{...null==l?void 0:l.style,fontSize:s}}},e}),11);var eb=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M7 11.5h10V13H7z"}));var tb=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var nb=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 ob=[{name:(0,g.__)("None"),value:"none",icon:eb},{name:(0,g.__)("Underline"),value:"underline",icon:tb},{name:(0,g.__)("Strikethrough"),value:"line-through",icon:nb}];function rb(e){let{value:t,onChange:n,className:o}=e;return(0,a.createElement)("fieldset",{className:c()("block-editor-text-decoration-control",o)},(0,a.createElement)(m.BaseControl.VisualLabel,{as:"legend"},(0,g.__)("Decoration")),(0,a.createElement)("div",{className:"block-editor-text-decoration-control__buttons"},ob.map((e=>(0,a.createElement)(m.Button,{key:e.value,icon:e.icon,label:e.name,isPressed:e.value===t,onClick:()=>{n(e.value===t?void 0:e.value)}})))))}const lb="typography.__experimentalTextDecoration";function ib(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,a.createElement)(rb,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textDecoration,onChange:function(e){o({style:ar({...n,typography:{...null==n?void 0:n.typography,textDecoration:e}})})},size:"__unstable-large"})}function ab(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!(0,r.hasBlockSupport)(e,lb),n=qo("typography.textDecoration");return t||!n}var sb=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var cb=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var ub=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 db=[{name:(0,g.__)("None"),value:"none",icon:eb},{name:(0,g.__)("Uppercase"),value:"uppercase",icon:sb},{name:(0,g.__)("Lowercase"),value:"lowercase",icon:cb},{name:(0,g.__)("Capitalize"),value:"capitalize",icon:ub}];function pb(e){let{className:t,value:n,onChange:o}=e;return(0,a.createElement)("fieldset",{className:c()("block-editor-text-transform-control",t)},(0,a.createElement)(m.BaseControl.VisualLabel,{as:"legend"},(0,g.__)("Letter case")),(0,a.createElement)("div",{className:"block-editor-text-transform-control__buttons"},db.map((e=>(0,a.createElement)(m.Button,{key:e.value,icon:e.icon,label:e.name,isPressed:e.value===n,onClick:()=>{o(e.value===n?void 0:e.value)}})))))}const mb="typography.__experimentalTextTransform";function fb(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,a.createElement)(pb,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textTransform,onChange:function(e){o({style:ar({...n,typography:{...null==n?void 0:n.typography,textTransform:e}})})},size:"__unstable-large"})}function gb(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!(0,r.hasBlockSupport)(e,mb),n=qo("typography.textTransform");return t||!n}function hb(e){let{value:t,onChange:n,__unstableInputWidth:o="60px",...r}=e;const l=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["px","em","rem"],defaultValues:{px:2,em:.2,rem:.2}});return(0,a.createElement)(m.__experimentalUnitControl,i({},r,{label:(0,g.__)("Letter spacing"),value:t,__unstableInputWidth:o,units:l,onChange:n}))}const vb="typography.__experimentalLetterSpacing";function bb(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,a.createElement)(hb,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.letterSpacing,onChange:function(e){o({style:ar({...n,typography:{...null==n?void 0:n.typography,letterSpacing:e}})})},__unstableInputWidth:"100%",size:"__unstable-large"})}function _b(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!(0,r.hasBlockSupport)(e,vb),n=qo("typography.letterSpacing");return t||!n}const kb="typography",yb=[Ev,qv,wv,Bv,Mv,lb,mb,vb];function Eb(e){const{clientId:t}=e,n=Av(e),o=Zv(e),l=Nv(e),i=Sv(e),s=ab(e),c=gb(e),u=_b(e),d=!xv(e),p=!Tv(e),f=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=[Nv(e),Zv(e),Sv(e),Av(e),ab(e),gb(e),_b(e)];return t.filter(Boolean).length===t.length}(e),h=Cb(e.name);if(f||!h)return null;const v=(0,r.getBlockSupport)(e.name,[kb,"__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,a.createElement)(hr,{__experimentalGroup:"typography"},!n&&(0,a.createElement)(m.__experimentalToolsPanelItem,{hasValue:()=>function(e){return!!e.attributes.fontFamily}(e),label:(0,g.__)("Font family"),onDeselect:()=>function(e){let{setAttributes:t}=e;t({fontFamily:void 0})}(e),isShownByDefault:null==v?void 0:v.fontFamily,resetAllFilter:e=>({...e,fontFamily:void 0}),panelId:t},(0,a.createElement)(Rv,e)),!o&&(0,a.createElement)(m.__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,g.__)("Font size"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({fontSize:void 0,style:ar({...o,typography:{...null==o?void 0:o.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,a.createElement)(Qv,e)),!l&&(0,a.createElement)(m.__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:vv(d,p),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:ar({...o,typography:{...null==o?void 0:o.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,a.createElement)(Iv,e)),!i&&(0,a.createElement)(m.__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,g.__)("Line height"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:ar({...o,typography:{...null==o?void 0:o.typography,lineHeight:void 0}})})}(e),isShownByDefault:null==v?void 0:v.lineHeight,resetAllFilter:b("lineHeight"),panelId:t},(0,a.createElement)(Cv,e)),!u&&(0,a.createElement)(m.__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,g.__)("Letter spacing"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:ar({...o,typography:{...null==o?void 0:o.typography,letterSpacing:void 0}})})}(e),isShownByDefault:null==v?void 0:v.letterSpacing,resetAllFilter:b("letterSpacing"),panelId:t},(0,a.createElement)(bb,e)),!s&&(0,a.createElement)(m.__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,g.__)("Decoration"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:ar({...o,typography:{...null==o?void 0:o.typography,textDecoration:void 0}})})}(e),isShownByDefault:null==v?void 0:v.textDecoration,resetAllFilter:b("textDecoration"),panelId:t},(0,a.createElement)(ib,e)),!c&&(0,a.createElement)(m.__experimentalToolsPanelItem,{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,g.__)("Letter case"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:ar({...o,typography:{...null==o?void 0:o.typography,textTransform:void 0}})})}(e),isShownByDefault:null==v?void 0:v.textTransform,resetAllFilter:b("textTransform"),panelId:t},(0,a.createElement)(fb,e)))}const Cb=e=>yb.some((t=>(0,r.hasBlockSupport)(e,t)));const Sb=[...yb,Ch,ev,Nr],wb=e=>Sb.some((t=>(0,r.hasBlockSupport)(e,t)));function Bb(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t={};return(0,ml.getCSSRules)(e).forEach((e=>{t[e.key]=e.value})),t}const Ib={"__experimentalBorder.__experimentalSkipSerialization":["border"],"color.__experimentalSkipSerialization":[ev],[`${kb}.__experimentalSkipSerialization`]:[kb],[`${Nr}.__experimentalSkipSerialization`]:["spacing"]},xb={...Ib,[`${Nr}`]:["spacing.blockGap"]},Tb={gradients:"gradient"};function Nb(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:xb;if(!wb(t))return e;let{style:l}=n;return Object.entries(o).forEach((e=>{let[n,o]=e;const i=(0,r.getBlockSupport)(t,n);!0===i&&(l=(0,u.omit)(l,o)),Array.isArray(i)&&i.forEach((e=>{const t=Tb[e]||e;l=(0,u.omit)(l,[[...o,t]])}))})),e.style={...Bb(l),...e.style},e}const Pb=(0,d.createHigherOrderComponent)((e=>t=>{const n=fo();return(0,a.createElement)(a.Fragment,null,n&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(pv,t),(0,a.createElement)(Eb,t),(0,a.createElement)(Th,t),(0,a.createElement)(Lr,t)),(0,a.createElement)(e,t))}),"withToolbarControls"),Mb=(0,d.createHigherOrderComponent)((e=>t=>{var n,o;const l=`wp-elements-${(0,d.useInstanceId)(e)}`,s=ur(t.name,ev,"link"),u=(0,a.useMemo)((()=>{var e;const n=null===(e=t.attributes.style)||void 0===e?void 0:e.elements,o=[];if(n&&Object.keys(n).length>0){var i;const e={...n,link:{...n.link,color:s||null===(i=n.link)||void 0===i?void 0:i.color}};for(const[t,n]of Object.entries(e)){const e=(0,ml.compileCSS)(n,{selector:`.editor-styles-wrapper .${l} ${r.__EXPERIMENTAL_ELEMENTS[t]}`});e&&o.push(e)}}return o.length>0?o:void 0}),[null===(n=t.attributes.style)||void 0===n?void 0:n.elements]),p=(0,a.useContext)(nh.__unstableElementContext);return(0,a.createElement)(a.Fragment,null,u&&p&&(0,a.createPortal)((0,a.createElement)("style",{dangerouslySetInnerHTML:{__html:u}}),p),(0,a.createElement)(e,i({},t,{className:null!==(o=t.attributes.style)&&void 0!==o&&o.elements?c()(t.className,l):t.className})))}));(0,l.addFilter)("blocks.registerBlockType","core/style/addAttribute",(function(e){return wb(e)?(e.attributes.style||Object.assign(e.attributes,{style:{type:"object"}}),e):e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/style/addSaveProps",Nb),(0,l.addFilter)("blocks.registerBlockType","core/style/addEditProps",(function(e){if(!wb(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Nb(o,e,n,Ib)},e})),(0,l.addFilter)("editor.BlockEdit","core/style/with-block-controls",Pb),(0,l.addFilter)("editor.BlockListBlock","core/editor/with-elements-styles",Mb);(0,l.addFilter)("blocks.registerBlockType","core/settings/addAttribute",(function(e){var t,n;return n=e,(0,r.hasBlockSupport)(n,"__experimentalSettings",!1)?(null!=e&&null!==(t=e.attributes)&&void 0!==t&&t.settings||(e.attributes={...e.attributes,settings:{type:"object"}}),e):e}));var Lb=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M12 4 4 19h16L12 4zm0 3.2 5.5 10.3H12V7.2z"}));var Rb=function(e){let t,{colorPalette:n,duotonePalette:o,disableCustomColors:r,disableCustomDuotone:l,value:i,onChange:s}=e;return t="unset"===i?(0,a.createElement)(m.ColorIndicator,{className:"block-editor-duotone-control__unset-indicator"}):i?(0,a.createElement)(m.DuotoneSwatch,{values:i}):(0,a.createElement)(ul,{icon:Lb}),(0,a.createElement)(m.Dropdown,{popoverProps:{className:"block-editor-duotone-control__popover",headerTitle:(0,g.__)("Duotone"),isAlternate:!0},renderToggle:e=>{let{isOpen:n,onToggle:o}=e;return(0,a.createElement)(m.ToolbarButton,{showTooltip:!0,onClick:o,"aria-haspopup":"true","aria-expanded":n,onKeyDown:e=>{n||e.keyCode!==ku.DOWN||(e.preventDefault(),o())},label:(0,g.__)("Apply duotone filter"),icon:t})},renderContent:()=>(0,a.createElement)(m.MenuGroup,{label:(0,g.__)("Duotone")},(0,a.createElement)("div",{className:"block-editor-duotone-control__description"},(0,g.__)("Create a two-tone color effect without losing your original image.")),(0,a.createElement)(m.DuotonePicker,{colorPalette:n,duotonePalette:o,disableCustomColors:r,disableCustomDuotone:l,value:i,onChange:s}))})};const Ab=[];function Db(e){let{selector:t,id:n,colors:o}=e;return"unset"===o?(0,a.createElement)(mp,{selector:t}):(0,a.createElement)(a.Fragment,null,(0,a.createElement)(fp,{id:n,colors:o}),(0,a.createElement)(pp,{id:n,selector:t}))}function Ob(e){let{presetSetting:t,defaultSetting:n}=e;const o=!qo(n),r=qo(`${t}.custom`)||Ab,l=qo(`${t}.theme`)||Ab,i=qo(`${t}.default`)||Ab;return(0,a.useMemo)((()=>[...r,...l,...o?Ab:i]),[o,r,l,i])}function zb(e){var t;let{attributes:n,setAttributes:o}=e;const r=null==n?void 0:n.style,l=null==r||null===(t=r.color)||void 0===t?void 0:t.duotone,i=Ob({presetSetting:"color.duotone",defaultSetting:"color.defaultDuotone"}),s=Ob({presetSetting:"color.palette",defaultSetting:"color.defaultPalette"}),c=!qo("color.custom"),u=!qo("color.customDuotone")||0===(null==s?void 0:s.length)&&c;return 0===(null==i?void 0:i.length)&&u?null:(0,a.createElement)(_o,{group:"block",__experimentalShareWithChildBlocks:!0},(0,a.createElement)(Rb,{duotonePalette:i,colorPalette:s,disableCustomDuotone:u,disableCustomColors:c,value:l,onChange:e=>{const t={...r,color:{...null==r?void 0:r.color,duotone:e}};o({style:t})}}))}Dd([Od]);const Fb=(0,d.createHigherOrderComponent)((e=>t=>{const n=(0,r.hasBlockSupport)(t.name,"color.__experimentalDuotone"),o=(0,p.useSelect)((e=>e(so).__unstableGetContentLockingParent(t.clientId)),[t.clientId]);return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(e,t),n&&!o&&(0,a.createElement)(zb,t))}),"withDuotoneControls");const Vb=(0,d.createHigherOrderComponent)((e=>t=>{var n,o,l;const s=(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(!s||!u)return(0,a.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}`,s),f=c()(null==t?void 0:t.className,p),g=(0,a.useContext)(nh.__unstableElementContext);return(0,a.createElement)(a.Fragment,null,g&&(0,a.createPortal)((0,a.createElement)(Db,{selector:m,id:p,colors:u}),g),(0,a.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",Fb),(0,l.addFilter)("editor.BlockListBlock","core/editor/duotone/with-styles",Vb);const Hb="__experimentalLayout";function Gb(){var e,t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const o=(0,p.useSelect)((e=>{var t;const{getSettings:n}=e(so);return null===(t=n().__experimentalFeatures)||void 0===t?void 0:t.useRootPaddingAwareAlignments}),[]),l=qo("layout")||{},{attributes:i={},name:a}=n,{layout:s}=i,{default:c}=(0,r.getBlockSupport)(a,Hb)||{},d=null!=s&&s.inherit||null!=s&&s.contentSize||null!=s&&s.wideSize?{...s,type:"constrained"}:s||c||{},m=[];var f,g;null!=l&&null!==(e=l.definitions)&&void 0!==e&&null!==(t=e[(null==d?void 0:d.type)||"default"])&&void 0!==t&&t.className&&m.push(null==l||null===(f=l.definitions)||void 0===f||null===(g=f[(null==d?void 0:d.type)||"default"])||void 0===g?void 0:g.className);return(null!=d&&d.inherit||null!=d&&d.contentSize||"constrained"===(null==d?void 0:d.type))&&o&&m.push("has-global-padding"),null!=d&&d.orientation&&m.push(`is-${(0,u.kebabCase)(d.orientation)}`),null!=d&&d.justifyContent&&m.push(`is-content-justification-${(0,u.kebabCase)(d.justifyContent)}`),null!=d&&d.flexWrap&&"nowrap"===d.flexWrap&&m.push("is-nowrap"),m}function Ub(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;const{attributes:o={},name:r}=t,{layout:l={},style:i={}}=o,a=null!=l&&l.inherit||null!=l&&l.contentSize||null!=l&&l.wideSize?{...l,type:"constrained"}:l||{},s=hl((null==a?void 0:a.type)||"default"),c=qo("layout")||{},u=qo("spacing.blockGap"),d=null!==u,p=null==s||null===(e=s.getLayoutStyle)||void 0===e?void 0:e.call(s,{blockName:r,selector:n,layout:l,layoutDefinitions:null==c?void 0:c.definitions,style:i,hasBlockGapSupport:d});return p}function Wb(e){let{setAttributes:t,attributes:n,name:o}=e;const{layout:l}=n,i=qo("layout"),s=(0,p.useSelect)((e=>{const{getSettings:t}=e(so);return t().supportsLayout}),[]),c=(0,r.getBlockSupport)(o,Hb,{}),{allowSwitching:u,allowEditing:d=!0,allowInheriting:f=!0,default:h}=c;if(!d)return null;const v=!(!f||!i||null!=l&&l.type&&"default"!==(null==l?void 0:l.type)&&"constrained"!==(null==l?void 0:l.type)&&(null==l||!l.inherit)),b=l||h||{},{inherit:_=!1,type:k="default",contentSize:y=null}=b;if(("default"===k||"constrained"===k)&&!s)return null;const E=hl(k),C=hl("constrained"),S=!b.type&&(y||_),w=!!_||!!y,B=e=>t({layout:e});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(hr,null,(0,a.createElement)(m.PanelBody,{title:(0,g.__)("Layout")},v&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.ToggleControl,{className:"block-editor-hooks__toggle-control",label:(0,g.__)("Inner blocks use content width"),checked:"constrained"===(null==E?void 0:E.name)||w,onChange:()=>t({layout:{type:"constrained"===(null==E?void 0:E.name)||w?"default":"constrained"}}),help:"constrained"===(null==E?void 0:E.name)||w?(0,g.__)("Nested blocks use content width with options for full and wide widths."):(0,g.__)("Nested blocks will fill the width of this container. Toggle to constrain.")})),!_&&u&&(0,a.createElement)($b,{type:k,onChange:e=>t({layout:{type:e}})}),E&&"default"!==E.name&&(0,a.createElement)(E.inspectorControls,{layout:b,onChange:B,layoutBlockSupport:c}),C&&S&&(0,a.createElement)(C.inspectorControls,{layout:b,onChange:B,layoutBlockSupport:c}))),!_&&E&&(0,a.createElement)(E.toolBarControls,{layout:b,onChange:B,layoutBlockSupport:c}))}function $b(e){let{type:t,onChange:n}=e;return(0,a.createElement)(m.ButtonGroup,null,gl.map((e=>{let{name:o,label:r}=e;return(0,a.createElement)(m.Button,{key:o,isPressed:t===o,onClick:()=>n(o)},r)})))}const jb=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n}=t;return[(0,r.hasBlockSupport)(n,Hb)&&(0,a.createElement)(Wb,i({key:"layout"},t)),(0,a.createElement)(e,i({key:"edit"},t))]}),"withInspectorControls"),Kb=(0,d.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o,block:l}=t,s=(0,r.hasBlockSupport)(n,Hb),u=(0,p.useSelect)((e=>{const{getSettings:t}=e(so);return!!t().disableLayoutStyles})),m=s&&!u,f=(0,d.useInstanceId)(e),g=qo("layout")||{},h=(0,a.useContext)(nh.__unstableElementContext),{layout:v}=o,{default:b}=(0,r.getBlockSupport)(n,Hb)||{},_=null!=v&&v.inherit||null!=v&&v.contentSize||null!=v&&v.wideSize?{...v,type:"constrained"}:v||b||{},k=s?Gb(l):null,y=`.${(0,r.getBlockDefaultClassName)(n)}.wp-container-${f}`,E=null!==qo("spacing.blockGap");let C;if(m){var S;const e=hl((null==_?void 0:_.type)||"default");C=null==e||null===(S=e.getLayoutStyle)||void 0===S?void 0:S.call(e,{blockName:n,selector:y,layout:_,layoutDefinitions:null==g?void 0:g.definitions,style:null==o?void 0:o.style,hasBlockGapSupport:E})}const w=c()(null==t?void 0:t.className,{[`wp-container-${f}`]:m&&!!C},k);return(0,a.createElement)(a.Fragment,null,m&&h&&!!C&&(0,a.createPortal)((0,a.createElement)(yl,{blockName:n,selector:y,css:C,layout:_,style:null==o?void 0:o.style}),h),(0,a.createElement)(e,i({},t,{className:w})))}));function qb(e){let{clientId:t,stopEditingAsBlock:n}=e;const o=(0,p.useSelect)((e=>{const{isBlockSelected:n,hasSelectedInnerBlock:o}=e(so);return n(t)||o(t,!0)}),[t]);return(0,a.useEffect)((()=>{o||n()}),[o]),null}(0,l.addFilter)("blocks.registerBlockType","core/layout/addAttribute",(function(e){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.layout)&&void 0!==t?t:{})||(0,r.hasBlockSupport)(e,Hb)&&(e.attributes={...e.attributes,layout:{type:"object"}}),e})),(0,l.addFilter)("editor.BlockListBlock","core/editor/layout/with-layout-styles",Kb),(0,l.addFilter)("editor.BlockEdit","core/editor/layout/with-inspector-controls",jb);const Yb=(0,d.createHigherOrderComponent)((e=>t=>{const{getBlockListSettings:n,getSettings:o}=(0,p.useSelect)(so),r=(0,a.useRef)(),{templateLock:l,isLockedByParent:s,isEditingAsBlocks:u}=(0,p.useSelect)((e=>{const{__unstableGetContentLockingParent:n,getTemplateLock:o,__unstableGetTemporarilyEditingAsBlocks:r}=e(so);return{templateLock:o(t.clientId),isLockedByParent:!!n(t.clientId),isEditingAsBlocks:r()===t.clientId}}),[t.clientId]),{updateSettings:d,updateBlockListSettings:f,__unstableSetTemporarilyEditingAsBlocks:h}=(0,p.useDispatch)(so),v=!s&&"contentOnly"===l,{__unstableMarkNextChangeAsNotPersistent:b,updateBlockAttributes:_}=(0,p.useDispatch)(so),k=(0,a.useCallback)((()=>{b(),_(t.clientId,{templateLock:"contentOnly"}),f(t.clientId,{...n(t.clientId),templateLock:"contentOnly"}),d({focusMode:r.current}),h()}),[t.clientId,r,d,f,n,b,_,h]);return v||u?(0,a.createElement)(a.Fragment,null,u&&!v&&(0,a.createElement)(qb,{clientId:t.clientId,stopEditingAsBlock:k}),(0,a.createElement)(_o,{group:"other"},(0,a.createElement)(m.ToolbarButton,{onClick:()=>{u&&!v?k():(b(),_(t.clientId,{templateLock:void 0}),f(t.clientId,{...n(t.clientId),templateLock:!1}),r.current=o().focusMode,d({focusMode:!0}),h(t.clientId))}},u&&!v?(0,g.__)("Done"):(0,g.__)("Modify"))),(0,a.createElement)(e,i({},t,{className:c()(t.className,u&&"is-content-locked-editing-as-blocks")}))):(0,a.createElement)(e,t)}),"withToolbarControls");(0,l.addFilter)("editor.BlockEdit","core/style/with-block-controls",Yb);const Qb="metadata";function Zb(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,r.getBlockSupport)(e,"__experimentalMetadata");return!!(!0===n||null!=n&&n[t])}function Xb(e){var t;const n=(null===(t=e.style)||void 0===t?void 0:t.border)||{};return{className:Lh(e)||void 0,style:Bb({border:n})}}function Jb(e){const{colors:t}=Eh(),n=Xb(e),{borderColor:o}=e;if(o){const e=Ih({colors:t,namedColor:o});n.style.borderColor=e.color}return n}function e_(e){var t,n,o,r,l,i;const{backgroundColor:a,textColor:s,gradient:u,style:d}=e,p=kh("background-color",a),m=kh("color",s),f=Ah(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":s||(null==d||null===(n=d.color)||void 0===n?void 0:n.text),"has-background":a||(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:Bb({color:(null==d?void 0:d.color)||{}})}}(0,l.addFilter)("blocks.registerBlockType","core/metadata/addMetaAttribute",(function(e){var t,n;return null!=e&&null!==(t=e.attributes)&&void 0!==t&&null!==(n=t.metadata)&&void 0!==n&&n.type||Zb(e,"name",!1)&&(e.attributes={...e.attributes,[Qb]:{type:"object"}}),e})),(0,l.addFilter)("blocks.getSaveContent.extraProps","core/metadata/save-props",(function(e,t,n){return Zb(t)&&(e.metadata=n.metadata),e})),(0,l.addFilter)("blocks.registerBlockType","core/metadata/addLabelCallback",(function(e){return e.__experimentalLabel||Zb(e,"name",!1)&&(e.__experimentalLabel=(e,t)=>{let{context:n}=t;const{metadata:o}=e;if("list-view"===n&&null!=o&&o.name)return o.name}),e}));const t_={};function n_(e){const{backgroundColor:t,textColor:n,gradient:o}=e,r=qo("color.palette.custom")||[],l=qo("color.palette.theme")||[],i=qo("color.palette.default")||[],s=qo("color.gradients")||t_,c=(0,a.useMemo)((()=>[...r||[],...l||[],...i||[]]),[r,l,i]),u=(0,a.useMemo)((()=>[...(null==s?void 0:s.custom)||[],...(null==s?void 0:s.theme)||[],...(null==s?void 0:s.default)||[]]),[s]),d=e_(e);if(t){const e=bh(c,t);d.style.backgroundColor=e.color}if(o&&(d.style.background=Dh(u,o)),n){const e=bh(c,n);d.style.color=e.color}return d}function o_(e){const{style:t}=e;return{style:Bb({spacing:(null==t?void 0:t.spacing)||{}})}}function r_(e,t){var n;let o=(null==e||null===(n=e.style)||void 0===n?void 0:n.typography)||{};var r,l;t&&(o={...o,fontSize:$v({fontSize:null==e||null===(r=e.style)||void 0===r||null===(l=r.typography)||void 0===l?void 0:l.fontSize})});const i=Bb({typography:o}),a=null!=e&&e.fontFamily?`has-${(0,u.kebabCase)(e.fontFamily)}-font-family`:"";return{className:c()(a,zv(null==e?void 0:e.fontSize)),style:i}}function l_(e){const[t,n]=(0,a.useState)(e);return(0,a.useEffect)((()=>{e&&n(e)}),[e]),t}const i_=e=>{let[t,...n]=e;return t.toUpperCase()+n.join("")},a_=e=>(0,d.createHigherOrderComponent)((t=>n=>(0,a.createElement)(t,i({},n,{colors:e}))),"withCustomColorPalette"),s_=()=>(0,d.createHigherOrderComponent)((e=>t=>{const n=qo("color.palette.custom"),o=qo("color.palette.theme"),r=qo("color.palette.default"),l=(0,a.useMemo)((()=>[...n||[],...o||[],...r||[]]),[n,o,r]);return(0,a.createElement)(e,i({},t,{colors:l}))}),"withEditorColorPalette");function c_(e,t){const n=(0,u.reduce)(e,((e,t)=>({...e,..."string"==typeof t?{[t]:(0,u.kebabCase)(t)}:t})),{});return(0,d.compose)([t,e=>class extends a.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=Rd(t),o=e=>{let{color:t}=e;return n.contrast(t)},r=Math.max(...e.map(o));return e.find((e=>o(e)===r)).color}(t,e)}createSetters(){return(0,u.reduce)(n,((e,t,n)=>{const o=i_(n),r=`custom${o}`;return e[`set${o}`]=this.createSetColor(n,r),e}),{})}createSetColor(e,t){return n=>{const o=_h(this.props.colors,n);this.props.setAttributes({[e]:o&&o.slug?o.slug:void 0,[t]:o&&o.slug?void 0:n})}}static getDerivedStateFromProps(e,t){let{attributes:o,colors:r}=e;return(0,u.reduce)(n,((e,n,l)=>{const i=bh(r,o[l],o[`custom${i_(l)}`]),a=t[l];return(null==a?void 0:a.color)===i.color&&a?e[l]=a:e[l]={...i,class:kh(n,i.slug)},e}),{})}render(){return(0,a.createElement)(e,i({},this.props,{colors:void 0},this.state,this.setters,{colorUtils:this.colorUtils}))}}])}function u_(e){return function(){const t=a_(e);for(var n=arguments.length,o=new Array(n),r=0;r{let[t,...n]=e;return t.toUpperCase()+n.join("")};var f_=function(){for(var e=arguments.length,t=new Array(e),n=0;n(e[t]=`custom${m_(t)}`,e)),{});return(0,d.createHigherOrderComponent)((0,d.compose)([(0,d.createHigherOrderComponent)((e=>t=>{const n=qo("typography.fontSizes")||p_;return(0,a.createElement)(e,i({},t,{fontSizes:n}))}),"withFontSizes"),e=>class extends a.Component{constructor(e){super(e),this.setters=this.createSetters(),this.state={}}createSetters(){return(0,u.reduce)(o,((e,t,n)=>(e[`set${m_(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(e,t){let{attributes:n,fontSizes:r}=e;const l=(e,o)=>!t[o]||(n[o]?n[o]!==t[o].slug:t[o].size!==n[e]);if(!(0,u.some)(o,l))return null;const i=(0,u.reduce)((0,u.pickBy)(o,l),((e,t,o)=>{const l=n[o],i=Dv(r,l,n[t]);return e[o]={...i,class:zv(l)},e}),{});return{...t,...i}}render(){return(0,a.createElement)(e,i({},this.props,{fontSizes:void 0},this.state,this.setters))}}]),"withFontSizes")};var g_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"}));var h_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z"}));var v_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z"}));const b_=[{icon:g_,title:(0,g.__)("Align text left"),align:"left"},{icon:h_,title:(0,g.__)("Align text center"),align:"center"},{icon:v_,title:(0,g.__)("Align text right"),align:"right"}],__={position:"bottom right",isAlternate:!0};var k_=function(e){let{value:t,onChange:n,alignmentControls:o=b_,label:r=(0,g.__)("Align"),describedBy:l=(0,g.__)("Change text alignment"),isCollapsed:s=!0,isToolbar:c}=e;function d(e){return()=>n(t===e?void 0:e)}const p=(0,u.find)(o,(e=>e.align===t)),f=c?m.ToolbarGroup:m.ToolbarDropdownMenu,h=c?{isCollapsed:s}:{toggleProps:{describedBy:l},popoverProps:__};return(0,a.createElement)(f,i({icon:p?p.icon:(0,g.isRTL)()?v_:g_,label:r,controls:o.map((e=>{const{align:n}=e,o=t===n;return{...e,isActive:o,role:s?"menuitemradio":void 0,onClick:d(n)}}))},h))};const y_=e=>(0,a.createElement)(k_,i({},e,{isToolbar:!1})),E_=e=>(0,a.createElement)(k_,i({},e,{isToolbar:!0})),C_=()=>{};var S_={name:"blocks",className:"block-editor-autocompleters__block",triggerPrefix:"/",useItems(e){const{rootClientId:t,selectedBlockName:n}=(0,p.useSelect)((e=>{const{getSelectedBlockClientId:t,getBlockName:n,getBlockInsertionPoint:o}=e(so),r=t();return{selectedBlockName:r?n(r):null,rootClientId:o().rootClientId}}),[]),[o,r,l]=Mp(t,C_),i=(0,a.useMemo)((()=>(e.trim()?rm(o,r,l,e):(0,u.orderBy)(o,["frecency"],["desc"])).filter((e=>e.name!==n)).slice(0,9)),[e,n,o,r,l]),s=(0,a.useMemo)((()=>i.map((e=>{const{title:t,icon:n,isDisabled:o}=e;return{key:`block-${e.id}`,value:e,label:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(Du,{key:"icon",icon:n,showColors:!0}),t),isDisabled:o}}))),[i]);return[s]},allowContext(e,t){return!(/\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))}}},w_=window.wp.apiFetch,B_=n.n(w_);var I_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M7 5.5h10a.5.5 0 01.5.5v12a.5.5 0 01-.5.5H7a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM17 4H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V6a2 2 0 00-2-2zm-1 3.75H8v1.5h8v-1.5zM8 11h8v1.5H8V11zm6 3.25H8v1.5h6v-1.5z"}));var x_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"m7.3 9.7 1.4 1.4c.2-.2.3-.3.4-.5 0 0 0-.1.1-.1.3-.5.4-1.1.3-1.6L12 7 9 4 7.2 6.5c-.6-.1-1.1 0-1.6.3 0 0-.1 0-.1.1-.3.1-.4.2-.6.4l1.4 1.4L4 11v1h1l2.3-2.3zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z"}));var T_={name:"links",className:"block-editor-autocompleters__link",triggerPrefix:"[[",options:async e=>{let t=await B_()({path:(0,mm.addQueryArgs)("/wp/v2/search",{per_page:10,search:e,type:"post",order_by:"menu_order"})});return t=t.filter((e=>""!==e.title)),t},getOptionKeywords(e){return[...e.title.split(/\s+/)]},getOptionLabel(e){return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(ul,{key:"icon",icon:"page"===e.subtype?I_:x_}),e.title)},getOptionCompletion(e){return(0,a.createElement)("a",{href:e.url},e.title)}};const N_=[];function P_(e){let{completers:t=N_}=e;const{name:n}=mo();return(0,a.useMemo)((()=>{let e=[...t,T_];return(n===(0,r.getDefaultBlockName)()||(0,r.getBlockSupport)(n,"__experimentalSlashInserter",!1))&&(e=[...e,S_]),(0,l.hasFilter)("editor.Autocomplete.completers")&&(e===t&&(e=e.map(u.clone)),e=(0,l.applyFilters)("editor.Autocomplete.completers",e,n)),e}),[t,n])}var M_=function(e){return(0,a.createElement)(m.Autocomplete,i({},e,{completers:P_(e)}))};var L_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var R_=function(e){let{isActive:t,label:n=(0,g.__)("Toggle full height"),onToggle:o,isDisabled:r}=e;return(0,a.createElement)(m.ToolbarButton,{isActive:t,icon:L_,label:n,onClick:()=>o(!t),disabled:r})};const A_=()=>{};var D_=function(e){const{label:t=(0,g.__)("Change matrix alignment"),onChange:n=A_,value:o="center",isDisabled:r}=e,l=(0,a.createElement)(m.__experimentalAlignmentMatrixControl.Icon,{value:o});return(0,a.createElement)(m.Dropdown,{position:"bottom right",popoverProps:{isAlternate:!0},renderToggle:e=>{let{onToggle:n,isOpen:o}=e;return(0,a.createElement)(m.ToolbarButton,{onClick:n,"aria-haspopup":"true","aria-expanded":o,onKeyDown:e=>{o||e.keyCode!==ku.DOWN||(e.preventDefault(),n())},label:t,icon:l,showTooltip:!0,disabled:r})},renderContent:()=>(0,a.createElement)(m.__experimentalAlignmentMatrixControl,{hasFocusBorder:!1,onChange:n,value:o})})};var O_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z"}));var z_=function(e){let{rootLabelText:t}=e;const{selectBlock:n,clearSelectedBlock:o}=(0,p.useDispatch)(so),{clientId:r,parents:l,hasSelection:i}=(0,p.useSelect)((e=>{const{getSelectionStart:t,getSelectedBlockClientId:n,getBlockParents:o}=e(so),r=n();return{parents:o(r),clientId:r,hasSelection:!!t().clientId}}),[]),s=t||(0,g.__)("Document");return(0,a.createElement)("ul",{className:"block-editor-block-breadcrumb",role:"list","aria-label":(0,g.__)("Block breadcrumb")},(0,a.createElement)("li",{className:i?void 0:"block-editor-block-breadcrumb__current","aria-current":i?void 0:"true"},i&&(0,a.createElement)(m.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:o},s),!i&&s,!!r&&(0,a.createElement)(ul,{icon:O_,className:"block-editor-block-breadcrumb__separator"})),l.map((e=>(0,a.createElement)("li",{key:e},(0,a.createElement)(m.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:()=>n(e)},(0,a.createElement)($m,{clientId:e,maximumLength:35})),(0,a.createElement)(ul,{icon:O_,className:"block-editor-block-breadcrumb__separator"})))),!!r&&(0,a.createElement)("li",{className:"block-editor-block-breadcrumb__current","aria-current":"true"},(0,a.createElement)($m,{clientId:r,maximumLength:35})))};const F_=()=>(0,a.createElement)(m.SVG,{xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 20 20"},(0,a.createElement)(m.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"})),V_=e=>{let{style:t,className:n}=e;return(0,a.createElement)("div",{className:"block-library-colors-selector__icon-container"},(0,a.createElement)("div",{className:`${n} block-library-colors-selector__state-selection`,style:t},(0,a.createElement)(F_,null)))},H_=e=>{let{TextColor:t,BackgroundColor:n}=e;return e=>{let{onToggle:o,isOpen:r}=e;return(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(m.ToolbarButton,{className:"components-toolbar__control block-library-colors-selector__toggle",label:(0,g.__)("Open Colors Selector"),onClick:o,onKeyDown:e=>{r||e.keyCode!==ku.DOWN||(e.preventDefault(),o())},icon:(0,a.createElement)(n,null,(0,a.createElement)(t,null,(0,a.createElement)(V_,null)))}))}};var G_=e=>{let{children:t,...n}=e;return V()("wp.blockEditor.BlockColorsStyleSelector",{alternative:"block supports API",since:"6.1",version:"6.3"}),(0,a.createElement)(m.Dropdown,{position:"bottom right",className:"block-library-colors-selector",contentClassName:"block-library-colors-selector__popover",renderToggle:H_(n),renderContent:()=>t})};var U_=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z"}));const W_=ou(m.__experimentalTreeGridRow);function $_(e){let{isSelected:t,position:n,level:o,rowCount:r,children:l,className:s,path:u,...d}=e;const p=iu({isSelected:t,adjustScrolling:!1,enableAnimation:!0,triggerAnimationOnChange:u});return(0,a.createElement)(W_,i({ref:p,className:c()("block-editor-list-view-leaf",s),level:o,positionInSet:n,setSize:r},d),l)}var j_=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"m13.1 16-3.4-4 3.4-4 1.1 1-2.6 3 2.6 3-1.1 1z"}));function K_(e){let{onClick:t}=e;return(0,a.createElement)("span",{className:"block-editor-list-view__expander",onClick:e=>t(e,{forceToggle:!0}),"aria-hidden":"true"},(0,a.createElement)(ul,{icon:(0,g.isRTL)()?j_:O_}))}var q_=(0,a.forwardRef)((function(e,t){let{className:n,block:{clientId:o},onClick:r,onToggleExpanded:l,tabIndex:i,onFocus:s,onDragStart:u,onDragEnd:d,draggable:p}=e;const f=Um(o),g=Wm({clientId:o,context:"list-view"}),{isLocked:h}=rg(o);return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.Button,{className:c()("block-editor-list-view-block-select-button",n),onClick:r,onKeyDown:function(e){e.keyCode!==ku.ENTER&&e.keyCode!==ku.SPACE||r(e)},ref:t,tabIndex:i,onFocus:s,onDragStart:e=>{e.dataTransfer.clearData(),null==u||u(e)},onDragEnd:d,draggable:p,href:`#block-${o}`,"aria-hidden":!0},(0,a.createElement)(K_,{onClick:l}),(0,a.createElement)(Du,{icon:null==f?void 0:f.icon,showColors:!0}),(0,a.createElement)(m.__experimentalHStack,{alignment:"center",className:"block-editor-list-view-block-select-button__label-wrapper",justify:"flex-start",spacing:1},(0,a.createElement)("span",{className:"block-editor-list-view-block-select-button__title"},(0,a.createElement)(m.__experimentalTruncate,{ellipsizeMode:"auto"},g)),(null==f?void 0:f.anchor)&&(0,a.createElement)("span",{className:"block-editor-list-view-block-select-button__anchor-wrapper"},(0,a.createElement)(m.__experimentalTruncate,{className:"block-editor-list-view-block-select-button__anchor",ellipsizeMode:"auto"},f.anchor)),h&&(0,a.createElement)("span",{className:"block-editor-list-view-block-select-button__lock"},(0,a.createElement)(ul,{icon:ig})))))}));const Y_=(0,a.forwardRef)(((e,t)=>{let{onClick:n,onToggleExpanded:o,block:r,isSelected:l,position:s,siblingBlockCount:u,level:d,isExpanded:m,selectedClientIds:f,...g}=e;const{clientId:h}=r,{blockMovingClientId:v,selectedBlockInBlockEditor:b}=(0,p.useSelect)((e=>{const{hasBlockMovingClientId:t,getSelectedBlockClientId:n}=e(so);return{blockMovingClientId:t(),selectedBlockInBlockEditor:n()}}),[h]),_=v&&b===h,k=c()("block-editor-list-view-block-contents",{"is-dropping-before":_}),y=f.includes(h)?f:[h];return(0,a.createElement)(jm,{clientIds:y},(e=>{let{draggable:c,onDragStart:p,onDragEnd:f}=e;return(0,a.createElement)(q_,i({ref:t,className:k,block:r,onClick:n,onToggleExpanded:o,isSelected:l,position:s,siblingBlockCount:u,level:d,draggable:c,onDragStart:p,onDragEnd:f,isExpanded:m},g))}))}));var Q_=Y_;const Z_=(0,a.createContext)({}),X_=()=>(0,a.useContext)(Z_);var J_=(0,a.memo)((function e(t){let{block:n,isDragged:o,isSelected:l,isBranchSelected:i,selectBlock:s,position:u,level:f,rowCount:h,siblingBlockCount:v,showBlockMovers:b,path:_,isExpanded:k,selectedClientIds:y,preventAnnouncement:E}=t;const C=(0,a.useRef)(null),[S,w]=(0,a.useState)(!1),{clientId:B}=n,{isLocked:I,isContentLocked:x}=rg(B),T=(0,p.useSelect)((e=>!l&&(!!x&&e(so).hasSelectedInnerBlock(B,!0))),[x,B,l]),N=T||l&&y[0]===B,P=T||l&&y[y.length-1]===B,{toggleBlockHighlight:M}=(0,p.useDispatch)(so),L=Um(B),R=(0,p.useSelect)((e=>e(so).getBlockName(B)),[B]),A=(0,r.hasBlockSupport)(R,"__experimentalToolbar",!0),D=`list-view-block-select-button__${(0,d.useInstanceId)(e)}`,O=((e,t,n)=>(0,g.sprintf)((0,g.__)("Block %1$d of %2$d, Level %3$d"),e,t,n))(u,v,f);let z=(0,g.__)("Link");L&&(z=I?(0,g.sprintf)((0,g.__)("%s link (locked)"),L.title):(0,g.sprintf)((0,g.__)("%s link"),L.title));const F=L?(0,g.sprintf)((0,g.__)("Options for %s block"),L.title):(0,g.__)("Options"),{isTreeGridMounted:V,expand:H,collapse:G}=X_(),U=b&&v>0,W=c()("block-editor-list-view-block__mover-cell",{"is-visible":S||l}),$=c()("block-editor-list-view-block__menu-cell",{"is-visible":S||N});(0,a.useEffect)((()=>{!V&&l&&C.current.focus()}),[]);const j=(0,a.useCallback)((()=>{w(!0),M(B,!0)}),[B,w,M]),K=(0,a.useCallback)((()=>{w(!1),M(B,!1)}),[B,w,M]),q=(0,a.useCallback)((e=>{s(e,B),e.preventDefault()}),[B,s]),Y=(0,a.useCallback)((e=>{s(void 0,e)}),[s]),Q=(0,a.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),!0===k?G(B):!1===k&&H(B)}),[B,H,G,k]);let Z;U?Z=2:A||(Z=3);const X=c()({"is-selected":l||T,"is-first-selected":N,"is-last-selected":P,"is-branch-selected":i,"is-dragging":o,"has-single-cell":!A}),J=y.includes(B)?y:[B];return(0,a.createElement)($_,{className:X,onMouseEnter:j,onMouseLeave:K,onFocus:j,onBlur:K,level:f,position:u,rowCount:h,path:_,id:`list-view-block-${B}`,"data-block":B,isExpanded:x?void 0:k,"aria-selected":!!l||T},(0,a.createElement)(m.__experimentalTreeGridCell,{className:"block-editor-list-view-block__contents-cell",colSpan:Z,ref:C,"aria-label":z,"aria-selected":!!l||T,"aria-expanded":x?void 0:k,"aria-describedby":D},(e=>{let{ref:t,tabIndex:o,onFocus:r}=e;return(0,a.createElement)("div",{className:"block-editor-list-view-block__contents-container"},(0,a.createElement)(Q_,{block:n,onClick:q,onToggleExpanded:Q,isSelected:l,position:u,siblingBlockCount:v,level:f,ref:t,tabIndex:o,onFocus:r,isExpanded:k,selectedClientIds:y,preventAnnouncement:E}),(0,a.createElement)("div",{className:"block-editor-list-view-block-select-button__description",id:D},O))})),U&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.__experimentalTreeGridCell,{className:W,withoutGridItem:!0},(0,a.createElement)(m.__experimentalTreeGridItem,null,(e=>{let{ref:t,tabIndex:n,onFocus:o}=e;return(0,a.createElement)(nf,{orientation:"vertical",clientIds:[B],ref:t,tabIndex:n,onFocus:o})})),(0,a.createElement)(m.__experimentalTreeGridItem,null,(e=>{let{ref:t,tabIndex:n,onFocus:o}=e;return(0,a.createElement)(of,{orientation:"vertical",clientIds:[B],ref:t,tabIndex:n,onFocus:o})})))),A&&(0,a.createElement)(m.__experimentalTreeGridCell,{className:$,"aria-selected":!!l||T},(e=>{let{ref:t,tabIndex:n,onFocus:o}=e;return(0,a.createElement)(vg,{clientIds:J,icon:Uf,label:F,toggleProps:{ref:t,className:"block-editor-list-view-block__menu",tabIndex:n,onFocus:o},disableOpenOnArrowDown:!0,__experimentalSelectBlock:Y})})))}));function ek(e,t,n,o){var r;if(null==n?void 0:n.includes(e.clientId))return 0;return(null!==(r=t[e.clientId])&&void 0!==r?r:o)?1+e.innerBlocks.reduce(tk(t,n,o),0):1}const tk=(e,t,n)=>(o,r)=>{var l;if(null==t?void 0:t.includes(r.clientId))return o;return(null!==(l=e[r.clientId])&&void 0!==l?l:n)&&r.innerBlocks.length>0?o+ek(r,e,t,n):o+1};function nk(e){const{blocks:t,selectBlock:n,showBlockMovers:o,selectedClientIds:r,level:l=1,path:i="",isBranchSelected:s=!1,listPosition:c=0,fixedListWindow:u,isExpanded:d,parentId:m,shouldShowInnerBlocks:f=!0}=e,g=(0,p.useSelect)((e=>!(!m||"contentOnly"!==e(so).getTemplateLock(m))),[m]),{expandedState:h,draggedClientIds:v}=X_();if(g)return null;const b=t.filter(Boolean),_=b.length;let k=c;return(0,a.createElement)(a.Fragment,null,b.map(((e,t)=>{var c;const{clientId:m,innerBlocks:g}=e;t>0&&(k+=ek(b[t-1],h,v,d));const{itemInView:y}=u,E=y(k),C=t+1,S=i.length>0?`${i}_${C}`:`${C}`,w=!(null==g||!g.length),B=w&&f?null!==(c=h[m])&&void 0!==c?c:d:void 0,I=!(null==v||!v.includes(m)),x=I||E,T=((e,t)=>Array.isArray(t)&&t.length?-1!==t.indexOf(e):t===e)(m,r),N=s||T&&w;return(0,a.createElement)(p.AsyncModeProvider,{key:m,value:!T},x&&(0,a.createElement)(J_,{block:e,selectBlock:n,isSelected:T,isBranchSelected:N,isDragged:I,level:l,position:C,rowCount:_,siblingBlockCount:_,showBlockMovers:o,path:S,isExpanded:B,listPosition:k,selectedClientIds:r}),!x&&(0,a.createElement)("tr",null,(0,a.createElement)("td",{className:"block-editor-list-view-placeholder"})),w&&B&&!I&&(0,a.createElement)(nk,{parentId:m,blocks:g,selectBlock:n,showBlockMovers:o,level:l+1,path:S,listPosition:k+1,fixedListWindow:u,isBranchSelected:N,selectedClientIds:r,isExpanded:d}))})))}nk.defaultProps={selectBlock:()=>{}};var ok=(0,a.memo)(nk);function rk(e){let{listViewRef:t,blockDropTarget:n}=e;const{rootClientId:o,clientId:r,dropPosition:l}=n||{},[i,s]=(0,a.useMemo)((()=>{if(!t.current)return[];return[o?t.current.querySelector(`[data-block="${o}"]`):void 0,r?t.current.querySelector(`[data-block="${r}"]`):void 0]}),[o,r]),c=s||i,u=(0,a.useCallback)((()=>{if(!i)return 0;const e=c.getBoundingClientRect();return i.querySelector(".block-editor-block-icon").getBoundingClientRect().right-e.left}),[i,c]),d=(0,a.useMemo)((()=>{if(!c)return{};const e=u();return{width:c.offsetWidth-e}}),[u,c]),p=(0,a.useMemo)((()=>{if(c&&("top"===l||"bottom"===l||"inside"===l))return{ownerDocument:c.ownerDocument,getBoundingClientRect(){const e=c.getBoundingClientRect(),t=u(),n=e.left+t,o=e.right;let r=0,i=0;"top"===l?(r=e.top,i=e.top):(r=e.bottom,i=e.bottom);const a=o-n,s=i-r;return new window.DOMRect(n,r,a,s)}}}),[c,l,u]);return c?(0,a.createElement)(m.Popover,{animate:!1,anchor:p,focusOnMount:!1,className:"block-editor-list-view-drop-indicator"},(0,a.createElement)("div",{style:d,className:"block-editor-list-view-drop-indicator__line"})):null}function lk(){const{clearSelectedBlock:e,multiSelect:t,selectBlock:n}=(0,p.useDispatch)(so),{getBlockName:o,getBlockParents:l,getBlockSelectionStart:i,getBlockSelectionEnd:s,getSelectedBlockClientIds:c,hasMultiSelection:u,hasSelectedBlock:d}=(0,p.useSelect)(so),{getBlockType:m}=(0,p.useSelect)(r.store),f=(0,a.useCallback)((async(r,a,s)=>{if(null==r||!r.shiftKey)return void n(a);r.preventDefault();const p="keydown"===r.type&&(r.keyCode===ku.UP||r.keyCode===ku.DOWN||r.keyCode===ku.HOME||r.keyCode===ku.END);if(!p&&!d()&&!u())return void n(a,null);const f=c(),h=[...l(a),a];p&&!f.some((e=>h.includes(e)))&&await e();let v=i(),b=a;p&&(d()||u()||(v=a),s&&(b=s));const _=l(v),k=l(b),{start:y,end:E}=function(e,t,n,o){const r=[...n,e],l=[...o,t],i=Math.min(r.length,l.length)-1;return{start:r[i],end:l[i]}}(v,b,_,k);await t(y,E,null);const C=c();if((r.keyCode===ku.HOME||r.keyCode===ku.END)&&C.length>1)return;const S=f.filter((e=>!C.includes(e)));let w;if(1===S.length){var B;const e=null===(B=m(o(S[0])))||void 0===B?void 0:B.title;e&&(w=(0,g.sprintf)((0,g.__)("%s deselected."),e))}else S.length>1&&(w=(0,g.sprintf)((0,g.__)("%s blocks deselected."),S.length));w&&(0,qt.speak)(w)}),[e,o,m,l,i,s,c,u,d,t,n]);return{updateBlockSelection:f}}function ik(e,t){return t.left<=e.x&&t.right>=e.x&&t.top<=e.y&&t.bottom>=e.y}const ak=["top","bottom"];function sk(){const{getBlockRootClientId:e,getBlockIndex:t,getBlockCount:n,getDraggedBlockClientIds:o,canInsertBlocks:r}=(0,p.useSelect)(so),[l,i]=(0,a.useState)(),{rootClientId:s,blockIndex:c}=l||{},u=Ug(s,c),m=o(),f=(0,d.useThrottle)((0,a.useCallback)(((o,l)=>{const a={x:o.clientX,y:o.clientY},s=!(null==m||!m.length),c=function(e,t){let n,o,r,l;for(const i of e){if(i.isDraggedBlock)continue;const a=i.element.getBoundingClientRect(),[s,c]=$g(t,a,ak),u=ik(t,a);if(void 0===r||s0||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 a=i?1:0;return{rootClientId:o.rootClientId,clientId:o.clientId,blockIndex:o.blockIndex+a,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),element:o,isDraggedBlock:!!s&&m.includes(l),innerBlockCount:n(l),canInsertDraggedBlocksAsSibling:!s||r(m,i),canInsertDraggedBlocksAsChild:!s||r(m,l)}})),a);c&&i(c)}),[m]),200);return{ref:(0,d.__experimentalUseDropZone)({onDrop:u,onDragOver(e){f(e,e.currentTarget)},onDragEnd(){f.cancel(),i(null)}}),target:l}}const ck=(e,t)=>Array.isArray(t.clientIds)?{...e,...t.clientIds.reduce(((e,n)=>({...e,[n]:"expand"===t.type})),{})}:e;var uk=(0,a.forwardRef)((function(e,t){let{id:n,blocks:o,showBlockMovers:r=!1,isExpanded:l=!1}=e;const{clientIdsTree:i,draggedClientIds:s,selectedClientIds:c}=function(e){return(0,p.useSelect)((t=>{const{getDraggedBlockClientIds:n,getSelectedBlockClientIds:o,__unstableGetClientIdsTree:r}=t(so);return{selectedClientIds:o(),draggedClientIds:n(),clientIdsTree:e||r()}}),[e])}(o),{visibleBlockCount:u,shouldShowInnerBlocks:f}=(0,p.useSelect)((e=>{const{getGlobalBlockCount:t,getClientIdsOfDescendants:n,__unstableGetEditorMode:o}=e(so),r=(null==s?void 0:s.length)>0?n(s).length+1:0;return{visibleBlockCount:t()-r,shouldShowInnerBlocks:"zoom-out"!==o()}}),[s]),{updateBlockSelection:h}=lk(),[v,b]=(0,a.useReducer)(ck,{}),{ref:_,target:k}=sk(),y=(0,a.useRef)(),E=(0,d.useMergeRefs)([y,_,t]),C=(0,a.useRef)(!1),{setSelectedTreeId:S}=function(e){let{firstSelectedBlockClientId:t,setExpandedState:n}=e;const[o,r]=(0,a.useState)(null),{selectedBlockParentClientIds:l}=(0,p.useSelect)((e=>{const{getBlockParents:n}=e(so);return{selectedBlockParentClientIds:n(t,!1)}}),[t]),i=Array.isArray(l)&&l.length?l:null;return(0,a.useEffect)((()=>{o!==t&&i&&n({type:"expand",clientIds:l})}),[t]),{setSelectedTreeId:r}}({firstSelectedBlockClientId:c[0],setExpandedState:b}),w=(0,a.useCallback)(((e,t)=>{h(e,t),S(t)}),[S,h]);(0,a.useEffect)((()=>{C.current=!0}),[]);const[B]=(0,d.__experimentalUseFixedWindowList)(y,36,u,{useWindowing:!0,windowOverscan:40}),I=(0,a.useCallback)((e=>{e&&b({type:"expand",clientIds:[e]})}),[b]),x=(0,a.useCallback)((e=>{e&&b({type:"collapse",clientIds:[e]})}),[b]),T=(0,a.useCallback)((e=>{var t;I(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[I]),N=(0,a.useCallback)((e=>{var t;x(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[x]),P=(0,a.useCallback)(((e,t,n)=>{var o,r;e.shiftKey&&h(e,null==t||null===(o=t.dataset)||void 0===o?void 0:o.block,null==n||null===(r=n.dataset)||void 0===r?void 0:r.block)}),[h]),M=(0,a.useMemo)((()=>({isTreeGridMounted:C.current,draggedClientIds:s,expandedState:v,expand:I,collapse:x})),[C.current,s,v,I,x]);return(0,a.createElement)(p.AsyncModeProvider,{value:!0},(0,a.createElement)(rk,{listViewRef:y,blockDropTarget:k}),(0,a.createElement)(m.__experimentalTreeGrid,{id:n,className:"block-editor-list-view-tree","aria-label":(0,g.__)("Block navigation structure"),ref:E,onCollapseRow:N,onExpandRow:T,onFocusRow:P,applicationAriaLabel:(0,g.__)("Block navigation structure")},(0,a.createElement)(Z_.Provider,{value:M},(0,a.createElement)(ok,{blocks:i,selectBlock:w,showBlockMovers:r,fixedListWindow:B,selectedClientIds:c,isExpanded:l,shouldShowInnerBlocks:f}))))}));function dk(e){let{isEnabled:t,onToggle:n,isOpen:o,innerRef:r,...l}=e;return(0,a.createElement)(m.Button,i({},l,{ref:r,icon:U_,"aria-expanded":o,"aria-haspopup":"true",onClick:t?n:void 0,label:(0,g.__)("List view"),className:"block-editor-block-navigation","aria-disabled":!t}))}var pk=(0,a.forwardRef)((function(e,t){let{isDisabled:n,...o}=e;V()("wp.blockEditor.BlockNavigationDropdown",{since:"6.1",alternative:"wp.components.Dropdown and wp.blockEditor.ListView"});const r=(0,p.useSelect)((e=>!!e(so).getBlockCount()),[])&&!n;return(0,a.createElement)(m.Dropdown,{contentClassName:"block-editor-block-navigation__popover",position:"bottom right",renderToggle:e=>{let{isOpen:n,onToggle:l}=e;return(0,a.createElement)(dk,i({},o,{innerRef:t,isOpen:n,onToggle:l,isEnabled:r}))},renderContent:()=>(0,a.createElement)("div",{className:"block-editor-block-navigation__container"},(0,a.createElement)("p",{className:"block-editor-block-navigation__label"},(0,g.__)("List view")),(0,a.createElement)(uk,null))})}));function mk(e){var t;let{genericPreviewBlock:n,style:o,className:l,activeStyle:i}=e;const s=null===(t=(0,r.getBlockType)(n.name))||void 0===t?void 0:t.example,c=wf(l,i,o),u=(0,a.useMemo)((()=>({...n,title:o.label||o.name,description:o.description,initialAttributes:{...n.attributes,className:c+" block-editor-block-styles__block-preview-container"},example:s})),[n,c]);return(0,a.createElement)(yp,{item:u,isStylePreview:!0})}function fk(e){let{children:t,scope:n,...o}=e;return(0,a.createElement)(m.Fill,{name:`BlockStylesPreviewPanel/${n}`},(0,a.createElement)("div",o,t))}const gk=()=>{};function hk(e){let{clientId:t,onSwitch:n=gk,onHoverClassName:o=gk,scope:r}=e;const{onSelect:l,stylesToRender:i,activeStyle:s,genericPreviewBlock:p,className:f}=If({clientId:t,onSwitch:n}),[g,h]=(0,a.useState)(null),[v,b]=(0,a.useState)(0),_=(0,d.useViewportMatch)("medium","<");if((0,a.useLayoutEffect)((()=>{const e=document.querySelector(".interface-interface-skeleton__content"),t=(null==e?void 0:e.scrollTop)||0;b(t+16)}),[g]),!i||0===i.length)return null;const k=(0,u.debounce)(h,250),y=e=>{var t;g!==e?(k(e),o(null!==(t=null==e?void 0:e.name)&&void 0!==t?t:null)):k.cancel()};return(0,a.createElement)("div",{className:"block-editor-block-styles"},(0,a.createElement)("div",{className:"block-editor-block-styles__variants"},i.map((e=>{const t=e.label||e.name;return(0,a.createElement)(m.Button,{className:c()("block-editor-block-styles__item",{"is-active":s.name===e.name}),key:e.name,variant:"secondary",label:t,onMouseEnter:()=>y(e),onFocus:()=>y(e),onMouseLeave:()=>y(null),onBlur:()=>y(null),onClick:()=>(e=>{l(e),o(null),h(null),k.cancel()})(e),"aria-current":s.name===e.name},(0,a.createElement)(m.__experimentalTruncate,{numberOfLines:1,className:"block-editor-block-styles__item-text"},t))}))),g&&!_&&(0,a.createElement)(fk,{scope:r,className:"block-editor-block-styles__preview-panel",style:{top:v},onMouseLeave:()=>y(null)},(0,a.createElement)(mk,{activeStyle:s,className:f,genericPreviewBlock:p,style:g})))}hk.Slot=function(e){let{scope:t}=e;return(0,a.createElement)(m.Slot,{name:`BlockStylesPreviewPanel/${t}`})};var vk=hk;var bk=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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"}));var _k=function(e){let{icon:t=bk,label:n=(0,g.__)("Choose variation"),instructions:o=(0,g.__)("Select a variation to start with."),variations:r,onSelect:l,allowSkip:i}=e;const s=c()("block-editor-block-variation-picker",{"has-many-variations":r.length>4});return(0,a.createElement)(m.Placeholder,{icon:t,label:n,instructions:o,className:s},(0,a.createElement)("ul",{className:"block-editor-block-variation-picker__variations",role:"list","aria-label":(0,g.__)("Block variations")},r.map((e=>(0,a.createElement)("li",{key:e.name},(0,a.createElement)(m.Button,{variant:"secondary",icon:e.icon,iconSize:48,onClick:()=>l(e),className:"block-editor-block-variation-picker__variation",label:e.description||e.title}),(0,a.createElement)("span",{className:"block-editor-block-variation-picker__variation-label",role:"presentation"},e.title))))),i&&(0,a.createElement)("div",{className:"block-editor-block-variation-picker__skip"},(0,a.createElement)(m.Button,{variant:"link",onClick:()=>l()},(0,g.__)("Skip"))))};var kk=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 yk="carousel",Ek="grid",Ck=e=>{let{onBlockPatternSelect:t}=e;return(0,a.createElement)("div",{className:"block-editor-block-pattern-setup__actions"},(0,a.createElement)(m.Button,{variant:"primary",onClick:t},(0,g.__)("Choose")))},Sk=e=>{let{handlePrevious:t,handleNext:n,activeSlide:o,totalSlides:r}=e;return(0,a.createElement)("div",{className:"block-editor-block-pattern-setup__navigation"},(0,a.createElement)(m.Button,{icon:qm,label:(0,g.__)("Previous pattern"),onClick:t,disabled:0===o}),(0,a.createElement)(m.Button,{icon:Km,label:(0,g.__)("Next pattern"),onClick:n,disabled:o===r-1}))};var wk=e=>{let{viewMode:t,setViewMode:n,handlePrevious:o,handleNext:r,activeSlide:l,totalSlides:i,onBlockPatternSelect:s}=e;const c=t===yk,u=(0,a.createElement)("div",{className:"block-editor-block-pattern-setup__display-controls"},(0,a.createElement)(m.Button,{icon:xl,label:(0,g.__)("Carousel view"),onClick:()=>n(yk),isPressed:c}),(0,a.createElement)(m.Button,{icon:kk,label:(0,g.__)("Grid view"),onClick:()=>n(Ek),isPressed:t===Ek}));return(0,a.createElement)("div",{className:"block-editor-block-pattern-setup__toolbar"},c&&(0,a.createElement)(Sk,{handlePrevious:o,handleNext:r,activeSlide:l,totalSlides:i}),u,c&&(0,a.createElement)(Ck,{onBlockPatternSelect:s}))};var Bk=function(e,t,n){return(0,p.useSelect)((o=>{const{getBlockRootClientId:r,__experimentalGetPatternsByBlockTypes:l,__experimentalGetAllowedPatterns:i}=o(so),a=r(e);return n?i(a).filter(n):l(t,a)}),[e,t,n])};const Ik=e=>{let{viewMode:t,activeSlide:n,patterns:o,onBlockPatternSelect:r}=e;const l=(0,m.__unstableUseCompositeState)(),s="block-editor-block-pattern-setup__container";if(t===yk){const e=new Map([[n,"active-slide"],[n-1,"previous-slide"],[n+1,"next-slide"]]);return(0,a.createElement)("div",{className:"block-editor-block-pattern-setup__carousel"},(0,a.createElement)("div",{className:s},(0,a.createElement)("ul",{className:"carousel-container"},o.map(((t,n)=>(0,a.createElement)(Tk,{className:e.get(n)||"",key:t.name,pattern:t}))))))}return(0,a.createElement)("div",{className:"block-editor-block-pattern-setup__grid"},(0,a.createElement)(m.__unstableComposite,i({},l,{role:"listbox",className:s,"aria-label":(0,g.__)("Patterns list")}),o.map((e=>(0,a.createElement)(xk,{key:e.name,pattern:e,onSelect:r,composite:l})))))};function xk(e){let{pattern:t,onSelect:n,composite:o}=e;const r="block-editor-block-pattern-setup-list",{blocks:l,description:s,viewportWidth:c=700}=t,u=(0,d.useInstanceId)(xk,`${r}__item-description`);return(0,a.createElement)("div",{className:`${r}__list-item`,"aria-label":t.title,"aria-describedby":t.description?u:void 0},(0,a.createElement)(m.__unstableCompositeItem,i({role:"option",as:"div"},o,{className:`${r}__item`,onClick:()=>n(l)}),(0,a.createElement)(_p,{blocks:l,viewportWidth:c})),!!s&&(0,a.createElement)(m.VisuallyHidden,{id:u},s))}function Tk(e){let{className:t,pattern:n,minHeight:o}=e;const{blocks:r,title:l,description:i}=n,s=(0,d.useInstanceId)(Tk,"block-editor-block-pattern-setup-list__item-description");return(0,a.createElement)("li",{className:`pattern-slide ${t}`,"aria-label":l,"aria-describedby":i?s:void 0},(0,a.createElement)(_p,{blocks:r,__experimentalMinHeight:o}),!!i&&(0,a.createElement)(m.VisuallyHidden,{id:s},i))}var Nk=e=>{let{clientId:t,blockName:n,filterPatternsFn:o,onBlockPatternSelect:l}=e;const[i,s]=(0,a.useState)(yk),[c,u]=(0,a.useState)(0),{replaceBlock:d}=(0,p.useDispatch)(so),m=Bk(t,n,o);if(null==m||!m.length)return null;const f=l||(e=>{const n=e.map((e=>(0,r.cloneBlock)(e)));d(t,n)});return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{className:`block-editor-block-pattern-setup view-mode-${i}`},(0,a.createElement)(Ik,{viewMode:i,activeSlide:c,patterns:m,onBlockPatternSelect:f}),(0,a.createElement)(wk,{viewMode:i,setViewMode:s,activeSlide:c,totalSlides:m.length,handleNext:()=>{u((e=>e+1))},handlePrevious:()=>{u((e=>e-1))},onBlockPatternSelect:()=>{f(m[c].blocks)}})))};function Pk(e){let{className:t,onSelectVariation:n,selectedValue:o,variations:r}=e;return(0,a.createElement)("fieldset",{className:t},(0,a.createElement)(m.VisuallyHidden,{as:"legend"},(0,g.__)("Transform to variation")),r.map((e=>(0,a.createElement)(m.Button,{key:e.name,icon:(0,a.createElement)(Du,{icon:e.icon,showColors:!0}),isPressed:o===e.name,label:o===e.name?e.title:(0,g.sprintf)((0,g.__)("Transform to %s"),e.title),onClick:()=>n(e.name),"aria-label":e.title,showTooltip:!0}))))}function Mk(e){let{className:t,onSelectVariation:n,selectedValue:o,variations:r}=e;const l=r.map((e=>{let{name:t,title:n,description:o}=e;return{value:t,label:n,info:o}}));return(0,a.createElement)(m.DropdownMenu,{className:t,label:(0,g.__)("Transform to variation"),text:(0,g.__)("Transform to variation"),popoverProps:{position:"bottom center",className:`${t}__popover`},icon:Qm,toggleProps:{iconPosition:"right"}},(()=>(0,a.createElement)("div",{className:`${t}__container`},(0,a.createElement)(m.MenuGroup,null,(0,a.createElement)(m.MenuItemsChoice,{choices:l,value:o,onSelect:n})))))}var Lk=function(e){let{blockClientId:t}=e;const{updateBlockAttributes:n}=(0,p.useDispatch)(so),{activeBlockVariation:o,variations:l}=(0,p.useSelect)((e=>{const{getActiveBlockVariation:n,getBlockVariations:o}=e(r.store),{getBlockName:l,getBlockAttributes:i}=e(so),a=t&&l(t);return{activeBlockVariation:n(a,i(t)),variations:a&&o(a,"transform")}}),[t]),i=null==o?void 0:o.name,s=(0,a.useMemo)((()=>{const e=new Set;return!!l&&(l.forEach((t=>{var n;t.icon&&e.add((null===(n=t.icon)||void 0===n?void 0:n.src)||t.icon)})),e.size===l.length)}),[l]);if(null==l||!l.length)return null;const c=s?Pk:Mk;return(0,a.createElement)(c,{className:"block-editor-block-variation-transforms",onSelectVariation:e=>{n(t,{...l.find((t=>{let{name:n}=t;return n===e})).attributes})},selectedValue:i,variations:l})},Rk=(0,d.createHigherOrderComponent)((e=>t=>{const n=qo("color.palette"),o=!qo("color.custom"),r=void 0===t.colors?n:t.colors,l=void 0===t.disableCustomColors?o:t.disableCustomColors,s=!(0,u.isEmpty)(r)||!l;return(0,a.createElement)(e,i({},t,{colors:r,disableCustomColors:l,hasColorsToChoose:s}))}),"withColorContext"),Ak=Rk(m.ColorPalette);function Dk(e){let{onChange:t,value:n,...o}=e;return(0,a.createElement)(jh,i({},o,{onColorChange:t,colorValue:n,gradients:[],disableCustomGradients:!0}))}var Ok=window.wp.date;const zk=new Date(2022,0,25);function Fk(e){let{format:t,defaultFormat:n,onChange:o}=e;return(0,a.createElement)("fieldset",{className:"block-editor-date-format-picker"},(0,a.createElement)(m.VisuallyHidden,{as:"legend"},(0,g.__)("Date format")),(0,a.createElement)(m.ToggleControl,{label:(0,a.createElement)(a.Fragment,null,(0,g.__)("Default format"),(0,a.createElement)("span",{className:"block-editor-date-format-picker__default-format-toggle-control__hint"},(0,Ok.dateI18n)(n,zk))),checked:!t,onChange:e=>o(e?null:n)}),t&&(0,a.createElement)(Vk,{format:t,onChange:o}))}function Vk(e){var t;let{format:n,onChange:o}=e;const r=[...new Set(["Y-m-d",(0,g._x)("n/j/Y","short date format"),(0,g._x)("n/j/Y g:i A","short date format with time"),(0,g._x)("M j, Y","medium date format"),(0,g._x)("M j, Y g:i A","medium date format with time"),(0,g._x)("F j, Y","long date format"),(0,g._x)("M j","short date format without the year")])],l=r.map(((e,t)=>({key:`suggested-${t}`,name:(0,Ok.dateI18n)(e,zk),format:e}))),i={key:"custom",name:(0,g.__)("Custom"),className:"block-editor-date-format-picker__custom-format-select-control__custom-option",__experimentalHint:(0,g.__)("Enter your own date format")},[s,c]=(0,a.useState)((()=>!!n&&!r.includes(n)));return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.BaseControl,{className:"block-editor-date-format-picker__custom-format-select-control"},(0,a.createElement)(m.CustomSelectControl,{__nextUnconstrainedWidth:!0,label:(0,g.__)("Choose a format"),options:[...l,i],value:s?i:null!==(t=l.find((e=>e.format===n)))&&void 0!==t?t:i,onChange:e=>{let{selectedItem:t}=e;t===i?c(!0):(c(!1),o(t.format))}})),s&&(0,a.createElement)(m.TextControl,{label:(0,g.__)("Custom format"),hideLabelFromVision:!0,help:(0,a.createInterpolateElement)((0,g.__)("Enter a date or time format string."),{Link:(0,a.createElement)(m.ExternalLink,{href:(0,g.__)("https://wordpress.org/support/article/formatting-date-and-time/")})}),value:n,onChange:e=>o(e)}))}const Hk=["colors","disableCustomColors","gradients","disableCustomGradients"],Gk=e=>{let{className:t,colors:n,gradients:o,disableCustomColors:r,disableCustomGradients:l,children:i,settings:s,title:f,showTitle:g=!0,__experimentalHasMultipleOrigins:h,__experimentalIsRenderedInSidebar:v,enableAlpha:b}=e;const _=(0,d.useInstanceId)(Gk),{batch:k}=(0,p.useRegistry)();return(0,u.isEmpty)(n)&&(0,u.isEmpty)(o)&&r&&l&&(0,u.every)(s,(e=>(0,u.isEmpty)(e.colors)&&(0,u.isEmpty)(e.gradients)&&(void 0===e.disableCustomColors||e.disableCustomColors)&&(void 0===e.disableCustomGradients||e.disableCustomGradients)))?null:(0,a.createElement)(m.__experimentalToolsPanel,{className:c()("block-editor-panel-color-gradient-settings",t),label:g?f:void 0,resetAll:()=>{k((()=>{s.forEach((e=>{let{colorValue:t,gradientValue:n,onColorChange:o,onGradientChange:r}=e;t?o():n&&r()}))}))},panelId:_,__experimentalFirstVisibleItemClass:"first",__experimentalLastVisibleItemClass:"last"},(0,a.createElement)(Qh,{settings:s,panelId:_,colors:n,gradients:o,disableCustomColors:r,disableCustomGradients:l,__experimentalHasMultipleOrigins:h,__experimentalIsRenderedInSidebar:v,enableAlpha:b}),!!i&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.__experimentalSpacer,{marginY:4})," ",i))},Uk=e=>{const t=yh();return t.colors=qo("color.palette"),t.gradients=qo("color.gradients"),(0,a.createElement)(Gk,i({},t,e))},Wk=e=>{const t=Eh();return(0,a.createElement)(Gk,i({},t,e))};var $k=e=>(0,u.every)(Hk,(t=>e.hasOwnProperty(t)))?(0,a.createElement)(Gk,e):e.__experimentalHasMultipleOrigins?(0,a.createElement)(Wk,e):(0,a.createElement)(Uk,e),jk=function(e,t){return jk=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},jk(e,t)};var Kk=function(){return Kk=Object.assign||function(e){for(var t,n=1,o=arguments.length;nu*r?{width:u*r,height:u}:{width:c,height:c/r}}function Zk(e,t,n,o,r){void 0===r&&(r=0);var l=ay(t.width,t.height,r),i=l.width,a=l.height;return{x:Xk(e.x,i,n.width,o),y:Xk(e.y,a,n.height,o)}}function Xk(e,t,n,o){var r=t*o/2-n/2;return sy(e,-r,r)}function Jk(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function ey(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function ty(e,t,n,o,r,l,i){void 0===l&&(l=0),void 0===i&&(i=!0);var a=i?ny:oy,s=ay(t.width,t.height,l),c=ay(t.naturalWidth,t.naturalHeight,l),u={x:a(100,((s.width-n.width/r)/2-e.x/r)/s.width*100),y:a(100,((s.height-n.height/r)/2-e.y/r)/s.height*100),width:a(100,n.width/s.width*100/r),height:a(100,n.height/s.height*100/r)},d=Math.round(a(c.width,u.width*c.width/100)),p=Math.round(a(c.height,u.height*c.height/100)),m=c.width>=c.height*o?{width:Math.round(p*o),height:p}:{width:d,height:Math.round(d/o)};return{croppedAreaPercentages:u,croppedAreaPixels:Kk(Kk({},m),{x:Math.round(a(c.width-m.width,u.x*c.width/100)),y:Math.round(a(c.height-m.height,u.y*c.height/100))})}}function ny(e,t){return Math.min(e,Math.max(0,t))}function oy(e,t){return t}function ry(e,t,n,o,r,l){var i=ay(t.width,t.height,n),a=sy(o.width/i.width*(100/e.width),r,l);return{crop:{x:a*i.width/2-o.width/2-i.width*a*(e.x/100),y:a*i.height/2-o.height/2-i.height*a*(e.y/100)},zoom:a}}function ly(e,t,n,o,r,l){void 0===n&&(n=0);var i=ay(t.naturalWidth,t.naturalHeight,n),a=sy(function(e,t,n){var o=function(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}(t);return n.height>n.width?n.height/(e.height*o):n.width/(e.width*o)}(e,t,o),r,l),s=o.height>o.width?o.height/e.height:o.width/e.width;return{crop:{x:((i.width-e.width)/2-e.x)*s,y:((i.height-e.height)/2-e.y)*s},zoom:a}}function iy(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function ay(e,t,n){var o=n*Math.PI/180;return{width:Math.abs(Math.cos(o)*e)+Math.abs(Math.sin(o)*t),height:Math.abs(Math.sin(o)*e)+Math.abs(Math.cos(o)*t)}}function sy(e,t,n){return Math.min(Math.max(e,t),n)}function cy(){for(var e=[],t=0;t0})).join(" ").trim()}var uy=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.imageRef=Ti().createRef(),n.videoRef=Ti().createRef(),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.gestureZoomStart=0,n.gestureRotationStart=0,n.isTouching=!1,n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.currentDoc=document,n.currentWindow=window,n.state={cropSize:null,hasWheelJustStarted:!1},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){n.currentDoc.removeEventListener("mousemove",n.onMouseMove),n.currentDoc.removeEventListener("mouseup",n.onDragStopped),n.currentDoc.removeEventListener("touchmove",n.onTouchMove),n.currentDoc.removeEventListener("touchend",n.onDragStopped),n.currentDoc.removeEventListener("gesturemove",n.onGestureMove),n.currentDoc.removeEventListener("gestureend",n.onGestureEnd)},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){var e=n.computeSizes();e&&(n.emitCropData(),n.setInitialCrop(e)),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(e){if(n.props.initialCroppedAreaPercentages){var t=ry(n.props.initialCroppedAreaPercentages,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom),o=t.crop,r=t.zoom;n.props.onCropChange(o),n.props.onZoomChange&&n.props.onZoomChange(r)}else if(n.props.initialCroppedAreaPixels){var l=ly(n.props.initialCroppedAreaPixels,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom);o=l.crop,r=l.zoom;n.props.onCropChange(o),n.props.onZoomChange&&n.props.onZoomChange(r)}},n.computeSizes=function(){var e,t,o,r,l,i,a=n.imageRef.current||n.videoRef.current;if(a&&n.containerRef){n.containerRect=n.containerRef.getBoundingClientRect();var s=n.containerRect.width/n.containerRect.height,c=(null===(e=n.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef.current)||void 0===t?void 0:t.videoWidth)||0,u=(null===(o=n.imageRef.current)||void 0===o?void 0:o.naturalHeight)||(null===(r=n.videoRef.current)||void 0===r?void 0:r.videoHeight)||0,d=c/u,p=void 0;if(a.offsetWidthd?{width:n.containerRect.height*d,height:n.containerRect.height}:{width:n.containerRect.width,height:n.containerRect.width/d};break;case"horizontal-cover":p={width:n.containerRect.width,height:n.containerRect.width/d};break;case"vertical-cover":p={width:n.containerRect.height*d,height:n.containerRect.height};break;case"auto-cover":p=c>u?{width:n.containerRect.width,height:n.containerRect.width/d}:{width:n.containerRect.height*d,height:n.containerRect.height}}else p={width:a.offsetWidth,height:a.offsetHeight};n.mediaSize=Kk(Kk({},p),{naturalWidth:c,naturalHeight:u}),n.props.setMediaSize&&n.props.setMediaSize(n.mediaSize);var m=n.props.cropSize?n.props.cropSize:Qk(n.mediaSize.width,n.mediaSize.height,n.containerRect.width,n.containerRect.height,n.props.aspect,n.props.rotation);return(null===(l=n.state.cropSize)||void 0===l?void 0:l.height)===m.height&&(null===(i=n.state.cropSize)||void 0===i?void 0:i.width)===m.width||n.props.onCropSizeChange&&n.props.onCropSizeChange(m),n.setState({cropSize:m},n.recomputeCropPosition),n.props.setCropSize&&n.props.setCropSize(m),m}},n.onMouseDown=function(e){e.preventDefault(),n.currentDoc.addEventListener("mousemove",n.onMouseMove),n.currentDoc.addEventListener("mouseup",n.onDragStopped),n.onDragStart(t.getMousePoint(e))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onTouchStart=function(e){n.isTouching=!0,n.props.onTouchRequest&&!n.props.onTouchRequest(e)||(n.currentDoc.addEventListener("touchmove",n.onTouchMove,{passive:!1}),n.currentDoc.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.onGestureStart=function(e){e.preventDefault(),n.currentDoc.addEventListener("gesturechange",n.onGestureMove),n.currentDoc.addEventListener("gestureend",n.onGestureEnd),n.gestureZoomStart=n.props.zoom,n.gestureRotationStart=n.props.rotation},n.onGestureMove=function(e){if(e.preventDefault(),!n.isTouching){var o=t.getMousePoint(e),r=n.gestureZoomStart-1+e.scale;if(n.setNewZoom(r,o,{shouldUpdatePosition:!0}),n.props.onRotationChange){var l=n.gestureRotationStart+e.rotation;n.props.onRotationChange(l)}}},n.onGestureEnd=function(e){n.cleanEvents()},n.onDragStart=function(e){var t,o,r=e.x,l=e.y;n.dragStartPosition={x:r,y:l},n.dragStartCrop=Kk({},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&&n.currentWindow.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=n.currentWindow.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?Zk(l,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):l;n.props.onCropChange(i)}}))},n.onDragStopped=function(){var e,t;n.isTouching=!1,n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){if(!n.props.onWheelRequest||n.props.onWheelRequest(e)){e.preventDefault();var o=t.getMousePoint(e),r=Yk()(e).pixelY,l=n.props.zoom-r*n.props.zoomSpeed/200;n.setNewZoom(l,o,{shouldUpdatePosition:!0}),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=n.currentWindow.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,o){var r=(void 0===o?{}:o).shouldUpdatePosition,l=void 0===r||r;if(n.state.cropSize&&n.props.onZoomChange){var i=sy(e,n.props.minZoom,n.props.maxZoom);if(l){var a=n.getPointOnContainer(t),s=n.getPointOnMedia(a),c={x:s.x*i-a.x,y:s.y*i-a.y},u=n.props.restrictPosition?Zk(c,n.mediaSize,n.state.cropSize,i,n.props.rotation):c;n.props.onCropChange(u)}n.props.onZoomChange(i)}},n.getCropData=function(){return n.state.cropSize?ty(n.props.restrictPosition?Zk(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):null},n.emitCropData=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,o=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,o),n.props.onCropAreaChange&&n.props.onCropAreaChange(t,o)}},n.emitCropAreaChange=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,o=e.croppedAreaPixels;n.props.onCropAreaChange&&n.props.onCropAreaChange(t,o)}},n.recomputeCropPosition=function(){if(n.state.cropSize){var e=n.props.restrictPosition?Zk(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 n(){this.constructor=e}jk(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),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 display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\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}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\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",this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef)},t.prototype.componentWillUnmount=function(){var e;this.currentWindow.removeEventListener("resize",this.computeSizes),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&(null===(e=this.styleRef.parentNode)||void 0===e||e.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()},t.prototype.componentDidUpdate=function(e){var t,n,o,r,l,i,a,s,c;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.height)||(null===(o=e.cropSize)||void 0===o?void 0:o.width)!==(null===(r=this.props.cropSize)||void 0===r?void 0:r.width)?this.computeSizes():(null===(l=e.crop)||void 0===l?void 0:l.x)===(null===(i=this.props.crop)||void 0===i?void 0:i.x)&&(null===(a=e.crop)||void 0===a?void 0:a.y)===(null===(s=this.props.crop)||void 0===s?void 0:s.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(c=this.videoRef.current)||void 0===c||c.load())},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=Jk(n,o),this.lastPinchRotation=ey(n,o),this.onDragStart(iy(n,o))},t.prototype.onPinchMove=function(e){var n=this,o=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]),l=iy(o,r);this.onDrag(l),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame((function(){var e=Jk(o,r),t=n.props.zoom*(e/n.lastPinchDistance);n.setNewZoom(t,l,{shouldUpdatePosition:!1}),n.lastPinchDistance=e;var i=ey(o,r),a=n.props.rotation+(i-n.lastPinchRotation);n.props.onRotationChange&&n.props.onRotationChange(a),n.lastPinchRotation=i}))},t.prototype.render=function(){var e=this,t=this.props,n=t.image,o=t.video,r=t.mediaProps,l=t.transform,i=t.crop,a=i.x,s=i.y,c=t.rotation,u=t.zoom,d=t.cropShape,p=t.showGrid,m=t.style,f=m.containerStyle,g=m.cropAreaStyle,h=m.mediaStyle,v=t.classes,b=v.containerClassName,_=v.cropAreaClassName,k=v.mediaClassName,y=t.objectFit;return Ti().createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(t){return e.containerRef=t},"data-testid":"container",style:f,className:cy("reactEasyCrop_Container",b)},n?Ti().createElement("img",Kk({alt:"",className:cy("reactEasyCrop_Image","contain"===y&&"reactEasyCrop_Contain","horizontal-cover"===y&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===y&&"reactEasyCrop_Cover_Vertical","auto-cover"===y&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),k)},r,{src:n,ref:this.imageRef,style:Kk(Kk({},h),{transform:l||"translate("+a+"px, "+s+"px) rotate("+c+"deg) scale("+u+")"}),onLoad:this.onMediaLoad})):o&&Ti().createElement("video",Kk({autoPlay:!0,loop:!0,muted:!0,className:cy("reactEasyCrop_Video","contain"===y&&"reactEasyCrop_Contain","horizontal-cover"===y&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===y&&"reactEasyCrop_Cover_Vertical","auto-cover"===y&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),k)},r,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:Kk(Kk({},h),{transform:l||"translate("+a+"px, "+s+"px) rotate("+c+"deg) scale("+u+")"}),controls:!1}),(Array.isArray(o)?o:[{src:o}]).map((function(e){return Ti().createElement("source",Kk({key:e.src},e))}))),this.state.cropSize&&Ti().createElement("div",{style:Kk(Kk({},g),{width:this.state.cropSize.width,height:this.state.cropSize.height}),"data-testid":"cropper",className:cy("reactEasyCrop_CropArea","round"===d&&"reactEasyCrop_CropAreaRound",p&&"reactEasyCrop_CropAreaGrid",_)}))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",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}(Ti().Component),dy=uy;const py={position:"bottom right",isAlternate:!0};function my(e,t){const n=function(e){let{url:t,naturalWidth:n,naturalHeight:o}=e;const[r,i]=(0,a.useState)(),[s,c]=(0,a.useState)(),[u,d]=(0,a.useState)({x:0,y:0}),[p,m]=(0,a.useState)(),[f,g]=(0,a.useState)(),[h,v]=(0,a.useState)(),[b,_]=(0,a.useState)(),k=(0,a.useCallback)((()=>{d({x:0,y:0}),m(100),g(0),v(n/o),_(n/o)}),[n,o,d,m,g,v,_]),y=(0,a.useCallback)((()=>{const e=(f+90)%360;let r=n/o;if(f%180==90&&(r=o/n),0===e)return i(),g(e),v(n/o),void d({x:-u.y*r,y:u.x*r});const a=new window.Image;a.src=t,a.onload=function(t){const n=document.createElement("canvas");let o=0,l=0;e%180?(n.width=t.target.height,n.height=t.target.width):(n.width=t.target.width,n.height=t.target.height),90!==e&&180!==e||(o=n.width),270!==e&&180!==e||(l=n.height);const a=n.getContext("2d");a.translate(o,l),a.rotate(e*Math.PI/180),a.drawImage(t.target,0,0),n.toBlob((t=>{i(URL.createObjectURL(t)),g(e),v(n.width/n.height),d({x:-u.y*r,y:u.x*r})}))};const s=(0,l.applyFilters)("media.crossOrigin",void 0,t);"string"==typeof s&&(a.crossOrigin=s)}),[f,n,o,i,g,v,d]);return(0,a.useMemo)((()=>({editedUrl:r,setEditedUrl:i,crop:s,setCrop:c,position:u,setPosition:d,zoom:p,setZoom:m,rotation:f,setRotation:g,rotateClockwise:y,aspect:h,setAspect:v,defaultAspect:b,initializeTransformValues:k})),[r,i,s,c,u,d,p,m,f,g,y,h,v,b,k])}(e),{initializeTransformValues:o}=n;return(0,a.useEffect)((()=>{t&&o()}),[t,o]),n}const fy=(0,a.createContext)({}),gy=()=>(0,a.useContext)(fy);function hy(e){let{id:t,url:n,naturalWidth:o,naturalHeight:r,isEditing:l,onFinishEditing:i,onSaveImage:s,children:c}=e;const u=my({url:n,naturalWidth:o,naturalHeight:r},l),d=function(e){let{crop:t,rotation:n,height:o,width:r,aspect:l,url:i,id:s,onSaveImage:c,onFinishEditing:u}=e;const{createErrorNotice:d}=(0,p.useDispatch)(Op.store),[m,f]=(0,a.useState)(!1),h=(0,a.useCallback)((()=>{f(!1),u()}),[f,u]),v=(0,a.useCallback)((()=>{f(!0);let e={};(t.width<99.9||t.height<99.9)&&(e=t),n>0&&(e.rotation=n),e.src=i,B_()({path:`/wp/v2/media/${s}/edit`,method:"POST",data:e}).then((e=>{c({id:e.id,url:e.source_url,height:o&&r?r/l:void 0})})).catch((e=>{d((0,g.sprintf)((0,g.__)("Could not edit image. %s"),(0,Wl.__unstableStripHTML)(e.message)),{id:"image-editing-error",type:"snackbar"})})).finally((()=>{f(!1),u()}))}),[f,t,n,o,r,l,i,c,d,f,u]);return(0,a.useMemo)((()=>({isInProgress:m,apply:v,cancel:h})),[m,v,h])}({id:t,url:n,onSaveImage:s,onFinishEditing:i,...u}),m=(0,a.useMemo)((()=>({...u,...d})),[u,d]);return(0,a.createElement)(fy.Provider,{value:m},c)}function vy(e){let{url:t,width:n,height:o,clientWidth:r,naturalHeight:l,naturalWidth:i,borderProps:s}=e;const{isInProgress:u,editedUrl:d,position:p,zoom:f,aspect:g,setPosition:h,setCrop:v,setZoom:b,rotation:_}=gy();let k=o||r*l/i;return _%180==90&&(k=r*i/l),(0,a.createElement)("div",{className:c()("wp-block-image__crop-area",null==s?void 0:s.className,{"is-applying":u}),style:{...null==s?void 0:s.style,width:n||r,height:k}},(0,a.createElement)(dy,{image:d||t,disabled:u,minZoom:1,maxZoom:3,crop:p,zoom:f/100,aspect:g,onCropChange:h,onCropComplete:e=>{v(e)},onZoomChange:e=>{b(100*e)}}),u&&(0,a.createElement)(m.Spinner,null))}var by=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 _y(){const{isInProgress:e,zoom:t,setZoom:n}=gy();return(0,a.createElement)(m.Dropdown,{contentClassName:"wp-block-image__zoom",popoverProps:py,renderToggle:t=>{let{isOpen:n,onToggle:o}=t;return(0,a.createElement)(m.ToolbarButton,{icon:by,label:(0,g.__)("Zoom"),onClick:o,"aria-expanded":n,disabled:e})},renderContent:()=>(0,a.createElement)(m.RangeControl,{label:(0,g.__)("Zoom"),min:100,max:300,value:Math.round(t),onChange:n})})}var ky=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 yy(e){let{aspectRatios:t,isDisabled:n,label:o,onClick:r,value:l}=e;return(0,a.createElement)(m.MenuGroup,{label:o},t.map((e=>{let{title:t,aspect:o}=e;return(0,a.createElement)(m.MenuItem,{key:o,disabled:n,onClick:()=>{r(o)},role:"menuitemradio",isSelected:o===l,icon:o===l?Ef:void 0},t)})))}function Ey(e){let{toggleProps:t}=e;const{isInProgress:n,aspect:o,setAspect:r,defaultAspect:l}=gy();return(0,a.createElement)(m.DropdownMenu,{icon:ky,label:(0,g.__)("Aspect Ratio"),popoverProps:py,toggleProps:t,className:"wp-block-image__aspect-ratio"},(e=>{let{onClose:t}=e;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(yy,{isDisabled:n,onClick:e=>{r(e),t()},value:o,aspectRatios:[{title:(0,g.__)("Original"),aspect:l},{title:(0,g.__)("Square"),aspect:1}]}),(0,a.createElement)(yy,{label:(0,g.__)("Landscape"),isDisabled:n,onClick:e=>{r(e),t()},value:o,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,a.createElement)(yy,{label:(0,g.__)("Portrait"),isDisabled:n,onClick:e=>{r(e),t()},value:o,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 Cy=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.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 Sy(){const{isInProgress:e,rotateClockwise:t}=gy();return(0,a.createElement)(m.ToolbarButton,{icon:Cy,label:(0,g.__)("Rotate"),onClick:t,disabled:e})}function wy(){const{isInProgress:e,apply:t,cancel:n}=gy();return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.ToolbarButton,{onClick:t,disabled:e},(0,g.__)("Apply")),(0,a.createElement)(m.ToolbarButton,{onClick:n},(0,g.__)("Cancel")))}function By(e){let{url:t,width:n,height:o,clientWidth:r,naturalHeight:l,naturalWidth:i,borderProps:s}=e;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(vy,{borderProps:s,url:t,width:n,height:o,clientWidth:r,naturalHeight:l,naturalWidth:i}),(0,a.createElement)(_o,null,(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(_y,null),(0,a.createElement)(m.ToolbarItem,null,(e=>(0,a.createElement)(Ey,{toggleProps:e}))),(0,a.createElement)(Sy,null)),(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(wy,null))))}const Iy=[25,50,75,100],xy=()=>{};function Ty(e){let{imageSizeHelp:t,imageWidth:n,imageHeight:o,imageSizeOptions:r=[],isResizable:l=!0,slug:i,width:s,height:c,onChange:d,onChangeImage:p=xy}=e;const{currentHeight:f,currentWidth:h,updateDimension:v,updateDimensions:b}=function(e,t,n,o,r){var l,i;const[s,c]=(0,a.useState)(null!==(l=null!=t?t:o)&&void 0!==l?l:""),[u,d]=(0,a.useState)(null!==(i=null!=e?e:n)&&void 0!==i?i:"");return(0,a.useEffect)((()=>{void 0===t&&void 0!==o&&c(o),void 0===e&&void 0!==n&&d(n)}),[o,n]),(0,a.useEffect)((()=>{void 0!==t&&Number.parseInt(t)!==Number.parseInt(s)&&c(t),void 0!==e&&Number.parseInt(e)!==Number.parseInt(u)&&d(e)}),[t,e]),{currentHeight:u,currentWidth:s,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})}}}(c,s,o,n,d);return(0,a.createElement)(a.Fragment,null,!(0,u.isEmpty)(r)&&(0,a.createElement)(m.SelectControl,{label:(0,g.__)("Image size"),value:i,options:r,onChange:p,help:t}),l&&(0,a.createElement)("div",{className:"block-editor-image-size-control"},(0,a.createElement)("p",{className:"block-editor-image-size-control__row"},(0,g.__)("Image dimensions")),(0,a.createElement)("div",{className:"block-editor-image-size-control__row"},(0,a.createElement)(m.TextControl,{type:"number",className:"block-editor-image-size-control__width",label:(0,g.__)("Width"),value:h,min:1,onChange:e=>v("width",e)}),(0,a.createElement)(m.TextControl,{type:"number",className:"block-editor-image-size-control__height",label:(0,g.__)("Height"),value:f,min:1,onChange:e=>v("height",e)})),(0,a.createElement)("div",{className:"block-editor-image-size-control__row"},(0,a.createElement)(m.ButtonGroup,{"aria-label":(0,g.__)("Image size presets")},Iy.map((e=>{const t=Math.round(n*(e/100)),r=Math.round(o*(e/100)),l=h===t&&f===r;return(0,a.createElement)(m.Button,{key:e,isSmall:!0,variant:l?"primary":void 0,isPressed:l,onClick:()=>b(r,t)},e,"%")}))),(0,a.createElement)(m.Button,{isSmall:!0,onClick:()=>b()},(0,g.__)("Reset")))))}var Ny=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,a.createElement)(D.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"}));const Py=()=>{};var My=e=>{let{value:t,onChange:n=Py,settings:o}=e;if(!o||!o.length)return null;const r=e=>o=>{n({...t,[e.id]:o})},l=o.map((e=>(0,a.createElement)(m.ToggleControl,{className:"block-editor-link-control__setting",key:e.id,label:e.title,onChange:r(e),checked:!!t&&!!t[e.id]})));return(0,a.createElement)("fieldset",{className:"block-editor-link-control__settings"},(0,a.createElement)(m.VisuallyHidden,{as:"legend"},(0,g.__)("Currently selected link settings")),l)},Ly=n(5425),Ry=n.n(Ly);function Ay(e){return"function"==typeof e}class Dy extends a.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,a.createRef)(),this.inputRef=(0,a.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,Ry()(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(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const{__experimentalFetchLinkSuggestions:n,__experimentalHandleURLSuggestions:o}=this.props;if(!n)return;const r=!(null!==(e=t)&&void 0!==e&&e.length);if(t=t.trim(),!r&&(t.length<2||!o&&(0,mm.isURL)(t)))return void this.setState({showSuggestions:!1,selectedSuggestion:null,loading:!1});this.isUpdatingSuggestions=!0,this.setState({selectedSuggestion:null,loading:!0});const l=n(t,{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)((0,g._n)("%d result found, use up and down arrow keys to navigate.","%d results found, use up and down arrow keys to navigate.",e.length),e.length),"assertive"):this.props.debouncedSpeak((0,g.__)("No results."),"assertive"),this.isUpdatingSuggestions=!1)})).catch((()=>{this.suggestionsRequest===l&&(this.setState({loading:!1}),this.isUpdatingSuggestions=!1)})),this.suggestionsRequest=l}onChange(e){const t=e.target.value;this.props.onChange(t),this.props.disableSuggestions||this.updateSuggestions(t)}onFocus(){const{suggestions:e}=this.state,{disableSuggestions:t,value:n}=this.props;!n||t||this.isUpdatingSuggestions||e&&e.length||this.updateSuggestions(n)}onKeyDown(e){const{showSuggestions:t,selectedSuggestion:n,suggestions:o,loading:r}=this.state;if(!t||!o.length||r){switch(e.keyCode){case ku.UP:0!==e.target.selectionStart&&(e.preventDefault(),e.target.setSelectionRange(0,0));break;case ku.DOWN:this.props.value.length!==e.target.selectionStart&&(e.preventDefault(),e.target.setSelectionRange(this.props.value.length,this.props.value.length));break;case ku.ENTER:e.preventDefault(),this.props.onSubmit&&this.props.onSubmit(null,e)}return}const l=this.state.suggestions[this.state.selectedSuggestion];switch(e.keyCode){case ku.UP:{e.preventDefault();const t=n?n-1:o.length-1;this.setState({selectedSuggestion:t});break}case ku.DOWN:{e.preventDefault();const t=null===n||n===o.length-1?0:n+1;this.setState({selectedSuggestion:t});break}case ku.TAB:null!==this.state.selectedSuggestion&&(this.selectLink(l),this.props.speak((0,g.__)("Link selected.")));break;case ku.ENTER:e.preventDefault(),null!==this.state.selectedSuggestion?(this.selectLink(l),this.props.onSubmit&&this.props.onSubmit(l,e)):this.props.onSubmit&&this.props.onSubmit(null,e)}}selectLink(e){this.props.onChange(e.url,e),this.setState({selectedSuggestion:null,showSuggestions:!1})}handleOnClick(e){this.selectLink(e),this.inputRef.current.focus()}static getDerivedStateFromProps(e,t){let{value:n,instanceId:o,disableSuggestions:r,__experimentalShowInitialSuggestions:l=!1}=e,{showSuggestions:i}=t,a=i;const s=n&&n.length;return l||s||(a=!1),!0===r&&(a=!1),{showSuggestions:a,suggestionsListboxId:`block-editor-url-input-suggestions-${o}`,suggestionOptionIdPrefix:`block-editor-url-input-suggestion-${o}`}}render(){return(0,a.createElement)(a.Fragment,null,this.renderControl(),this.renderSuggestions())}renderControl(){const{label:e=null,className:t,isFullWidth:n,instanceId:o,placeholder:r=(0,g.__)("Paste URL or type to search"),__experimentalRenderControl:l,value:i=""}=this.props,{loading:s,showSuggestions:u,selectedSuggestion:d,suggestionsListboxId:p,suggestionOptionIdPrefix:f}=this.state,h=`url-input-control-${o}`,v={id:h,label:e,className:c()("block-editor-url-input",t,{"is-full-width":n})},b={id:h,value:i,required:!0,className:"block-editor-url-input__input",type:"text",onChange:this.onChange,onFocus:this.onFocus,placeholder:r,onKeyDown:this.onKeyDown,role:"combobox","aria-label":e?void 0:(0,g.__)("URL"),"aria-expanded":u,"aria-autocomplete":"list","aria-controls":p,"aria-activedescendant":null!==d?`${f}-${d}`:void 0,ref:this.inputRef};return l?l(v,b,s):(0,a.createElement)(m.BaseControl,v,(0,a.createElement)("input",b),s&&(0,a.createElement)(m.Spinner,null))}renderSuggestions(){const{className:e,__experimentalRenderSuggestions:t,value:n="",__experimentalShowInitialSuggestions:o=!1}=this.props,{showSuggestions:r,suggestions:l,selectedSuggestion:s,suggestionsListboxId:u,suggestionOptionIdPrefix:d,loading:p}=this.state,f={id:u,ref:this.autocompleteRef,role:"listbox"},g=(e,t)=>({role:"option",tabIndex:"-1",id:`${d}-${t}`,ref:this.bindSuggestionNode(t),"aria-selected":t===s});return Ay(t)&&r&&l.length?t({suggestions:l,selectedSuggestion:s,suggestionsListProps:f,buildSuggestionItemProps:g,isLoading:p,handleSuggestionClick:this.handleOnClick,isInitialSuggestions:o&&!(n&&n.length)}):!Ay(t)&&r&&l.length?(0,a.createElement)(m.Popover,{position:"bottom",focusOnMount:!1},(0,a.createElement)("div",i({},f,{className:c()("block-editor-url-input__suggestions",`${e}__suggestions`)}),l.map(((e,t)=>(0,a.createElement)(m.Button,i({},g(0,t),{key:e.id,className:c()("block-editor-url-input__suggestion",{"is-selected":t===s}),onClick:()=>this.handleOnClick(e)}),e.title))))):null}}var Oy=(0,d.compose)(d.withSafeTimeout,m.withSpokenMessages,d.withInstanceId,(0,p.withSelect)(((e,t)=>{if(Ay(t.__experimentalFetchLinkSuggestions))return;const{getSettings:n}=e(so);return{__experimentalFetchLinkSuggestions:n().__experimentalFetchLinkSuggestions}})))(Dy);var zy=e=>{let t,{searchTerm:n,onClick:o,itemProps:r,isSelected:l,buttonText:s}=e;return n?(t=s?"function"==typeof s?s(n):s:(0,a.createInterpolateElement)((0,g.sprintf)((0,g.__)("Create: %s"),n),{mark:(0,a.createElement)("mark",null)}),(0,a.createElement)(m.Button,i({},r,{className:c()("block-editor-link-control__search-create block-editor-link-control__search-item",{"is-selected":l}),onClick:o}),(0,a.createElement)(ul,{className:"block-editor-link-control__search-item-icon",icon:Mu}),(0,a.createElement)("span",{className:"block-editor-link-control__search-item-header"},(0,a.createElement)("span",{className:"block-editor-link-control__search-item-title"},t)))):null};var Fy=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v12zM7 11h2V9H7v2zm0 4h2v-2H7v2zm3-4h7V9h-7v2zm0 4h7v-2h-7v2z"}));var Vy=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M20.1 11.2l-6.7-6.7c-.1-.1-.3-.2-.5-.2H5c-.4-.1-.8.3-.8.7v7.8c0 .2.1.4.2.5l6.7 6.7c.2.2.5.4.7.5s.6.2.9.2c.3 0 .6-.1.9-.2.3-.1.5-.3.8-.5l5.6-5.6c.4-.4.7-1 .7-1.6.1-.6-.2-1.2-.6-1.6zM19 13.4L13.4 19c-.1.1-.2.1-.3.2-.2.1-.4.1-.6 0-.1 0-.2-.1-.3-.2l-6.5-6.5V5.8h6.8l6.5 6.5c.2.2.2.4.2.6 0 .1 0 .3-.2.5zM9 8c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z"}));var Hy=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z",fillRule:"evenodd",clipRule:"evenodd"}));var Gy=(0,a.createElement)(D.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(D.Path,{d:"M19 6.2h-5.9l-.6-1.1c-.3-.7-1-1.1-1.8-1.1H5c-1.1 0-2 .9-2 2v11.8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8.2c0-1.1-.9-2-2-2zm.5 11.6c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h5.8c.2 0 .4.1.4.3l1 2H19c.3 0 .5.2.5.5v9.5z"}));var Uy=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M12 3.3c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8s-4-8.8-8.8-8.8zm6.5 5.5h-2.6C15.4 7.3 14.8 6 14 5c2 .6 3.6 2 4.5 3.8zm.7 3.2c0 .6-.1 1.2-.2 1.8h-2.9c.1-.6.1-1.2.1-1.8s-.1-1.2-.1-1.8H19c.2.6.2 1.2.2 1.8zM12 18.7c-1-.7-1.8-1.9-2.3-3.5h4.6c-.5 1.6-1.3 2.9-2.3 3.5zm-2.6-4.9c-.1-.6-.1-1.1-.1-1.8 0-.6.1-1.2.1-1.8h5.2c.1.6.1 1.1.1 1.8s-.1 1.2-.1 1.8H9.4zM4.8 12c0-.6.1-1.2.2-1.8h2.9c-.1.6-.1 1.2-.1 1.8 0 .6.1 1.2.1 1.8H5c-.2-.6-.2-1.2-.2-1.8zM12 5.3c1 .7 1.8 1.9 2.3 3.5H9.7c.5-1.6 1.3-2.9 2.3-3.5zM10 5c-.8 1-1.4 2.3-1.8 3.8H5.5C6.4 7 8 5.6 10 5zM5.5 15.3h2.6c.4 1.5 1 2.8 1.8 3.7-1.8-.6-3.5-2-4.4-3.7zM14 19c.8-1 1.4-2.2 1.8-3.7h2.6C17.6 17 16 18.4 14 19z"}));const Wy={post:Fy,page:I_,post_tag:Vy,category:Hy,attachment:Gy};function $y(e){let{isURL:t,suggestion:n}=e,o=null;return t?o=Uy:n.type in Wy&&(o=Wy[n.type]),o?(0,a.createElement)(ul,{className:"block-editor-link-control__search-item-icon",icon:o}):null}var jy=e=>{let{itemProps:t,suggestion:n,isSelected:o=!1,onClick:r,isURL:l=!1,searchTerm:s="",shouldShowType:u=!1}=e;return(0,a.createElement)(m.Button,i({},t,{onClick:r,className:c()("block-editor-link-control__search-item",{"is-selected":o,"is-url":l,"is-entity":!l})}),(0,a.createElement)($y,{suggestion:n,isURL:l}),(0,a.createElement)("span",{className:"block-editor-link-control__search-item-header"},(0,a.createElement)("span",{className:"block-editor-link-control__search-item-title"},(0,a.createElement)(m.TextHighlight,{text:n.title,highlight:s})),(0,a.createElement)("span",{"aria-hidden":!l,className:"block-editor-link-control__search-item-info"},!l&&((0,mm.filterURLForDisplay)((0,mm.safeDecodeURI)(n.url))||""),l&&(0,g.__)("Press ENTER to add this link"))),u&&n.type&&(0,a.createElement)("span",{className:"block-editor-link-control__search-item-type"},function(e){if(e.isFrontPage)return"front page";return"post_tag"===e.type?"tag":e.type}(n)))};const Ky="__CREATE__",qy="mailto",Yy="internal",Qy=["URL",qy,"tel",Yy],Zy=[{id:"opensInNewTab",title:(0,g.__)("Open in new tab")}];function Xy(e){let{instanceId:t,withCreateSuggestion:n,currentInputValue:o,handleSuggestionClick:r,suggestionsListProps:l,buildSuggestionItemProps:s,suggestions:u,selectedSuggestion:d,isLoading:p,isInitialSuggestions:f,createSuggestionButtonText:h,suggestionsQuery:v}=e;const b=c()("block-editor-link-control__search-results",{"is-loading":p}),_=1===u.length&&Qy.includes(u[0].type),k=n&&!_&&!f,y=!(null!=v&&v.type),E=`block-editor-link-control-search-results-label-${t}`,C=f?(0,g.__)("Recently updated"):(0,g.sprintf)((0,g.__)('Search results for "%s"'),o),S=(0,a.createElement)(f?a.Fragment:m.VisuallyHidden,{},(0,a.createElement)("span",{className:"block-editor-link-control__search-results-label",id:E},C));return(0,a.createElement)("div",{className:"block-editor-link-control__search-results-wrapper"},S,(0,a.createElement)("div",i({},l,{className:b,"aria-labelledby":E}),u.map(((e,t)=>k&&Ky===e.type?(0,a.createElement)(zy,{searchTerm:o,buttonText:h,onClick:()=>r(e),key:e.type,itemProps:s(e,t),isSelected:t===d}):Ky===e.type?null:(0,a.createElement)(jy,{key:`${e.id}-${e.type}`,itemProps:s(e,t),suggestion:e,index:t,onClick:()=>{r(e)},isSelected:t===d,isURL:Qy.includes(e.type),searchTerm:o,shouldShowType:y,isFrontPage:null==e?void 0:e.isFrontPage})))))}function Jy(e){const t=null==e?void 0:e.startsWith("#");return(0,mm.isURL)(e)||e&&e.includes("www.")||t}const eE=()=>Promise.resolve([]),tE=e=>{let t="URL";const n=(0,mm.getProtocol)(e)||"";return n.includes("mailto")&&(t=qy),n.includes("tel")&&(t="tel"),null!=e&&e.startsWith("#")&&(t=Yy),Promise.resolve([{id:e,title:e,url:"URL"===t?(0,mm.prependHTTP)(e):e,type:t}])};function nE(e,t,n,o){const{fetchSearchSuggestions:r,pageOnFront:l}=(0,p.useSelect)((e=>{const{getSettings:t}=e(so);return{pageOnFront:t().pageOnFront,fetchSearchSuggestions:t().__experimentalFetchLinkSuggestions}}),[]),i=t?tE:eE;return(0,a.useCallback)(((t,a)=>{let{isInitialSuggestions:s}=a;return Jy(t)?i(t,{isInitialSuggestions:s}):(async(e,t,n,o,r,l,i)=>{const{isInitialSuggestions:a}=t;let s=!1,c=await Promise.all([n(e,t),o(e)]);c[0]=c[0].map((e=>Number(e.id)===i?(s=!0,e.isFrontPage=!0,e):e));const u=!e.includes(" ");return c=!s&&u&&l&&!a?c[0].concat(c[1]):c[0],a||Jy(e)||!r?c:c.concat({title:e,url:e,type:Ky})})(t,{...e,isInitialSuggestions:s},r,i,n,o,l)}),[i,r,n])}const oE=()=>Promise.resolve([]),rE=()=>{},lE=(0,a.forwardRef)(((e,t)=>{let{value:n,children:o,currentLink:r={},className:l=null,placeholder:i=null,withCreateSuggestion:s=!1,onCreateSuggestion:u=rE,onChange:p=rE,onSelect:m=rE,showSuggestions:f=!0,renderSuggestions:h=(e=>(0,a.createElement)(Xy,e)),fetchSuggestions:v=null,allowDirectEntry:b=!0,showInitialSuggestions:_=!1,suggestionsQuery:k={},withURLSuggestion:y=!0,createSuggestionButtonText:E,useLabel:C=!1}=e;const S=nE(k,b,s,y),w=f?v||S:oE,B=(0,d.useInstanceId)(lE),[I,x]=(0,a.useState)(),T=async e=>{let t=e;if(Ky!==e.type){if(b||t&&Object.keys(t).length>=1){const{id:e,url:n,...o}=r;m({...o,...t},t)}}else try{var n;t=await u(e.title),null!==(n=t)&&void 0!==n&&n.url&&m(t)}catch(e){}},N=c()(l,{"has-no-label":!C});return(0,a.createElement)("div",{className:"block-editor-link-control__search-input-container"},(0,a.createElement)(Oy,{label:C?"URL":void 0,className:N,value:n,onChange:(e,t)=>{p(e),x(t)},placeholder:null!=i?i:(0,g.__)("Search or type url"),__experimentalRenderSuggestions:f?e=>h({...e,instanceId:B,withCreateSuggestion:s,currentInputValue:n,createSuggestionButtonText:E,suggestionsQuery:k,handleSuggestionClick:t=>{e.handleSuggestionClick&&e.handleSuggestionClick(t),T(t)}}):null,__experimentalFetchLinkSuggestions:w,__experimentalHandleURLSuggestions:!0,__experimentalShowInitialSuggestions:_,onSubmit:(e,t)=>{var o;const r=e||I;r||null!=n&&null!==(o=n.trim())&&void 0!==o&&o.length?T(r||{url:n}):t.preventDefault()},ref:t}),o)}));var iE=lE;var aE=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"}));var sE=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{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"}));const{Slot:cE,Fill:uE}=(0,m.createSlotFill)("BlockEditorLinkControlViewer");function dE(e,t){switch(t.type){case"RESOLVED":return{...e,isFetching:!1,richData:t.richData};case"ERROR":return{...e,isFetching:!1,richData:null};case"LOADING":return{...e,isFetching:!0};default:throw new Error(`Unexpected action type ${t.type}`)}}var pE=function(e){const[t,n]=(0,a.useReducer)(dE,{richData:null,isFetching:!1}),{fetchRichUrlData:o}=(0,p.useSelect)((e=>{const{getSettings:t}=e(so);return{fetchRichUrlData:t().__experimentalFetchRichUrlData}}),[]);return(0,a.useEffect)((()=>{if(null!=e&&e.length&&o&&"undefined"!=typeof AbortController){n({type:"LOADING"});const t=new window.AbortController,r=t.signal;return o(e,{signal:r}).then((e=>{n({type:"RESOLVED",richData:e})})).catch((()=>{r.aborted||n({type:"ERROR"})})),()=>{t.abort()}}}),[e]),t};function mE(e){var t;let{value:n,onEditClick:o,hasRichPreviews:r=!1,hasUnlinkControl:l=!1,onRemove:i}=e;const s=r?null==n?void 0:n.url:null,{richData:u,isFetching:d}=pE(s),p=u&&Object.keys(u).length,f=n&&(0,mm.filterURLForDisplay)((0,mm.safeDecodeURI)(n.url),16)||"",h=(null==u?void 0:u.title)||(null==n?void 0:n.title)||f,v=!(null!=n&&null!==(t=n.url)&&void 0!==t&&t.length);let b;return b=null!=u&&u.icon?(0,a.createElement)("img",{src:null==u?void 0:u.icon,alt:""}):v?(0,a.createElement)(ul,{icon:aE,size:32}):(0,a.createElement)(ul,{icon:Uy}),(0,a.createElement)("div",{"aria-label":(0,g.__)("Currently selected"),className:c()("block-editor-link-control__search-item",{"is-current":!0,"is-rich":p,"is-fetching":!!d,"is-preview":!0,"is-error":v})},(0,a.createElement)("div",{className:"block-editor-link-control__search-item-top"},(0,a.createElement)("span",{className:"block-editor-link-control__search-item-header"},(0,a.createElement)("span",{className:c()("block-editor-link-control__search-item-icon",{"is-image":null==u?void 0:u.icon})},b),(0,a.createElement)("span",{className:"block-editor-link-control__search-item-details"},v?(0,a.createElement)("span",{className:"block-editor-link-control__search-item-error-notice"},(0,g.__)("Link is empty")):(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.ExternalLink,{className:"block-editor-link-control__search-item-title",href:n.url},(0,Wl.__unstableStripHTML)(h)),(null==n?void 0:n.url)&&(0,a.createElement)("span",{className:"block-editor-link-control__search-item-info"},f)))),(0,a.createElement)(m.Button,{icon:sE,label:(0,g.__)("Edit"),className:"block-editor-link-control__search-item-action",onClick:o,iconSize:24}),l&&(0,a.createElement)(m.Button,{icon:tr,label:(0,g.__)("Unlink"),className:"block-editor-link-control__search-item-action block-editor-link-control__unlink",onClick:i,iconSize:24}),(0,a.createElement)(cE,{fillProps:n})),!!(p&&(null!=u&&u.image||null!=u&&u.description)||d)&&(0,a.createElement)("div",{className:"block-editor-link-control__search-item-bottom"},((null==u?void 0:u.image)||d)&&(0,a.createElement)("div",{"aria-hidden":!(null!=u&&u.image),className:c()("block-editor-link-control__search-item-image",{"is-placeholder":!(null!=u&&u.image)})},(null==u?void 0:u.image)&&(0,a.createElement)("img",{src:null==u?void 0:u.image,alt:""})),((null==u?void 0:u.description)||d)&&(0,a.createElement)("div",{"aria-hidden":!(null!=u&&u.description),className:c()("block-editor-link-control__search-item-description",{"is-placeholder":!(null!=u&&u.description)})},(null==u?void 0:u.description)&&(0,a.createElement)(m.__experimentalText,{truncate:!0,numberOfLines:"2"},u.description))))}const fE=e=>{let t=!1;return{promise:new Promise(((n,o)=>{e.then((e=>t?o({isCanceled:!0}):n(e)),(e=>o(t?{isCanceled:!0}:e)))})),cancel(){t=!0}}},gE=()=>{};function hE(e){var t,n,o;let{searchInputPlaceholder:r,value:l,settings:i=Zy,onChange:s=gE,onRemove:u,noDirectEntry:d=!1,showSuggestions:p=!0,showInitialSuggestions:f,forceIsEditingLink:h,createSuggestion:v,withCreateSuggestion:b,inputValue:_="",suggestionsQuery:k={},noURLSuggestion:y=!1,createSuggestionButtonText:E,hasRichPreviews:C=!1,hasTextControl:S=!1,renderControlBottom:w=null}=e;void 0===b&&v&&(b=!0);const B=(0,a.useRef)(!0),I=(0,a.useRef)(),x=(0,a.useRef)(),[T,N]=(0,a.useState)((null==l?void 0:l.url)||""),[P,M]=(0,a.useState)((null==l?void 0:l.title)||""),L=_||T,[R,A]=(0,a.useState)(void 0!==h?h:!l||!l.url),D=(0,a.useRef)(!1),O=!(null!=L&&null!==(t=L.trim())&&void 0!==t&&t.length),{createPage:z,isCreatingPage:F,errorMessage:V}=function(e){const t=(0,a.useRef)(),[n,o]=(0,a.useState)(!1),[r,l]=(0,a.useState)(null);return(0,a.useEffect)((()=>()=>{t.current&&t.current.cancel()}),[]),{createPage:async function(n){o(!0),l(null);try{return t.current=fE(Promise.resolve(e(n))),await t.current.promise}catch(e){if(e&&e.isCanceled)return;throw l(e.message||(0,g.__)("An unknown error occurred during creation. Please try again.")),e}finally{o(!1)}},isCreatingPage:n,errorMessage:r}}(v);function H(){var e;D.current=!(null===(e=I.current)||void 0===e||!e.contains(I.current.ownerDocument.activeElement)),A(!1)}(0,a.useEffect)((()=>{void 0!==h&&h!==R&&A(h)}),[h]),(0,a.useEffect)((()=>{if(B.current)return void(B.current=!1);const e=null!=x&&x.current?1:0;(Wl.focus.focusable.find(I.current)[e]||I.current).focus(),D.current=!1}),[R,F]),(0,a.useEffect)((()=>{null!=l&&l.title&&l.title!==P&&M(l.title),null!=l&&l.url&&N(l.url)}),[l]);const G=()=>{L===(null==l?void 0:l.url)&&P===(null==l?void 0:l.title)||s({...l,url:L,title:P}),H()},U=u&&l&&!R&&!F,W=!(null==i||!i.length),$=(null==l||null===(n=l.url)||void 0===n||null===(o=n.trim())||void 0===o?void 0:o.length)>0&&S;return(0,a.createElement)("div",{tabIndex:-1,ref:I,className:"block-editor-link-control"},F&&(0,a.createElement)("div",{className:"block-editor-link-control__loading"},(0,a.createElement)(m.Spinner,null)," ",(0,g.__)("Creating"),"…"),(R||!l)&&!F&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)("div",{className:c()({"block-editor-link-control__search-input-wrapper":!0,"has-text-control":$})},$&&(0,a.createElement)(m.TextControl,{ref:x,className:"block-editor-link-control__field block-editor-link-control__text-content",label:"Text",value:P,onChange:M,onKeyDown:e=>{const{keyCode:t}=e;t!==ku.ENTER||O||(e.preventDefault(),G())}}),(0,a.createElement)(iE,{currentLink:l,className:"block-editor-link-control__field block-editor-link-control__search-input",placeholder:r,value:L,withCreateSuggestion:b,onCreateSuggestion:z,onChange:N,onSelect:e=>{s({...e,title:P||(null==e?void 0:e.title)}),H()},showInitialSuggestions:f,allowDirectEntry:!d,showSuggestions:p,suggestionsQuery:k,withURLSuggestion:!y,createSuggestionButtonText:E,useLabel:$},(0,a.createElement)("div",{className:"block-editor-link-control__search-actions"},(0,a.createElement)(m.Button,{onClick:G,label:(0,g.__)("Submit"),icon:Ny,className:"block-editor-link-control__search-submit",disabled:O})))),V&&(0,a.createElement)(m.Notice,{className:"block-editor-link-control__search-error",status:"error",isDismissible:!1},V)),l&&!R&&!F&&(0,a.createElement)(mE,{key:null==l?void 0:l.url,value:l,onEditClick:()=>A(!0),hasRichPreviews:C,hasUnlinkControl:U,onRemove:u}),W&&(0,a.createElement)("div",{className:"block-editor-link-control__tools"},(0,a.createElement)(My,{value:l,settings:i,onChange:s})),w&&w())}hE.ViewerFill=uE;var vE=hE;var bE=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h13.4c.4 0 .8.4.8.8v13.4zM10 15l5-3-5-3v6z"}));var _E=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"}));var kE=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M19 3H5c-.6 0-1 .4-1 1v7c0 .5.4 1 1 1h14c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1zM5.5 10.5v-.4l1.8-1.3 1.3.8c.3.2.7.2.9-.1L11 8.1l2.4 2.4H5.5zm13 0h-2.9l-4-4c-.3-.3-.8-.3-1.1 0L8.9 8l-1.2-.8c-.3-.2-.6-.2-.9 0l-1.3 1V4.5h13v6zM4 20h9v-1.5H4V20zm0-4h16v-1.5H4V16z"}));var yE=(0,m.withFilters)("editor.MediaUpload")((()=>null));var EE=function(e){let{fallback:t=null,children:n}=e;const o=(0,p.useSelect)((e=>{const{getSettings:t}=e(so);return!!t().mediaUpload}),[]);return o?n:t};const CE=()=>{};let SE=0;var wE=(0,d.compose)([(0,p.withDispatch)((e=>{const{createNotice:t,removeNotice:n}=e(Op.store);return{createNotice:t,removeNotice:n}})),(0,m.withFilters)("editor.MediaReplaceFlow")])((e=>{let{mediaURL:t,mediaId:n,mediaIds:o,allowedTypes:r,accept:l,onError:i,onSelect:s,onSelectURL:c,onToggleFeaturedImage:u,useFeaturedImage:d,onFilesUpload:f=CE,name:h=(0,g.__)("Replace"),createNotice:v,removeNotice:b,children:_,multiple:k=!1,addToGallery:y,handleUpload:E=!0}=e;const C=(0,p.useSelect)((e=>e(so).getSettings().mediaUpload),[]),S=(0,a.useRef)(),w="block-editor/media-replace-flow/error-notice/"+ ++SE,B=e=>{const t=(0,Wl.__unstableStripHTML)(e);i?i(t):setTimeout((()=>{v("error",t,{speak:!0,id:w,isDismissible:!0})}),1e3)},I=(e,t)=>{d&&u&&u(),t(),s(e),(0,qt.speak)((0,g.__)("The media file has been replaced")),b(w)},x=e=>{e.keyCode===ku.DOWN&&(e.preventDefault(),e.target.click())},T=k&&!(!r||0===r.length)&&r.every((e=>"image"===e||e.startsWith("image/")));return(0,a.createElement)(m.Dropdown,{popoverProps:{isAlternate:!0},contentClassName:"block-editor-media-replace-flow__options",renderToggle:e=>{let{isOpen:t,onToggle:n}=e;return(0,a.createElement)(m.ToolbarButton,{ref:S,"aria-expanded":t,"aria-haspopup":"true",onClick:n,onKeyDown:x},h)},renderContent:e=>{let{onClose:i}=e;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.NavigableMenu,{className:"block-editor-media-replace-flow__media-upload-menu"},(0,a.createElement)(a.Fragment,null,(0,a.createElement)(yE,{gallery:T,addToGallery:y,multiple:k,value:k?o:n,onSelect:e=>I(e,i),allowedTypes:r,render:e=>{let{open:t}=e;return(0,a.createElement)(m.MenuItem,{icon:bE,onClick:t},(0,g.__)("Open Media Library"))}}),(0,a.createElement)(EE,null,(0,a.createElement)(m.FormFileUpload,{onChange:e=>{((e,t)=>{const n=e.target.files;if(!E)return t(),s(n);f(n),C({allowedTypes:r,filesList:n,onFileChange:e=>{let[n]=e;I(n,t)},onError:B})})(e,i)},accept:l,multiple:k,render:e=>{let{openFileDialog:t}=e;return(0,a.createElement)(m.MenuItem,{icon:_E,onClick:()=>{t()}},(0,g.__)("Upload"))}}))),u&&(0,a.createElement)(m.MenuItem,{icon:kE,onClick:u,isPressed:d},(0,g.__)("Use featured image")),_),c&&(0,a.createElement)("form",{className:"block-editor-media-flow__url-input"},(0,a.createElement)("span",{className:"block-editor-media-replace-flow__image-url-label"},(0,g.__)("Current media URL:")),(0,a.createElement)(m.Tooltip,{text:t,position:"bottom"},(0,a.createElement)("div",null,(0,a.createElement)(vE,{value:{url:t},settings:[],showSuggestions:!1,onChange:e=>{let{url:t}=e;c(t),S.current.focus()}})))))}})}));function BE(e){let{url:t,urlLabel:n,className:o}=e;const r=c()(o,"block-editor-url-popover__link-viewer-url");return t?(0,a.createElement)(m.ExternalLink,{className:r,href:t},n||(0,mm.filterURLForDisplay)((0,mm.safeDecodeURI)(t))):(0,a.createElement)("span",{className:r})}function IE(e){let{additionalControls:t,children:n,renderSettings:o,position:r="bottom center",focusOnMount:l="firstElement",...s}=e;const[c,u]=(0,a.useState)(!1),d=!!o&&c;return(0,a.createElement)(m.Popover,i({className:"block-editor-url-popover",focusOnMount:l,position:r,shift:!0},s),(0,a.createElement)("div",{className:"block-editor-url-popover__input-container"},(0,a.createElement)("div",{className:"block-editor-url-popover__row"},n,!!o&&(0,a.createElement)(m.Button,{className:"block-editor-url-popover__settings-toggle",icon:Qm,label:(0,g.__)("Link settings"),onClick:()=>{u(!c)},"aria-expanded":c})),d&&(0,a.createElement)("div",{className:"block-editor-url-popover__row block-editor-url-popover__settings"},o())),t&&!d&&(0,a.createElement)("div",{className:"block-editor-url-popover__additional-controls"},t))}IE.LinkEditor=function(e){let{autocompleteRef:t,className:n,onChangeInputValue:o,value:r,...l}=e;return(0,a.createElement)("form",i({className:c()("block-editor-url-popover__link-editor",n)},l),(0,a.createElement)(Oy,{value:r,onChange:o,autocompleteRef:t}),(0,a.createElement)(m.Button,{icon:Ny,label:(0,g.__)("Apply"),type:"submit"}))},IE.LinkViewer=function(e){let{className:t,linkClassName:n,onEditLinkClick:o,url:r,urlLabel:l,...s}=e;return(0,a.createElement)("div",i({className:c()("block-editor-url-popover__link-viewer",t)},s),(0,a.createElement)(BE,{url:r,urlLabel:l,className:n}),o&&(0,a.createElement)(m.Button,{icon:sE,label:(0,g.__)("Edit"),onClick:o}))};var xE=IE;const TE=()=>{},NE=e=>{let{src:t,onChange:n,onSubmit:o,onClose:r}=e;return(0,a.createElement)(xE,{onClose:r},(0,a.createElement)("form",{className:"block-editor-media-placeholder__url-input-form",onSubmit:o},(0,a.createElement)("input",{className:"block-editor-media-placeholder__url-input-field",type:"text","aria-label":(0,g.__)("URL"),placeholder:(0,g.__)("Paste or type URL"),onChange:n,value:t}),(0,a.createElement)(m.Button,{className:"block-editor-media-placeholder__url-input-submit-button",icon:Ny,label:(0,g.__)("Apply"),type:"submit"})))};var PE=(0,m.withFilters)("editor.MediaPlaceholder")((function(e){let{value:t={},allowedTypes:n,className:o,icon:r,labels:l={},mediaPreview:i,notices:s,isAppender:u,accept:d,addToGallery:f,multiple:h=!1,handleUpload:v=!0,disableDropZone:b,disableMediaButtons:_,onError:k,onSelect:y,onCancel:E,onSelectURL:C,onToggleFeaturedImage:S,onDoubleClick:w,onFilesPreUpload:B=TE,onHTMLDrop:I=TE,children:x,mediaLibraryButton:T,placeholder:N,style:P}=e;const M=(0,p.useSelect)((e=>{const{getSettings:t}=e(so);return t().mediaUpload}),[]),[L,R]=(0,a.useState)(""),[A,D]=(0,a.useState)(!1);(0,a.useEffect)((()=>{var e;R(null!==(e=null==t?void 0:t.src)&&void 0!==e?e:"")}),[null==t?void 0:t.src]);const O=e=>{R(e.target.value)},z=()=>{D(!0)},F=()=>{D(!1)},V=e=>{e.preventDefault(),L&&C&&(C(L),F())},H=e=>{if(!v)return y(e);let o;if(B(e),h)if(f){let e=[];o=n=>{const o=(null!=t?t:[]).filter((t=>t.id?!e.some((e=>{let{id:n}=e;return Number(n)===Number(t.id)})):!e.some((e=>{let{urlSlug:n}=e;return t.url.includes(n)}))));y(o.concat(n)),e=n.map((e=>{const t=e.url.lastIndexOf("."),n=e.url.slice(0,t);return{id:e.id,urlSlug:n}}))}}else o=y;else o=e=>{let[t]=e;return y(t)};M({allowedTypes:n,filesList:e,onFileChange:o,onError:k})},G=e=>{H(e.target.files)},U=null!=N?N:e=>{let{instructions:t,title:d}=l;if(M||C||(t=(0,g.__)("To edit this block, you need permission to upload media.")),void 0===t||void 0===d){const e=null!=n?n:[],[o]=e,r=1===e.length,l=r&&"audio"===o,i=r&&"image"===o,a=r&&"video"===o;void 0===t&&M&&(t=(0,g.__)("Upload a media file or pick one from your media library."),l?t=(0,g.__)("Upload an audio file, pick one from your media library, or add one with a URL."):i?t=(0,g.__)("Upload an image file, pick one from your media library, or add one with a URL."):a&&(t=(0,g.__)("Upload a video file, pick one from your media library, or add one with a URL."))),void 0===d&&(d=(0,g.__)("Media"),l?d=(0,g.__)("Audio"):i?d=(0,g.__)("Image"):a&&(d=(0,g.__)("Video")))}const p=c()("block-editor-media-placeholder",o,{"is-appender":u});return(0,a.createElement)(m.Placeholder,{icon:r,label:d,instructions:t,className:p,notices:s,onDoubleClick:w,preview:i,style:P},e,x)},W=()=>b?null:(0,a.createElement)(m.DropZone,{onFilesDrop:H,onHTMLDrop:I}),$=()=>E&&(0,a.createElement)(m.Button,{className:"block-editor-media-placeholder__cancel-button",title:(0,g.__)("Cancel"),variant:"link",onClick:E},(0,g.__)("Cancel")),j=()=>C&&(0,a.createElement)("div",{className:"block-editor-media-placeholder__url-input-container"},(0,a.createElement)(m.Button,{className:"block-editor-media-placeholder__button",onClick:z,isPressed:A,variant:"tertiary"},(0,g.__)("Insert from URL")),A&&(0,a.createElement)(NE,{src:L,onChange:O,onSubmit:V,onClose:F})),K=()=>S&&(0,a.createElement)("div",{className:"block-editor-media-placeholder__url-input-container"},(0,a.createElement)(m.Button,{className:"block-editor-media-placeholder__button",onClick:S,variant:"tertiary"},(0,g.__)("Use featured image")));return _?(0,a.createElement)(EE,null,W()):(0,a.createElement)(EE,{fallback:U(j())},(()=>{const e=null!=T?T:e=>{let{open:t}=e;return(0,a.createElement)(m.Button,{variant:"tertiary",onClick:()=>{t()}},(0,g.__)("Media Library"))},o=(0,a.createElement)(yE,{addToGallery:f,gallery:h&&!(!n||0===n.length)&&n.every((e=>"image"===e||e.startsWith("image/"))),multiple:h,onSelect:y,allowedTypes:n,mode:"browse",value:Array.isArray(t)?t.map((e=>{let{id:t}=e;return t})):t.id,render:e});if(M&&u)return(0,a.createElement)(a.Fragment,null,W(),(0,a.createElement)(m.FormFileUpload,{onChange:G,accept:d,multiple:h,render:e=>{let{openFileDialog:t}=e;const n=(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.Button,{variant:"primary",className:c()("block-editor-media-placeholder__button","block-editor-media-placeholder__upload-button"),onClick:t},(0,g.__)("Upload")),o,j(),K(),$());return U(n)}}));if(M){const e=(0,a.createElement)(a.Fragment,null,W(),(0,a.createElement)(m.FormFileUpload,{variant:"primary",className:c()("block-editor-media-placeholder__button","block-editor-media-placeholder__upload-button"),onChange:G,accept:d,multiple:h},(0,g.__)("Upload")),o,j(),K(),$());return U(e)}return U(o)})())}));var ME=e=>{let{colorSettings:t,...n}=e;const o=t.map((e=>{if(!e)return e;const{value:t,onChange:n,...o}=e;return{...o,colorValue:t,onColorChange:n}}));return(0,a.createElement)($k,i({settings:o,gradients:[],disableCustomGradients:!0},n))};const LE={position:"bottom right",isAlternate:!0};var RE=()=>(0,a.createElement)(a.Fragment,null,["bold","italic","link"].map((e=>(0,a.createElement)(m.Slot,{name:`RichText.ToolbarControls.${e}`,key:e}))),(0,a.createElement)(m.Slot,{name:"RichText.ToolbarControls"},(e=>{if(!e.length)return null;const t=e.map((e=>{let[{props:t}]=e;return t})).some((e=>{let{isActive:t}=e;return t}));return(0,a.createElement)(m.ToolbarItem,null,(n=>(0,a.createElement)(m.DropdownMenu,{icon:Qm,label:(0,g.__)("More"),toggleProps:{...n,className:c()(n.className,{"is-pressed":t}),describedBy:(0,g.__)("Displays more block tools")},controls:(0,u.orderBy)(e.map((e=>{let[{props:t}]=e;return t})),"title"),popoverProps:LE})))})));function AE(e){let{value:t,editableContentElement:n,activeFormats:o}=e;const r=o[o.length-1],l=null==r?void 0:r.type,i=(0,p.useSelect)((e=>e(z.store).getFormatType(l)),[l]),s=(0,z.useAnchor)({editableContentElement:n,value:t,settings:i});return(0,a.createElement)(DE,{popoverAnchor:s})}function DE(e){let{popoverAnchor:t}=e;return(0,a.createElement)(m.Popover,{position:"top center",focusOnMount:!1,anchor:t,className:"block-editor-rich-text__inline-format-toolbar",__unstableSlotName:"block-toolbar"},(0,a.createElement)("div",{className:"block-editor-rich-text__inline-format-toolbar-group"},(0,a.createElement)(m.ToolbarGroup,null,(0,a.createElement)(RE,null))))}var OE=e=>{let{inline:t,editableContentElement:n,value:o}=e;const r=(0,p.useSelect)((e=>e(so).getSettings().hasInlineToolbar),[]);if(t)return(0,a.createElement)(DE,{popoverAnchor:n});if(r){const e=(0,z.getActiveFormats)(o);return(0,z.isCollapsed)(o)&&!e.length?null:(0,a.createElement)(AE,{editableContentElement:n,value:o,activeFormats:e})}return(0,a.createElement)(_o,{group:"inline"},(0,a.createElement)(RE,null))};function zE(){const{didAutomaticChange:e,getSettings:t}=(0,p.useSelect)(so);return(0,d.useRefEffect)((n=>{function o(n){const{keyCode:o}=n;n.defaultPrevented||o!==ku.DELETE&&o!==ku.BACKSPACE&&o!==ku.ESCAPE||e()&&(n.preventDefault(),t().__experimentalUndo())}return n.addEventListener("keydown",o),()=>{n.removeEventListener("keydown",o)}}),[])}function FE(e){return e.filter((e=>{let{type:t}=e;return/^image\/(?:jpe?g|png|gif|webp)$/.test(t)})).map((e=>``)).join("")}var VE=window.wp.shortcode;function HE(e,t){if(null!=t&&t.length){let n=e.formats.length;for(;n--;)e.formats[n]=[...t,...e.formats[n]||[]]}}function GE(e){if(!0===e||"p"===e||"li"===e)return!0===e?"p":e}function UE(e){let{allowedFormats:t,formattingControls:n,disableFormats:o}=e;return o?UE.EMPTY_ARRAY:t||n?t||(V()("wp.blockEditor.RichText formattingControls prop",{since:"5.4",alternative:"allowedFormats",version:"6.2"}),n.map((e=>`core/${e}`))):void 0}UE.EMPTY_ARRAY=[];function WE(e){let{value:t,pastedBlocks:n=[],onReplace:o,onSplit:r,onSplitMiddle:l,multilineTag:i}=e;if(!o||!r)return;const{start:a=0,end:s=0}=t,c={...t,start:a,end:s},u=[],[d,p]=(0,z.split)(c),m=n.length>0;let f=-1;const g=(0,z.isEmpty)(d)&&!(0,z.isEmpty)(p);m&&(0,z.isEmpty)(d)||(u.push(r((0,z.toHTMLString)({value:d,multilineTag:i}),!g)),f+=1),m?(u.push(...n),f+=n.length):l&&u.push(l()),(m||l)&&(0,z.isEmpty)(p)||u.push(r((0,z.toHTMLString)({value:p,multilineTag:i}),g));o(u,m?f:1,m?-1:0)}function $E(e,t){return t?(0,z.replace)(e,/\n+/g,z.__UNSTABLE_LINE_SEPARATOR):(0,z.replace)(e,new RegExp(z.__UNSTABLE_LINE_SEPARATOR,"g"),"\n")}function jE(e){const t=(0,a.useRef)(e);return t.current=e,(0,d.useRefEffect)((e=>{function n(e){const{isSelected:n,disableFormats:o,onChange:l,value:i,formatTypes:a,tagName:s,onReplace:c,onSplit:u,onSplitMiddle:d,__unstableEmbedURLOnPaste:p,multilineTag:m,preserveWhiteSpace:f,pastePlainText:g}=t.current;if(!n)return;const{clipboardData:h}=e;let v="",b="";try{v=h.getData("text/plain"),b=h.getData("text/html")}catch(e){try{b=h.getData("Text")}catch(e){return}}if(b=function(e){const t="\x3c!--StartFragment--\x3e",n=e.indexOf(t);if(!(n>-1))return e;e=e.substring(n+t.length);const o="\x3c!--EndFragment--\x3e",r=e.indexOf(o);r>-1&&(e=e.substring(0,r));return e}(b),b=function(e){const t="";if(e.startsWith(t))return e.slice(t.length);return e}(b),e.preventDefault(),window.console.log("Received HTML:\n\n",b),window.console.log("Received plain text:\n\n",v),o)return void l((0,z.insert)(i,v));const _=a.reduce(((e,t)=>{let{__unstablePasteRule:n}=t;return n&&e===i&&(e=n(i,{html:b,plainText:v})),e}),i);if(_!==i)return void l(_);const k=[...(0,Wl.getFilesFromDataTransfer)(h)];if("true"===h.getData("rich-text")){const e=h.getData("rich-text-multi-line-tag")||void 0;let t=(0,z.create)({html:b,multilineTag:e,multilineWrapperTags:"li"===e?["ul","ol"]:void 0,preserveWhiteSpace:f});return t=$E(t,!!m),HE(t,i.activeFormats),void l((0,z.insert)(i,t))}if(g)return void l((0,z.insert)(i,(0,z.create)({text:v})));if(null!=k&&k.length&&!$f(k,b)){const e=(0,r.pasteHandler)({HTML:FE(k),mode:"BLOCKS",tagName:s,preserveWhiteSpace:f});return window.console.log("Received items:\n\n",k),void(c&&(0,z.isEmpty)(i)?c(e):WE({value:i,pastedBlocks:e,onReplace:c,onSplit:u,onSplitMiddle:d,multilineTag:m}))}let y=c&&u?"AUTO":"INLINE";var E;"AUTO"===y&&(0,z.isEmpty)(i)&&(E=v,(0,VE.regexp)(".*").test(E))&&(y="BLOCKS"),p&&(0,z.isEmpty)(i)&&(0,mm.isURL)(v.trim())&&(y="BLOCKS");const C=(0,r.pasteHandler)({HTML:b,plainText:v,mode:y,tagName:s,preserveWhiteSpace:f});if("string"==typeof C){let e=(0,z.create)({html:C});e=$E(e,!!m),HE(e,i.activeFormats),l((0,z.insert)(i,e))}else C.length>0&&(c&&(0,z.isEmpty)(i)?c(C,C.length-1,-1):WE({value:i,pastedBlocks:C,onReplace:c,onSplit:u,onSplitMiddle:d,multilineTag:m}))}return e.addEventListener("paste",n),()=>{e.removeEventListener("paste",n)}}),[])}const KE=["`",'"',"'","“”","‘’"];function qE(e){const{__unstableMarkLastChangeAsPersistent:t,__unstableMarkAutomaticChange:n}=(0,p.useDispatch)(so),o=(0,a.useRef)(e);return o.current=e,(0,d.useRefEffect)((e=>{function r(r){const{inputType:i,data:a}=r,{value:s,onChange:c}=o.current;if("insertText"!==i)return;if((0,z.isCollapsed)(s))return;const u=(0,l.applyFilters)("blockEditor.wrapSelectionSettings",KE).find((e=>{let[t,n]=e;return t===a||n===a}));if(!u)return;const[d,p=d]=u,m=s.start,f=s.end+d.length;let g=(0,z.insert)(s,d,m,m);g=(0,z.insert)(g,p,f,f),t(),c(g),n();const h={};for(const e in r)h[e]=r[e];h.data=p;const{ownerDocument:v}=e,{defaultView:b}=v,_=new b.InputEvent("input",h);r.target.dispatchEvent(_),r.preventDefault()}return e.addEventListener("beforeinput",r),()=>{e.removeEventListener("beforeinput",r)}}),[])}function YE(e){let t=e.length;for(;t--;){const n=Qt(e[t].attributes);if(n)return e[t].attributes[n]=e[t].attributes[n].replace(Yt,""),e[t].clientId;const o=YE(e[t].innerBlocks);if(o)return o}}function QE(e){const{__unstableMarkLastChangeAsPersistent:t,__unstableMarkAutomaticChange:n}=(0,p.useDispatch)(so),o=(0,a.useRef)(e);return o.current=e,(0,d.useRefEffect)((e=>{function l(){const{value:e,onReplace:t,selectionChange:l}=o.current;if(!t)return;const{start:i,text:a}=e;if(" "!==a.slice(i-1,i))return;const s=a.slice(0,i).trim(),c=(0,r.getBlockTransforms)("from").filter((e=>{let{type:t}=e;return"prefix"===t})),u=(0,r.findTransform)(c,(e=>{let{prefix:t}=e;return s===t}));if(!u)return;const d=(0,z.toHTMLString)({value:(0,z.insert)(e,Yt,0,i)}),p=u.transform(d);l(YE([p])),t([p]),n()}function i(e){const{inputType:r,type:i}=e,{value:a,onChange:s,__unstableAllowPrefixTransformations:c,formatTypes:u}=o.current;if("insertText"!==r&&"compositionend"!==i)return;c&&l&&l();const d=u.reduce(((e,t)=>{let{__unstableInputRule:n}=t;return n&&(e=n(e)),e}),function(e){const t="tales of gutenberg",{start:n,text:o}=e;return n{e.removeEventListener("input",i),e.removeEventListener("compositionend",i)}}),[])}function ZE(e){const{__unstableMarkAutomaticChange:t}=(0,p.useDispatch)(so),n=(0,a.useRef)(e);return n.current=e,(0,d.useRefEffect)((e=>{function o(e){if(e.defaultPrevented)return;const{removeEditorOnlyFormats:o,value:l,onReplace:i,onSplit:a,onSplitMiddle:s,multilineTag:c,onChange:u,disableLineBreaks:d,onSplitAtEnd:p}=n.current;if(e.keyCode!==ku.ENTER)return;e.preventDefault();const m={...l};m.formats=o(l);const f=i&&a;if(i){const e=(0,r.getBlockTransforms)("from").filter((e=>{let{type:t}=e;return"enter"===t})),n=(0,r.findTransform)(e,(e=>e.regExp.test(m.text)));n&&(i([n.transform({content:m.text})]),t())}if(c)e.shiftKey?d||u((0,z.insert)(m,"\n")):f&&(0,z.__unstableIsEmptyLine)(m)?WE({value:m,onReplace:i,onSplit:a,onSplitMiddle:s,multilineTag:c}):u((0,z.__unstableInsertLineSeparator)(m));else{const{text:t,start:n,end:o}=m,r=p&&n===o&&o===t.length;e.shiftKey||!f&&!r?d||u((0,z.insert)(m,"\n")):!f&&r?p():f&&WE({value:m,onReplace:i,onSplit:a,onSplitMiddle:s,multilineTag:c})}}return e.addEventListener("keydown",o),()=>{e.removeEventListener("keydown",o)}}),[])}function XE(e){return e(z.store).getFormatTypes()}const JE=new Set(["a","audio","button","details","embed","iframe","input","label","select","textarea","video"]);function eC(e,t){return"object"!=typeof e?{[t]:e}:Object.fromEntries(Object.entries(e).map((e=>{let[n,o]=e;return[`${t}.${n}`,o]})))}function tC(e,t){return e[t]?e[t]:Object.keys(e).filter((e=>e.startsWith(t+"."))).reduce(((n,o)=>(n[o.slice(t.length+1)]=e[o],n)),{})}function nC(e){return(0,d.useRefEffect)((t=>{function n(t){for(const n of e.current)n(t)}return t.addEventListener("keydown",n),()=>{t.removeEventListener("keydown",n)}}),[])}function oC(e){return(0,d.useRefEffect)((t=>{function n(t){for(const n of e.current)n(t)}return t.addEventListener("input",n),()=>{t.removeEventListener("input",n)}}),[])}function rC(){const{isMultiSelecting:e}=(0,p.useSelect)(so);return(0,d.useRefEffect)((t=>{function n(){if(!e())return;const n=t.parentElement.closest('[contenteditable="true"]');n&&n.focus()}return t.addEventListener("focus",n),()=>{t.removeEventListener("focus",n)}}),[])}function lC(e){let{formatTypes:t,onChange:n,onFocus:o,value:r,forwardedRef:l}=e;return t.map((e=>{const{name:t,edit:i}=e;if(!i)return null;const s=(0,z.getActiveFormat)(r,t);let c=void 0!==s;const d=(0,z.getActiveObject)(r),p=void 0!==d&&d.type===t;if("core/link"===t&&!(0,z.isCollapsed)(r)){const e=r.formats,t=(0,u.find)(e[r.start],{type:"core/link"}),n=(0,u.find)(e[r.end-1],{type:"core/link"});t&&n&&t===n||(c=!1)}return(0,a.createElement)(i,{key:t,isActive:c,activeAttributes:c&&s.attributes||{},isObjectActive:p,activeObjectAttributes:p&&d.attributes||{},value:r,onChange:n,onFocus:o,contentRef:l})}))}const iC=(0,a.createContext)(),aC=(0,a.createContext)();const sC=(0,a.forwardRef)((function e(t,n){let{children:o,tagName:l="div",value:s="",onChange:u,isSelected:f,multiline:g,inlineToolbar:h,wrapperClassName:v,autocompleters:b,onReplace:_,placeholder:k,allowedFormats:y,formattingControls:E,withoutInteractiveFormatting:C,onRemove:S,onMerge:w,onSplit:B,__unstableOnSplitAtEnd:I,__unstableOnSplitMiddle:x,identifier:T,preserveWhiteSpace:N,__unstablePastePlainText:P,__unstableEmbedURLOnPaste:M,__unstableDisableFormats:L,disableLineBreaks:R,unstableOnFocus:A,__unstableAllowPrefixTransformations:D,...O}=t;g&&V()("wp.blockEditor.RichText multiline prop",{since:"6.1",version:"6.3",alternative:"nested blocks (InnerBlocks)",link:"https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/"});const F=(0,d.useInstanceId)(e);T=T||F,O=function(e){const{__unstableMobileNoFocusOnMount:t,deleteEnter:n,placeholderTextColor:o,textAlign:r,selectionColor:l,tagsToEliminate:i,rootTagsToEliminate:a,disableEditingMenu:s,fontSize:c,fontFamily:u,fontWeight:d,fontStyle:p,minWidth:m,maxWidth:f,setRef:g,disableSuggestions:h,disableAutocorrection:v,...b}=e;return b}(O);const H=(0,a.useRef)(),{clientId:G}=mo(),{selectionStart:U,selectionEnd:W,isSelected:$}=(0,p.useSelect)((e=>{const{getSelectionStart:t,getSelectionEnd:n}=e(so),o=t(),r=n();let l;return void 0===f?l=o.clientId===G&&r.clientId===G&&o.attributeKey===T:f&&(l=o.clientId===G),{selectionStart:l?o.offset:void 0,selectionEnd:l?r.offset:void 0,isSelected:l}})),{selectionChange:j}=(0,p.useDispatch)(so),K=GE(g),q=UE({allowedFormats:y,formattingControls:E,disableFormats:L}),Y=!q||q.length>0;let Q=s,Z=u;Array.isArray(s)&&(V()("wp.blockEditor.RichText value prop as children type",{since:"6.1",version:"6.3",alternative:"value prop as string",link:"https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/"}),Q=r.children.toHTML(s),Z=e=>u(r.children.fromDOM((0,z.__unstableCreateElement)(document,e).childNodes)));const X=(0,a.useCallback)(((e,t)=>{const n={},o=void 0===e&&void 0===t;("number"==typeof e||o)&&(n.start={clientId:G,attributeKey:T,offset:e}),("number"==typeof t||o)&&(n.end={clientId:G,attributeKey:T,offset:t}),j(n)}),[G,T]),{formatTypes:J,prepareHandlers:ee,valueHandlers:te,changeHandlers:ne,dependencies:oe}=function(e){let{clientId:t,identifier:n,withoutInteractiveFormatting:o,allowedFormats:r}=e;const l=(0,p.useSelect)(XE,[]),i=(0,a.useMemo)((()=>l.filter((e=>{let{name:t,tagName:n}=e;return!(r&&!r.includes(t)||o&&JE.has(n))}))),[l,r,JE]),s=(0,p.useSelect)((e=>i.reduce(((o,r)=>r.__experimentalGetPropsForEditableTreePreparation?{...o,...eC(r.__experimentalGetPropsForEditableTreePreparation(e,{richTextIdentifier:n,blockClientId:t}),r.name)}:o),{})),[i,t,n]),c=(0,p.useDispatch)(),u=[],d=[],m=[],f=[];for(const e in s)f.push(s[e]);return i.forEach((e=>{if(e.__experimentalCreatePrepareEditableTree){const o=e.__experimentalCreatePrepareEditableTree(tC(s,e.name),{richTextIdentifier:n,blockClientId:t});e.__experimentalCreateOnChangeEditableValue?d.push(o):u.push(o)}if(e.__experimentalCreateOnChangeEditableValue){let o={};e.__experimentalGetPropsForEditableTreeChangeHandler&&(o=e.__experimentalGetPropsForEditableTreeChangeHandler(c,{richTextIdentifier:n,blockClientId:t}));const r=tC(s,e.name);m.push(e.__experimentalCreateOnChangeEditableValue({..."object"==typeof r?r:{},...o},{richTextIdentifier:n,blockClientId:t}))}})),{formatTypes:i,prepareHandlers:u,valueHandlers:d,changeHandlers:m,dependencies:f}}({clientId:G,identifier:T,withoutInteractiveFormatting:C,allowedFormats:q});function re(e){return J.forEach((t=>{t.__experimentalCreatePrepareEditableTree&&(e=(0,z.removeFormat)(e,t.name,0,e.text.length))})),e.formats}const{value:le,onChange:ie,ref:ae}=(0,z.__unstableUseRichText)({value:Q,onChange(e,t){let{__unstableFormats:n,__unstableText:o}=t;Z(e),Object.values(ne).forEach((e=>{e(n,o)}))},selectionStart:U,selectionEnd:W,onSelectionChange:X,placeholder:k,__unstableIsSelected:$,__unstableMultilineTag:K,__unstableDisableFormats:L,preserveWhiteSpace:N,__unstableDependencies:[...oe,l],__unstableAfterParse:function(e){return te.reduce(((t,n)=>n(t,e.text)),e.formats)},__unstableBeforeSerialize:re,__unstableAddInvisibleFormats:function(e){return ee.reduce(((t,n)=>n(t,e.text)),e.formats)}}),se=function(e){return(0,m.__unstableUseAutocompleteProps)({...e,completers:P_(e)})}({onReplace:_,completers:b,record:le,onChange:ie});!function(e){let{html:t,value:n}=e;const o=(0,a.useRef)(),r=n.activeFormats&&!!n.activeFormats.length,{__unstableMarkLastChangeAsPersistent:l}=(0,p.useDispatch)(so);(0,a.useLayoutEffect)((()=>{if(o.current){if(o.current!==n.text){const e=window.setTimeout((()=>{l()}),1e3);return o.current=n.text,()=>{window.clearTimeout(e)}}l()}else o.current=n.text}),[t,r])}({html:Q,value:le});const ce=(0,a.useRef)(new Set),ue=(0,a.useRef)(new Set);function de(){var e;null===(e=H.current)||void 0===e||e.focus()}const pe=l;return(0,a.createElement)(a.Fragment,null,$&&(0,a.createElement)(iC.Provider,{value:ce},(0,a.createElement)(aC.Provider,{value:ue},(0,a.createElement)(m.Popover.__unstableSlotNameProvider,{value:"__unstable-block-tools-after"},o&&o({value:le,onChange:ie,onFocus:de}),(0,a.createElement)(lC,{value:le,onChange:ie,onFocus:de,formatTypes:J,forwardedRef:H})))),$&&Y&&(0,a.createElement)(OE,{inline:h,editableContentElement:H.current,value:le}),(0,a.createElement)(pe,i({role:"textbox","aria-multiline":!R,"aria-label":k},O,se,{ref:(0,d.useMergeRefs)([n,se.ref,O.ref,ae,qE({value:le,onChange:ie}),QE({value:le,onChange:ie,__unstableAllowPrefixTransformations:D,formatTypes:J,onReplace:_,selectionChange:j}),(0,d.useRefEffect)((e=>{function t(e){(ku.isKeyboardEvent.primary(e,"z")||ku.isKeyboardEvent.primary(e,"y")||ku.isKeyboardEvent.primaryShift(e,"z"))&&e.preventDefault()}return e.addEventListener("keydown",t),()=>{e.addEventListener("keydown",t)}}),[]),nC(ce),oC(ue),zE(),jE({isSelected:$,disableFormats:L,onChange:ie,value:le,formatTypes:J,tagName:l,onReplace:_,onSplit:B,onSplitMiddle:x,__unstableEmbedURLOnPaste:M,multilineTag:K,preserveWhiteSpace:N,pastePlainText:P}),ZE({removeEditorOnlyFormats:re,value:le,onReplace:_,onSplit:B,onSplitMiddle:x,multilineTag:K,onChange:ie,disableLineBreaks:R,onSplitAtEnd:I}),rC(),H]),contentEditable:!0,suppressContentEditableWarning:!0,className:c()("block-editor-rich-text__editable",O.className,"rich-text"),onFocus:A,onKeyDown:function(e){const{keyCode:t}=e;if(!e.defaultPrevented&&(t===ku.DELETE||t===ku.BACKSPACE)){const{start:n,end:o,text:r}=le,l=t===ku.BACKSPACE,i=le.activeFormats&&!!le.activeFormats.length;if(!(0,z.isCollapsed)(le)||i||l&&0!==n||!l&&o!==r.length)return;w&&w(!l),S&&(0,z.isEmpty)(le)&&l&&S(!l),e.preventDefault()}}})))}));sC.Content=e=>{let{value:t,tagName:n,multiline:o,...l}=e;Array.isArray(t)&&(V()("wp.blockEditor.RichText value prop as children type",{since:"6.1",version:"6.3",alternative:"value prop as string",link:"https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/"}),t=r.children.toHTML(t));const i=GE(o);!t&&i&&(t=`<${i}>`);const s=(0,a.createElement)(a.RawHTML,null,t);if(n){const{format:e,...t}=l;return(0,a.createElement)(n,t,s)}return s},sC.isEmpty=e=>!e||0===e.length;var cC=sC;const uC=(0,a.forwardRef)(((e,t)=>(0,a.createElement)(cC,i({ref:t},e,{__unstableDisableFormats:!0,preserveWhiteSpace:!0}))));uC.Content=e=>{let{value:t="",tagName:n="div",...o}=e;return(0,a.createElement)(n,o,t)};var dC=uC;var pC=(0,a.forwardRef)(((e,t)=>{let{__experimentalVersion:n,...o}=e;if(2===n)return(0,a.createElement)(dC,i({ref:t},o));const{className:r,onChange:l,...s}=o;return(0,a.createElement)(si.Z,i({ref:t,className:c()("block-editor-plain-text",r),onChange:e=>l(e.target.value)},s))}));function mC(e){let{property:t,viewport:n,desc:o}=e;const r=(0,d.useInstanceId)(mC),l=o||(0,g.sprintf)((0,g._x)("Controls the %1$s property for %2$s viewports.","Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size."),t,n.label);return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("span",{"aria-describedby":`rbc-desc-${r}`},n.label),(0,a.createElement)(m.VisuallyHidden,{as:"span",id:`rbc-desc-${r}`},l))}var fC=function(e){const{title:t,property:n,toggleLabel:o,onIsResponsiveChange:r,renderDefaultControl:l,renderResponsiveControls:i,isResponsive:s=!1,defaultLabel:u={id:"all",label:(0,g.__)("All")},viewports:d=[{id:"small",label:(0,g.__)("Small screens")},{id:"medium",label:(0,g.__)("Medium screens")},{id:"large",label:(0,g.__)("Large screens")}]}=e;if(!t||!n||!l)return null;const p=o||(0,g.sprintf)((0,g.__)("Use the same %s on all screensizes."),n),f=(0,g.__)("Toggle between using the same value for all screen sizes or using a unique value per screen size."),h=l((0,a.createElement)(mC,{property:n,viewport:u}),u);return(0,a.createElement)("fieldset",{className:"block-editor-responsive-block-control"},(0,a.createElement)("legend",{className:"block-editor-responsive-block-control__title"},t),(0,a.createElement)("div",{className:"block-editor-responsive-block-control__inner"},(0,a.createElement)(m.ToggleControl,{className:"block-editor-responsive-block-control__toggle",label:p,checked:!s,onChange:r,help:f}),(0,a.createElement)("div",{className:c()("block-editor-responsive-block-control__group",{"is-responsive":s})},!s&&h,s&&(i?i(d):d.map((e=>(0,a.createElement)(a.Fragment,{key:e.id},l((0,a.createElement)(mC,{property:n,viewport:e}),e))))))))};function gC(e){let{character:t,type:n,onUse:o}=e;const r=(0,a.useContext)(iC),l=(0,a.useRef)();return l.current=o,(0,a.useEffect)((()=>{function e(e){ku.isKeyboardEvent[n](e,t)&&(l.current(),e.preventDefault())}return r.current.add(e),()=>{r.current.delete(e)}}),[t,n]),null}function hC(e){let t,{name:n,shortcutType:o,shortcutCharacter:r,...l}=e,s="RichText.ToolbarControls";return n&&(s+=`.${n}`),o&&r&&(t=ku.displayShortcut[o](r)),(0,a.createElement)(m.Fill,{name:s},(0,a.createElement)(m.ToolbarButton,i({},l,{shortcut:t})))}function vC(e){let{inputType:t,onInput:n}=e;const o=(0,a.useContext)(aC),r=(0,a.useRef)();return r.current=n,(0,a.useEffect)((()=>{function e(e){e.inputType===t&&(r.current(),e.preventDefault())}return o.current.add(e),()=>{o.current.delete(e)}}),[t]),null}const bC=(0,a.createElement)(m.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},(0,a.createElement)(m.Path,{d:"M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z"}));var _C=(0,a.forwardRef)((function(e,t){const n=(0,p.useSelect)((e=>e(so).__unstableGetEditorMode()),[]),{__unstableSetEditorMode:o}=(0,p.useDispatch)(so);return(0,a.createElement)(m.Dropdown,{renderToggle:o=>{let{isOpen:r,onToggle:l}=o;return(0,a.createElement)(m.Button,i({},e,{ref:t,icon:"navigation"===n?bC:sE,"aria-expanded":r,"aria-haspopup":"true",onClick:l,label:(0,g.__)("Tools")}))},position:"bottom right",renderContent:()=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.NavigableMenu,{role:"menu","aria-label":(0,g.__)("Tools")},(0,a.createElement)(m.MenuItemsChoice,{value:"navigation"===n?"navigation":"edit",onSelect:o,choices:[{value:"edit",label:(0,a.createElement)(a.Fragment,null,(0,a.createElement)(ul,{icon:sE}),(0,g.__)("Edit"))},{value:"navigation",label:(0,a.createElement)(a.Fragment,null,bC,(0,g.__)("Select"))}]})),(0,a.createElement)("div",{className:"block-editor-tool-selector__help"},(0,g.__)("Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.")))})}));function kC(e){let{units:t,...n}=e;const o=(0,m.__experimentalUseCustomUnits)({availableUnits:qo("spacing.units")||["%","px","em","rem","vw"],units:t});return(0,a.createElement)(m.__experimentalUnitControl,i({units:o},n))}var yC=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M20 10.8H6.7l4.1-4.5-1.1-1.1-5.8 6.3 5.8 5.8 1.1-1.1-4-3.9H20z"}));class EC extends a.Component{constructor(){super(...arguments),this.toggle=this.toggle.bind(this),this.submitLink=this.submitLink.bind(this),this.state={expanded:!1}}toggle(){this.setState({expanded:!this.state.expanded})}submitLink(e){e.preventDefault(),this.toggle()}render(){const{url:e,onChange:t}=this.props,{expanded:n}=this.state,o=e?(0,g.__)("Edit link"):(0,g.__)("Insert link");return(0,a.createElement)("div",{className:"block-editor-url-input__button"},(0,a.createElement)(m.Button,{icon:er,label:o,onClick:this.toggle,className:"components-toolbar__control",isPressed:!!e}),n&&(0,a.createElement)("form",{className:"block-editor-url-input__button-modal",onSubmit:this.submitLink},(0,a.createElement)("div",{className:"block-editor-url-input__button-modal-line"},(0,a.createElement)(m.Button,{className:"block-editor-url-input__back",icon:yC,label:(0,g.__)("Close"),onClick:this.toggle}),(0,a.createElement)(Oy,{value:e||"",onChange:t}),(0,a.createElement)(m.Button,{icon:Ny,label:(0,g.__)("Submit"),type:"submit"}))))}}var CC=EC;var SC=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"}));const wC="none",BC="custom",IC="media",xC="attachment",TC=["noreferrer","noopener"],NC=(0,a.createElement)(m.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(m.Path,{d:"M0,0h24v24H0V0z",fill:"none"}),(0,a.createElement)(m.Path,{d:"m19 5v14h-14v-14h14m0-2h-14c-1.1 0-2 0.9-2 2v14c0 1.1 0.9 2 2 2h14c1.1 0 2-0.9 2-2v-14c0-1.1-0.9-2-2-2z"}),(0,a.createElement)(m.Path,{d:"m14.14 11.86l-3 3.87-2.14-2.59-3 3.86h12l-3.86-5.14z"})),PC=e=>{let{linkDestination:t,onChangeUrl:n,url:o,mediaType:r="image",mediaUrl:l,mediaLink:i,linkTarget:s,linkClass:c,rel:d}=e;const[p,f]=(0,a.useState)(!1),[h,v]=(0,a.useState)(null),b=(0,a.useCallback)((()=>{f(!0)})),[_,k]=(0,a.useState)(!1),[y,E]=(0,a.useState)(null),C=(0,a.useRef)(null),S=(0,a.useCallback)((()=>{t!==IC&&t!==xC||E(""),k(!0)})),w=(0,a.useCallback)((()=>{k(!1)})),B=(0,a.useCallback)((()=>{E(null),w(),f(!1)})),I=(0,a.useCallback)((()=>e=>{const t=C.current;t&&t.contains(e.target)||(f(!1),E(null),w())})),x=(0,a.useCallback)((()=>e=>{if(y){var t;const e=(null===(t=N().find((e=>e.url===y)))||void 0===t?void 0:t.linkDestination)||BC;n({href:y,linkDestination:e})}w(),E(null),e.preventDefault()})),T=(0,a.useCallback)((()=>{n({linkDestination:wC,href:""})})),N=()=>{const e=[{linkDestination:IC,title:(0,g.__)("Media File"),url:"image"===r?l:void 0,icon:NC}];return"image"===r&&i&&e.push({linkDestination:xC,title:(0,g.__)("Attachment Page"),url:"image"===r?i:void 0,icon:(0,a.createElement)(m.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,a.createElement)(m.Path,{d:"M0 0h24v24H0V0z",fill:"none"}),(0,a.createElement)(m.Path,{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z"}))}),e},P=(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.ToggleControl,{label:(0,g.__)("Open in new tab"),onChange:e=>{const t=(e=>{const t=e?"_blank":void 0;let n;if(t){const e=(null!=d?d:"").split(" ");TC.forEach((t=>{e.includes(t)||e.push(t)})),n=e.join(" ")}else{const e=(null!=d?d:"").split(" ").filter((e=>!1===TC.includes(e)));n=e.length?e.join(" "):void 0}return{linkTarget:t,rel:n}})(e);n(t)},checked:"_blank"===s}),(0,a.createElement)(m.TextControl,{label:(0,g.__)("Link Rel"),value:null!=d?d:"",onChange:e=>{n({rel:e})}}),(0,a.createElement)(m.TextControl,{label:(0,g.__)("Link CSS Class"),value:c||"",onChange:e=>{n({linkClass:e})}})),M=null!==y?y:o,L=((0,u.find)(N(),["linkDestination",t])||{}).title;return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.ToolbarButton,{icon:er,className:"components-toolbar__control",label:o?(0,g.__)("Edit link"):(0,g.__)("Insert link"),"aria-expanded":p,onClick:b,ref:v}),p&&(0,a.createElement)(xE,{anchor:h,onFocusOutside:I(),onClose:B,renderSettings:()=>P,additionalControls:!M&&(0,a.createElement)(m.NavigableMenu,null,(0,u.map)(N(),(e=>(0,a.createElement)(m.MenuItem,{key:e.linkDestination,icon:e.icon,onClick:()=>{E(null),(e=>{const t=N();let o;o=e?((0,u.find)(t,(t=>t.url===e))||{linkDestination:BC}).linkDestination:wC,n({linkDestination:o,href:e})})(e.url),w()}},e.title))))},(!o||_)&&(0,a.createElement)(xE.LinkEditor,{className:"block-editor-format-toolbar__link-container-content",value:M,onChangeInputValue:E,onSubmit:x(),autocompleteRef:C}),o&&!_&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(xE.LinkViewer,{className:"block-editor-format-toolbar__link-container-content",url:o,onEditLinkClick:S,urlLabel:L}),(0,a.createElement)(m.Button,{icon:SC,label:(0,g.__)("Remove link"),onClick:T}))))};function MC(e){let{children:t,viewLabel:n,className:o,isEnabled:r=!0,deviceType:l,setDeviceType:i}=e;if((0,d.useViewportMatch)("small","<"))return null;const s={className:c()(o,"block-editor-post-preview__dropdown-content"),position:"bottom left"},u={variant:"tertiary",className:"block-editor-post-preview__button-toggle",disabled:!r,children:n},p={"aria-label":(0,g.__)("View options")};return(0,a.createElement)(m.DropdownMenu,{className:"block-editor-post-preview__dropdown",popoverProps:s,toggleProps:u,menuProps:p,icon:null},(()=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)(m.MenuGroup,null,(0,a.createElement)(m.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>i("Desktop"),icon:"Desktop"===l&&Ef},(0,g.__)("Desktop")),(0,a.createElement)(m.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>i("Tablet"),icon:"Tablet"===l&&Ef},(0,g.__)("Tablet")),(0,a.createElement)(m.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>i("Mobile"),icon:"Mobile"===l&&Ef},(0,g.__)("Mobile"))),t)))}function LC(e){const[t,n]=(0,a.useState)(window.innerWidth);(0,a.useEffect)((()=>{if("Desktop"===e)return;const t=()=>n(window.innerWidth);return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[e]);const o=e=>{let n;switch(e){case"Tablet":n=780;break;case"Mobile":n=360;break;default:return null}return n{const t="Mobile"===e?"768px":"1024px";switch(e){case"Tablet":case"Mobile":return{width:o(e),margin:(window.innerHeight<800?36:72)+"px auto",height:t,borderRadius:"2px 2px 2px 2px",border:"1px solid #ddd",overflowY:"auto"};default:return null}})(e)}var RC=(0,p.withSelect)((e=>({selectedBlockClientId:e(so).getBlockSelectionStart()})))((e=>{let{selectedBlockClientId:t}=e;const n=Mo(t);return t?(0,a.createElement)(m.Button,{variant:"secondary",className:"block-editor-skip-to-selected-block",onClick:()=>{n.current.focus()}},(0,g.__)("Skip to the selected block")):null})),AC=window.wp.wordcount;var DC=(0,p.withSelect)((e=>{const{getMultiSelectedBlocks:t}=e(so);return{blocks:t()}}))((function(e){let{blocks:t}=e;const n=(0,AC.count)((0,r.serialize)(t),"words");return(0,a.createElement)("div",{className:"block-editor-multi-selection-inspector__card"},(0,a.createElement)(Du,{icon:vf,showColors:!0}),(0,a.createElement)("div",{className:"block-editor-multi-selection-inspector__card-content"},(0,a.createElement)("div",{className:"block-editor-multi-selection-inspector__card-title"},(0,g.sprintf)((0,g._n)("%d block","%d blocks",t.length),t.length)),(0,a.createElement)("div",{className:"block-editor-multi-selection-inspector__card-description"},(0,g.sprintf)((0,g._n)("%d word","%d words",n),n))))}));function OC(e){let{blockName:t}=e;const{preferredStyle:n,onUpdatePreferredStyleVariations:o,styles:l}=(0,p.useSelect)((e=>{var n,o;const l=e(so).getSettings().__experimentalPreferredStyleVariations;return{preferredStyle:null==l||null===(n=l.value)||void 0===n?void 0:n[t],onUpdatePreferredStyleVariations:null!==(o=null==l?void 0:l.onChange)&&void 0!==o?o:null,styles:e(r.store).getBlockStyles(t)}}),[t]),i=(0,a.useMemo)((()=>[{label:(0,g.__)("Not set"),value:""},...l.map((e=>{let{label:t,name:n}=e;return{label:t,value:n}}))]),[l]),s=(0,a.useMemo)((()=>{var e;return null===(e=Bf(l))||void 0===e?void 0:e.name}),[l]),c=(0,a.useCallback)((e=>{o(t,e)}),[t,o]);return n&&n!==s?o&&(0,a.createElement)("div",{className:"default-style-picker__default-switcher"},(0,a.createElement)(m.SelectControl,{options:i,value:n||"",label:(0,g.__)("Default Style"),onChange:c})):null}function zC(e,t){const n=(0,a.useMemo)((()=>e.reduce(((e,t)=>("core/list-item"!==t.name&&Object.entries(t.attributes).some((e=>{let[,{__experimentalRole:t}]=e;return"content"===t}))&&(e[t.name]=!0),e)),{})),[e]),o=(0,a.useCallback)((e=>!!n[e]),[e]);return(0,a.useMemo)((()=>FC([t],o)),[t,o])}function FC(e,t){const n=[];for(const o of e)t(o.name)&&n.push(o),n.push(...FC(o.innerBlocks,t));return n}function VC(e){let{blockTypes:t,block:n,selectedBlock:o}=e;const{selectBlock:r}=(0,p.useDispatch)(so),l=t.find((e=>{let{name:t}=e;return t===n.name})),i=o&&o.clientId===n.clientId;return(0,a.createElement)(m.Button,{isPressed:i,onClick:()=>r(n.clientId)},(0,a.createElement)(m.__experimentalHStack,{justify:"flex-start"},(0,a.createElement)(Du,{icon:l.icon}),(0,a.createElement)(m.FlexItem,null,l.title)))}function HC(e){let{topLevelLockedBlock:t}=e;const{blockTypes:n,block:o,selectedBlock:l}=(0,p.useSelect)((e=>({blockTypes:e(r.store).getBlockTypes(),block:e(so).getBlock(t),selectedBlock:e(so).getSelectedBlock()})),[t]),i=Um(t),s=zC(n,o);return(0,a.createElement)("div",{className:"block-editor-block-inspector"},(0,a.createElement)(Ou,i),(0,a.createElement)(Lk,{blockClientId:t}),(0,a.createElement)(m.__experimentalVStack,{spacing:1,padding:4,className:"block-editor-block-inspector__block-buttons-container"},(0,a.createElement)("h2",{className:"block-editor-block-card__title"},(0,g.__)("Content")),s.map((e=>(0,a.createElement)(VC,{selectedBlock:l,key:e.clientId,block:e,blockTypes:n})))))}const GC=e=>{let{clientId:t,blockName:n}=e;const o=(0,p.useSelect)((e=>{const{getBlockStyles:t}=e(r.store),o=t(n);return o&&o.length>0}),[n]),l=Um(t);return(0,a.createElement)("div",{className:"block-editor-block-inspector"},(0,a.createElement)(Ou,l),(0,a.createElement)(Lk,{blockClientId:t}),o&&(0,a.createElement)("div",null,(0,a.createElement)(m.PanelBody,{title:(0,g.__)("Styles")},(0,a.createElement)(vk,{scope:"core/block-inspector",clientId:t}),(0,r.hasBlockSupport)(n,"defaultStylePicker",!0)&&(0,a.createElement)(OC,{blockName:n}))),(0,a.createElement)(hr.Slot,null),(0,a.createElement)(hr.Slot,{__experimentalGroup:"color",label:(0,g.__)("Color"),className:"color-block-support-panel__inner-wrapper"}),(0,a.createElement)(hr.Slot,{__experimentalGroup:"typography",label:(0,g.__)("Typography")}),(0,a.createElement)(hr.Slot,{__experimentalGroup:"dimensions",label:(0,g.__)("Dimensions")}),(0,a.createElement)(hr.Slot,{__experimentalGroup:"border",label:(0,g.__)("Border")}),(0,a.createElement)("div",null,(0,a.createElement)(UC,null)),(0,a.createElement)(RC,{key:"back"}))},UC=()=>{const e=(0,m.__experimentalUseSlot)(gr.slotName);return Boolean(e.fills&&e.fills.length)?(0,a.createElement)(m.PanelBody,{className:"block-editor-block-inspector__advanced",title:(0,g.__)("Advanced"),initialOpen:!1},(0,a.createElement)(hr.Slot,{__experimentalGroup:"advanced"})):null};var WC=e=>{let{showNoBlockSelectedMessage:t=!0}=e;const{count:n,selectedBlockName:o,selectedBlockClientId:l,blockType:i,topLevelLockedBlock:s}=(0,p.useSelect)((e=>{const{getSelectedBlockClientId:t,getSelectedBlockCount:n,getBlockName:o,__unstableGetContentLockingParent:l,getTemplateLock:i}=e(so),a=t(),s=a&&o(a),c=s&&(0,r.getBlockType)(s);return{count:n(),selectedBlockClientId:a,selectedBlockName:s,blockType:c,topLevelLockedBlock:l(a)||("contentOnly"===i(a)?a:void 0)}}),[]);if(n>1)return(0,a.createElement)("div",{className:"block-editor-block-inspector"},(0,a.createElement)(DC,null),(0,a.createElement)(hr.Slot,null),(0,a.createElement)(hr.Slot,{__experimentalGroup:"color",label:(0,g.__)("Color"),className:"color-block-support-panel__inner-wrapper"}),(0,a.createElement)(hr.Slot,{__experimentalGroup:"typography",label:(0,g.__)("Typography")}),(0,a.createElement)(hr.Slot,{__experimentalGroup:"dimensions",label:(0,g.__)("Dimensions")}),(0,a.createElement)(hr.Slot,{__experimentalGroup:"border",label:(0,g.__)("Border")}));const c=o===(0,r.getUnregisteredTypeHandlerName)();return i&&l&&!c?s?(0,a.createElement)(HC,{topLevelLockedBlock:s}):(0,a.createElement)(GC,{clientId:l,blockName:i.name}):t?(0,a.createElement)("span",{className:"block-editor-block-inspector__no-blocks"},(0,g.__)("No block selected.")):null};var $C=function(e){let{__unstableContentRef:t}=e;const[n,o]=(0,a.useState)(!1),r=(0,p.useSelect)((e=>e(so).getBlockOrder()),[]);return(0,a.useEffect)((()=>{const e=setTimeout((()=>{o(!0)}),500);return()=>{clearTimeout(e)}}),[]),n?r.map(((e,n)=>n===r.length-1?null:(0,a.createElement)(Dm,{key:e,previousClientId:e,nextClientId:r[n+1],__unstableContentRef:t},(0,a.createElement)("div",{className:"block-editor-block-list__insertion-point-inserter is-with-inserter"},(0,a.createElement)(Tm,{position:"bottom center",clientId:r[n+1],__experimentalIsQuick:!0}))))):null};function jC(e){let{children:t,__unstableContentRef:n,...o}=e;const r=(0,d.useViewportMatch)("medium"),{hasFixedToolbar:l,isZoomOutMode:s}=(0,p.useSelect)((e=>{const{__unstableGetEditorMode:t,getSettings:n}=e(so);return{isZoomOutMode:"zoom-out"===t(),hasFixedToolbar:n().hasFixedToolbar}}),[]),c=(0,Yu.__unstableUseShortcutEventMatch)(),{getSelectedBlockClientIds:u,getBlockRootClientId:f}=(0,p.useSelect)(so),{duplicateBlocks:g,removeBlocks:h,insertAfterBlock:v,insertBeforeBlock:b,clearSelectedBlock:_,moveBlocksUp:k,moveBlocksDown:y}=(0,p.useDispatch)(so);const E=_r(n),C=_r(n);return(0,a.createElement)("div",i({},o,{onKeyDown:function(e){if(!e.defaultPrevented)if(c("core/block-editor/move-up",e)){const t=u();if(t.length){e.preventDefault();const n=f(t[0]);k(t,n)}}else if(c("core/block-editor/move-down",e)){const t=u();if(t.length){e.preventDefault();const n=f(t[0]);y(t,n)}}else if(c("core/block-editor/duplicate",e)){const t=u();t.length&&(e.preventDefault(),g(t))}else if(c("core/block-editor/remove",e)){const t=u();t.length&&(e.preventDefault(),h(t))}else if(c("core/block-editor/insert-after",e)){const t=u();t.length&&(e.preventDefault(),v(t[t.length-1]))}else if(c("core/block-editor/insert-before",e)){const t=u();t.length&&(e.preventDefault(),b(t[0]))}else if(c("core/block-editor/unselect",e)){u().length&&(e.preventDefault(),_(),e.target.ownerDocument.defaultView.getSelection().removeAllRanges(),null==n||n.current.focus())}}}),(0,a.createElement)(Om.Provider,{value:(0,a.useRef)(!1)},!s&&(0,a.createElement)(Fm,{__unstableContentRef:n}),!s&&(l||!r)&&(0,a.createElement)(xg,{isFixed:!0}),(0,a.createElement)(Ag,{__unstableContentRef:n}),(0,a.createElement)(m.Popover.Slot,{name:"block-toolbar",ref:E}),t,(0,a.createElement)(m.Popover.Slot,{name:"__unstable-block-tools-after",ref:C}),s&&(0,a.createElement)($C,{__unstableContentRef:n})))}const KC=()=>{};var qC=(0,a.forwardRef)((function(e,t){let{rootClientId:n,clientId:o,isAppender:r,showInserterHelpPanel:l,showMostUsedBlocks:i=!1,__experimentalInsertionIndex:s,__experimentalFilterValue:c,onSelect:u=KC,shouldFocusBlock:d=!1}=e;const{destinationRootClientId:m,prioritizePatterns:f}=(0,p.useSelect)((e=>{const{getBlockRootClientId:t,getSettings:r}=e(so);return{destinationRootClientId:n||t(o)||void 0,prioritizePatterns:r().__experimentalPreferPatternsOnRoot}}),[o,n]);return(0,a.createElement)(wm,{onSelect:u,rootClientId:m,clientId:o,isAppender:r,showInserterHelpPanel:l,showMostUsedBlocks:i,__experimentalInsertionIndex:s,__experimentalFilterValue:c,shouldFocusBlock:d,prioritizePatterns:f,ref:t})}));function YC(){return null}YC.Register=function(){const{registerShortcut:e}=(0,p.useDispatch)(Yu.store);return(0,a.useEffect)((()=>{e({name:"core/block-editor/duplicate",category:"block",description:(0,g.__)("Duplicate the selected block(s)."),keyCombination:{modifier:"primaryShift",character:"d"}}),e({name:"core/block-editor/remove",category:"block",description:(0,g.__)("Remove the selected block(s)."),keyCombination:{modifier:"access",character:"z"}}),e({name:"core/block-editor/insert-before",category:"block",description:(0,g.__)("Insert a new block before the selected block(s)."),keyCombination:{modifier:"primaryAlt",character:"t"}}),e({name:"core/block-editor/insert-after",category:"block",description:(0,g.__)("Insert a new block after the selected block(s)."),keyCombination:{modifier:"primaryAlt",character:"y"}}),e({name:"core/block-editor/delete-multi-selection",category:"block",description:(0,g.__)("Delete selection."),keyCombination:{character:"del"},aliases:[{character:"backspace"}]}),e({name:"core/block-editor/select-all",category:"selection",description:(0,g.__)("Select all text when typing. Press again to select all blocks."),keyCombination:{modifier:"primary",character:"a"}}),e({name:"core/block-editor/unselect",category:"selection",description:(0,g.__)("Clear selection."),keyCombination:{character:"escape"}}),e({name:"core/block-editor/focus-toolbar",category:"global",description:(0,g.__)("Navigate to the nearest toolbar."),keyCombination:{modifier:"alt",character:"F10"}}),e({name:"core/block-editor/move-up",category:"block",description:(0,g.__)("Move the selected block(s) up."),keyCombination:{modifier:"secondary",character:"t"}}),e({name:"core/block-editor/move-down",category:"block",description:(0,g.__)("Move the selected block(s) down."),keyCombination:{modifier:"secondary",character:"y"}})}),[e]),null};var QC=YC;function ZC(){return V()("wp.blockEditor.MultiSelectScrollIntoView",{hint:"This behaviour is now built-in.",since:"5.8"}),null}const XC=new Set([ku.UP,ku.RIGHT,ku.DOWN,ku.LEFT,ku.ENTER,ku.BACKSPACE]);function JC(){const e=(0,p.useSelect)((e=>e(so).isTyping()),[]),{stopTyping:t}=(0,p.useDispatch)(so);return(0,d.useRefEffect)((n=>{if(!e)return;const{ownerDocument:o}=n;let r,l;function i(e){const{clientX:n,clientY:o}=e;r&&l&&(r!==n||l!==o)&&t(),r=n,l=o}return o.addEventListener("mousemove",i),()=>{o.removeEventListener("mousemove",i)}}),[e,t])}function eS(){const{isTyping:e,hasInlineToolbar:t}=(0,p.useSelect)((e=>{const{isTyping:t,getSettings:n}=e(so);return{isTyping:t(),hasInlineToolbar:n().hasInlineToolbar}}),[]),{startTyping:n,stopTyping:o}=(0,p.useDispatch)(so),r=JC(),l=(0,d.useRefEffect)((r=>{const{ownerDocument:l}=r,{defaultView:i}=l,a=i.getSelection();if(e){let c;function u(e){const{target:t}=e;c=i.setTimeout((()=>{(0,Wl.isTextField)(t)||o()}))}function d(e){const{keyCode:t}=e;t!==ku.ESCAPE&&t!==ku.TAB||o()}function p(){a.isCollapsed||o()}return r.addEventListener("focus",u),r.addEventListener("keydown",d),t||l.addEventListener("selectionchange",p),()=>{i.clearTimeout(c),r.removeEventListener("focus",u),r.removeEventListener("keydown",d),l.removeEventListener("selectionchange",p)}}function s(e){const{type:t,target:o}=e;(0,Wl.isTextField)(o)&&r.contains(o)&&("keydown"!==t||function(e){const{keyCode:t,shiftKey:n}=e;return!n&&XC.has(t)}(e))&&n()}return r.addEventListener("keypress",s),r.addEventListener("keydown",s),()=>{r.removeEventListener("keypress",s),r.removeEventListener("keydown",s)}}),[e,t,n,o]);return(0,d.useMergeRefs)([r,l])}var tS=function(e){let{children:t}=e;return(0,a.createElement)("div",{ref:eS()},t)};const nS=-1!==window.navigator.userAgent.indexOf("Trident"),oS=new Set([ku.UP,ku.DOWN,ku.LEFT,ku.RIGHT]);function rS(){const e=(0,p.useSelect)((e=>e(so).hasSelectedBlock()),[]);return(0,d.useRefEffect)((t=>{if(!e)return;const{ownerDocument:n}=t,{defaultView:o}=n;let r,l,i;function a(){r||(r=o.requestAnimationFrame((()=>{p(),r=null})))}function s(e){l&&o.cancelAnimationFrame(l),l=o.requestAnimationFrame((()=>{c(e),l=null}))}function c(e){let{keyCode:r}=e;if(!m())return;const l=(0,Wl.computeCaretRect)(o);if(!l)return;if(!i)return void(i=l);if(oS.has(r))return void(i=l);const a=l.top-i.top;if(0===a)return;const s=(0,Wl.getScrollContainer)(t);if(!s)return;const c=s===n.body,u=c?o.scrollY:s.scrollTop,d=c?0:s.getBoundingClientRect().top,p=c?i.top/o.innerHeight:(i.top-d)/(o.innerHeight-d);if(0===u&&p<.75&&function(){const e=t.querySelectorAll('[contenteditable="true"]');return e[e.length-1]===n.activeElement}())return void(i=l);const f=c?o.innerHeight:s.clientHeight;i.top+i.height>d+f||i.top{o.removeEventListener("scroll",a,!0),o.removeEventListener("resize",a,!0),t.removeEventListener("keydown",s),t.removeEventListener("keyup",c),t.removeEventListener("mousedown",u),t.removeEventListener("touchstart",u),n.removeEventListener("selectionchange",d),o.cancelAnimationFrame(r),o.cancelAnimationFrame(l)}}),[e])}var lS=nS?e=>e.children:function(e){let{children:t}=e;return(0,a.createElement)("div",{ref:rS(),className:"block-editor__typewriter"},t)};const iS=(0,a.createContext)({});function aS(e){let{children:t,uniqueId:n,blockName:o=""}=e;const r=(0,a.useContext)(iS),{name:l}=mo();o=o||l;const i=(0,a.useMemo)((()=>function(e,t,n){const o={...e,[t]:e[t]?new Set(e[t]):new Set};return o[t].add(n),o}(r,o,n)),[r,o,n]);return(0,a.createElement)(iS.Provider,{value:i},t)}function sS(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const o=(0,a.useContext)(iS),{name:r}=mo();return n=n||r,Boolean(null===(t=o[n])||void 0===t?void 0:t.has(e))}var cS=(0,a.createElement)(D.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(D.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"}));function uS(e){let{title:t,help:n,actions:o=[],onClose:r}=e;return(0,a.createElement)(m.__experimentalVStack,{className:"block-editor-inspector-popover-header",spacing:4},(0,a.createElement)(m.__experimentalHStack,{alignment:"center"},(0,a.createElement)(m.__experimentalHeading,{className:"block-editor-inspector-popover-header__heading",level:2,size:13},t),(0,a.createElement)(m.__experimentalSpacer,null),o.map((e=>{let{label:t,icon:n,onClick:o}=e;return(0,a.createElement)(m.Button,{key:t,className:"block-editor-inspector-popover-header__action",label:t,icon:n,variant:!n&&"tertiary",onClick:o},!n&&t)})),r&&(0,a.createElement)(m.Button,{className:"block-editor-inspector-popover-header__action",label:(0,g.__)("Close"),icon:cS,onClick:r})),n&&(0,a.createElement)(m.__experimentalText,null,n))}var dS=(0,a.forwardRef)((function(e,t){let{onClose:n,onChange:o,...r}=e;return(0,a.createElement)("div",{ref:t,className:"block-editor-publish-date-time-picker"},(0,a.createElement)(uS,{title:(0,g.__)("Publish"),actions:[{label:(0,g.__)("Now"),onClick:()=>null==o?void 0:o(null)}],onClose:n}),(0,a.createElement)(m.DateTimePicker,i({startOfWeek:(0,Ok.getSettings)().l10n.startOfWeek,__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,onChange:o},r)))}));const pS={button:"wp-element-button",caption:"wp-element-caption"},mS=e=>pS[e]?pS[e]:"";function fS(e,t){return Object.entries(t).every((t=>{let[n,o]=t;return"object"==typeof o&&"object"==typeof e[n]?fS(e[n],o):e[n]===o}))}const gS=(e,t)=>{if(!t||!e)return;const n=t.filter((t=>{let{attributes:n}=t;return!(!n||!Object.keys(n).length)&&fS(e,n)}));return 1===n.length?n[0]:void 0};function hS(e){const t=null==e?void 0:e.trim().match(/^(0?[-.]?\d*\.?\d+)(r?e[m|x]|v[h|w|min|max]+|p[x|t|c]|[c|m]m|%|in|ch|Q|lh)$/);return isNaN(e)||isNaN(parseFloat(e))?t?{value:parseFloat(t[1])||t[1],unit:t[2]}:{value:e,unit:void 0}:{value:parseFloat(e),unit:"px"}}function vS(e,t){const n=e.split(/[(),]/g).filter(Boolean),o=n.slice(1).map((e=>hS(ES(e,t)).value)).filter(Boolean);switch(n[0]){case"min":return Math.min(...o)+"px";case"max":return Math.max(...o)+"px";case"clamp":return 3!==o.length?null:o[1]o[2]?o[2]+"px":o[1]+"px";case"calc":return o[0]+"px"}}function bS(e){for(;;){const t=e,n=/(max|min|calc|clamp)\(([^()]*)\)/g.exec(e)||[];if(n[0]){const t=vS(n[0]);e=e.replace(n[0],t)}if(e===t||parseFloat(e))break}return hS(e)}function _S(e){for(let t=0;tr.height?r.width:r.height)*o,"%":("font"===r.type?r.fontSize:r.width)*o,ch:8,ex:7.15625,lh:r.lineHeight},i={in:n,cm:37.79527559055118,mm:3.7795275590551185,pt:1.3333333333333333,pc:16,px:1,Q:.9448818897637794};return l[e.unit]?(l[e.unit]*e.value).toFixed(0)+"px":i[e.unit]?(i[e.unit]*e.value).toFixed(0)+"px":null}function ES(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Number.isFinite(e))return e.toFixed(0)+"px";if(void 0===e)return null;let n=hS(e);return n.unit||(n=bS(e)),_S(e)&&!n.unit?kS(e):yS(n,t)}const CS={};function SS(e){let t="";return e.hasOwnProperty("fontSize")&&(t=":"+e.width),e.hasOwnProperty("lineHeight")&&(t=":"+e.lineHeight),e.hasOwnProperty("width")&&(t=":"+e.width),e.hasOwnProperty("height")&&(t=":"+e.height),e.hasOwnProperty("type")&&(t=":"+e.type),t}var wS=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=e+SS(t);return CS[n]||(CS[n]=ES(e,t)),CS[n]}}(),(window.wp=window.wp||{}).blockEditor=o}(); \ No newline at end of file + */,e.exports=function(e,t){if(!r.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,l=n in document;if(!l){var i=document.createElement("div");i.setAttribute(n,"return;"),l="function"==typeof i[n]}return!l&&o&&"wheel"===e&&(l=document.implementation.hasFeature("Events.wheel","3.0")),l}},195:function(e,t,n){"use strict";var o=n(3812),r=n(7939);function l(e){var t=0,n=0,o=0,r=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),o=10*t,r=10*n,"deltaY"in e&&(r=e.deltaY),"deltaX"in e&&(o=e.deltaX),(o||r)&&e.deltaMode&&(1==e.deltaMode?(o*=40,r*=40):(o*=800,r*=800)),o&&!t&&(t=o<1?-1:1),r&&!n&&(n=r<1?-1:1),{spinX:t,spinY:n,pixelX:o,pixelY:r}}l.getEventType=function(){return o.firefox()?"DOMMouseScroll":r("wheel")?"wheel":"mousewheel"},e.exports=l},5372:function(e,t,n){"use strict";var o=n(9567);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,bigint: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}},2652:function(e,t,n){e.exports=n(5372)()},9567:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},5438: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 n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),l=this&&this.__assign||Object.assign||function(e){for(var t,n=1,o=arguments.length;n3&&void 0!==arguments[3]?arguments[3]:1;const r=[...e];return r.splice(t,o),C(r,e.slice(t,t+o),n)}const w=e=>e;function B(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=new Map,o=[];return n.set(t,o),e.forEach((e=>{const{clientId:t,innerBlocks:r}=e;o.push(t),B(r,t).forEach(((e,t)=>{n.set(t,e)}))})),n}function I(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=[],o=[[t,e]];for(;o.length;){const[e,t]=o.shift();t.forEach((t=>{let{innerBlocks:r,...l}=t;n.push([l.clientId,e]),null!=r&&r.length&&o.push([l.clientId,r])}))}return n}function x(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:w;const n=[],o=[...e];for(;o.length;){const{innerBlocks:e,...r}=o.shift();o.push(...e),n.push([r.clientId,t(r)])}return n}function T(e){const t={},n=[...e];for(;n.length;){const{innerBlocks:e,...o}=n.shift();n.push(...e),t[o.clientId]=!0}return t}function M(e){return x(e,(e=>{const{attributes:t,...n}=e;return n}))}function N(e){return x(e,(e=>e.attributes))}function P(e,t){return"UPDATE_BLOCK_ATTRIBUTES"===e.type&&void 0!==t&&"UPDATE_BLOCK_ATTRIBUTES"===t.type&&_()(e.clientIds,t.clientIds)&&function(e,t){return _()(Object.keys(e),Object.keys(t))}(e.attributes,t.attributes)}function L(e,t){const n=e.tree,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.set(e.clientId,{});for(const t of r)n.set(t.clientId,Object.assign(n.get(t.clientId),{...e.byClientId.get(t.clientId),attributes:e.attributes.get(t.clientId),innerBlocks:t.innerBlocks.map((e=>n.get(e.clientId)))}))}function R(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const o=e.tree,r=new Set([]),l=new Set;for(const o of t){let t=n?o:e.parents.get(o);do{if(e.controlledInnerBlocks[t]){l.add(t);break}r.add(t),t=e.parents.get(t)}while(void 0!==t)}for(const e of r)o.set(e,{...o.get(e)});for(const t of r)o.get(t).innerBlocks=(e.order.get(t)||[]).map((e=>o.get(e)));for(const t of l)o.set("controlled||"+t,{innerBlocks:(e.order.get(t)||[]).map((e=>o.get(e)))})}const A=(0,m.pipe)(g.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=new Map(t.attributes),t.attributes.forEach(((n,r)=>{const{name:l}=t.byClientId.get(r);"core/block"===l&&n.ref===e&&t.attributes.set(r,{...n,ref:o})}))}return e(t,n)}),(e=>function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;const o=e(t,n);if(o===t)return t;switch(o.tree=t.tree?t.tree:new Map,n.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":o.tree=new Map(o.tree),L(o,n.blocks),R(o,n.rootClientId?[n.rootClientId]:[""],!0);break;case"UPDATE_BLOCK":o.tree=new Map(o.tree),o.tree.set(n.clientId,{...o.tree.get(n.clientId),...o.byClientId.get(n.clientId),attributes:o.attributes.get(n.clientId)}),R(o,[n.clientId],!1);break;case"UPDATE_BLOCK_ATTRIBUTES":o.tree=new Map(o.tree),n.clientIds.forEach((e=>{o.tree.set(e,{...o.tree.get(e),attributes:o.attributes.get(e)})})),R(o,n.clientIds,!1);break;case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const e=T(n.blocks);o.tree=new Map(o.tree),n.replacedClientIds.concat(n.replacedClientIds.filter((t=>!e[t])).map((e=>"controlled||"+e))).forEach((e=>{o.tree.delete(e)})),L(o,n.blocks),R(o,n.blocks.map((e=>e.clientId)),!1);const r=[];for(const e of n.clientIds)void 0===t.parents.get(e)||""!==t.parents.get(e)&&!o.byClientId.get(t.parents.get(e))||r.push(t.parents.get(e));R(o,r,!0);break}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":const e=[];for(const r of n.clientIds)void 0===t.parents.get(r)||""!==t.parents.get(r)&&!o.byClientId.get(t.parents.get(r))||e.push(t.parents.get(r));o.tree=new Map(o.tree),n.removedClientIds.concat(n.removedClientIds.map((e=>"controlled||"+e))).forEach((e=>{o.tree.delete(e)})),R(o,e,!0);break;case"MOVE_BLOCKS_TO_POSITION":{const e=[];n.fromRootClientId?e.push(n.fromRootClientId):e.push(""),n.toRootClientId&&e.push(n.toRootClientId),o.tree=new Map(o.tree),R(o,e,!0);break}case"MOVE_BLOCKS_UP":case"MOVE_BLOCKS_DOWN":{const e=[n.rootClientId?n.rootClientId:""];o.tree=new Map(o.tree),R(o,e,!0);break}case"SAVE_REUSABLE_BLOCK_SUCCESS":{const e=[];o.attributes.forEach(((t,r)=>{"core/block"===o.byClientId.get(r).name&&t.ref===n.updatedId&&e.push(r)})),o.tree=new Map(o.tree),e.forEach((e=>{o.tree.set(e,{...o.byClientId.get(e),attributes:o.attributes.get(e),innerBlocks:o.tree.get(e).innerBlocks})})),R(o,e,!1)}}return o}),(e=>(t,n)=>{const o=e=>{let o=e;for(let r=0;r(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.get(n.rootClientId)&&(r=e(r,{type:"REMOVE_BLOCKS",keepControlledInnerBlocks:o,clientIds:t.order.get(n.rootClientId)}));let l=r;if(n.blocks.length){l=e(l,{...n,type:"INSERT_BLOCKS",index:0});const r=new Map(l.order);Object.keys(o).forEach((e=>{t.order.get(e)&&r.set(e,t.order.get(e))})),l.order=r,l.tree=new Map(l.tree),Object.keys(o).forEach((e=>{const n=`controlled||${e}`;t.tree.has(n)&&l.tree.set(n,t.tree.get(n))}))}return l}),(e=>(t,n)=>{if("RESET_BLOCKS"===n.type){const e={...t,byClientId:new Map(M(n.blocks)),attributes:new Map(N(n.blocks)),order:B(n.blocks),parents:new Map(I(n.blocks)),controlledInnerBlocks:{}};return e.tree=new Map(null==t?void 0:t.tree),L(e,n.blocks),e.tree.set("",{innerBlocks:n.blocks.map((t=>e.tree.get(t.clientId)))}),e}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:!P(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}}),(e=>(t,n)=>{if("SET_HAS_CONTROLLED_INNER_BLOCKS"===n.type){const o=e(t,{type:"REPLACE_INNER_BLOCKS",rootClientId:n.clientId,blocks:[]});return e(o,n)}return e(t,n)}))({byClientId(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Map,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":{const n=new Map(e);return M(t.blocks).forEach((e=>{let[t,o]=e;n.set(t,o)})),n}case"UPDATE_BLOCK":{if(!e.has(t.clientId))return e;const{attributes:n,...o}=t.updates;if(0===Object.values(o).length)return e;const r=new Map(e);return r.set(t.clientId,{...e.get(t.clientId),...o}),r}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{if(!t.blocks)return e;const n=new Map(e);return t.replacedClientIds.forEach((e=>{n.delete(e)})),M(t.blocks).forEach((e=>{let[t,o]=e;n.set(t,o)})),n}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const n=new Map(e);return t.removedClientIds.forEach((e=>{n.delete(e)})),n}}return e},attributes(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Map,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RECEIVE_BLOCKS":case"INSERT_BLOCKS":{const n=new Map(e);return N(t.blocks).forEach((e=>{let[t,o]=e;n.set(t,o)})),n}case"UPDATE_BLOCK":{if(!e.get(t.clientId)||!t.updates.attributes)return e;const n=new Map(e);return n.set(t.clientId,{...e.get(t.clientId),...t.updates.attributes}),n}case"UPDATE_BLOCK_ATTRIBUTES":{if(t.clientIds.every((t=>!e.get(t))))return e;let o=!1;const r=new Map(e);for(const l of t.clientIds){var n;const i=Object.entries(t.uniqueByBlock?t.attributes[l]:null!==(n=t.attributes)&&void 0!==n?n:{});if(0===i.length)continue;let s=!1;const a=e.get(l),c={};i.forEach((e=>{let[t,n]=e;a[t]!==n&&(s=!0,c[t]=n)})),o=o||s,s&&r.set(l,{...a,...c})}return o?r:e}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{if(!t.blocks)return e;const n=new Map(e);return t.replacedClientIds.forEach((e=>{n.delete(e)})),N(t.blocks).forEach((e=>{let[t,o]=e;n.set(t,o)})),n}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const n=new Map(e);return t.removedClientIds.forEach((e=>{n.delete(e)})),n}}return e},order(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Map,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RECEIVE_BLOCKS":{var n;const o=B(t.blocks),r=new Map(e);return o.forEach(((e,t)=>{""!==t&&r.set(t,e)})),r.set("",(null!==(n=e.get(""))&&void 0!==n?n:[]).concat(o[""])),r}case"INSERT_BLOCKS":{const{rootClientId:n=""}=t,o=e.get(n)||[],r=B(t.blocks,n),{index:l=o.length}=t,i=new Map(e);return r.forEach(((e,t)=>{i.set(t,e)})),i.set(n,C(o,r.get(n),l)),i}case"MOVE_BLOCKS_TO_POSITION":{var o,r;const{fromRootClientId:n="",toRootClientId:l="",clientIds:i}=t,{index:s=e.get(l).length}=t;if(n===l){const t=e.get(l).indexOf(i[0]),n=new Map(e);return n.set(l,S(e.get(l),t,s,i.length)),n}const a=new Map(e);return a.set(n,null!==(o=null===(r=e.get(n))||void 0===r?void 0:r.filter((e=>!i.includes(e))))&&void 0!==o?o:[]),a.set(l,C(e.get(l),i,s)),a}case"MOVE_BLOCKS_UP":{const{clientIds:n,rootClientId:o=""}=t,r=n[0],l=e.get(o);if(!l.length||r===l[0])return e;const i=l.indexOf(r),s=new Map(e);return s.set(o,S(l,i,i-1,n.length)),s}case"MOVE_BLOCKS_DOWN":{const{clientIds:n,rootClientId:o=""}=t,r=n[0],l=n[n.length-1],i=e.get(o);if(!i.length||l===i[i.length-1])return e;const s=i.indexOf(r),a=new Map(e);return a.set(o,S(i,s,s+1,n.length)),a}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const{clientIds:n}=t;if(!t.blocks)return e;const o=B(t.blocks),r=new Map(e);return t.replacedClientIds.forEach((e=>{r.delete(e)})),o.forEach(((e,t)=>{""!==t&&r.set(t,e)})),r.forEach(((e,t)=>{const l=Object.values(e).reduce(((e,t)=>t===n[0]?[...e,...o.get("")]:(-1===n.indexOf(t)&&e.push(t),e)),[]);r.set(t,l)})),r}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const n=new Map(e);return t.removedClientIds.forEach((e=>{n.delete(e)})),n.forEach(((e,o)=>{var r;const l=null!==(r=null==e?void 0:e.filter((e=>!t.removedClientIds.includes(e))))&&void 0!==r?r:[];l.length!==e.length&&n.set(o,l)})),n}}return e},parents(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:new Map,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"RECEIVE_BLOCKS":{const n=new Map(e);return I(t.blocks).forEach((e=>{let[t,o]=e;n.set(t,o)})),n}case"INSERT_BLOCKS":{const n=new Map(e);return I(t.blocks,t.rootClientId||"").forEach((e=>{let[t,o]=e;n.set(t,o)})),n}case"MOVE_BLOCKS_TO_POSITION":{const n=new Map(e);return t.clientIds.forEach((e=>{n.set(e,t.toRootClientId||"")})),n}case"REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const n=new Map(e);return t.replacedClientIds.forEach((e=>{n.delete(e)})),I(t.blocks,e.get(t.clientIds[0])).forEach((e=>{let[t,o]=e;n.set(t,o)})),n}case"REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN":{const n=new Map(e);return t.removedClientIds.forEach((e=>{n.delete(e)})),n}}return e},controlledInnerBlocks(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{type:t,clientId:n,hasControlledInnerBlocks:o}=arguments.length>1?arguments[1]:void 0;return"SET_HAS_CONTROLLED_INNER_BLOCKS"===t?{...e,[n]:o}:e}});function O(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;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 D=(0,g.combineReducers)({blocks:A,isTyping:function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"START_TYPING":return!0;case"STOP_TYPING":return!1}return e},isBlockInterfaceHidden:function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"HIDE_BLOCK_INTERFACE":return!0;case"SHOW_BLOCK_INTERFACE":return!1}return e},draggedBlocks:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"START_DRAGGING_BLOCKS":return t.clientIds;case"STOP_DRAGGING_BLOCKS":return[]}return e},selection:function(){var e,t,n,o;let r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=arguments.length>1?arguments[1]:void 0;switch(l.type){case"SELECTION_CHANGE":return l.clientId?{selectionStart:{clientId:l.clientId,attributeKey:l.attributeKey,offset:l.startOffset},selectionEnd:{clientId:l.clientId,attributeKey:l.attributeKey,offset:l.endOffset}}:{selectionStart:l.start||r.selectionStart,selectionEnd:l.end||r.selectionEnd};case"RESET_SELECTION":const{selectionStart:i,selectionEnd:s}=l;return{selectionStart:i,selectionEnd:s};case"MULTI_SELECT":const{start:a,end:c}=l;return a===(null===(e=r.selectionStart)||void 0===e?void 0:e.clientId)&&c===(null===(t=r.selectionEnd)||void 0===t?void 0:t.clientId)?r:{selectionStart:{clientId:a},selectionEnd:{clientId:c}};case"RESET_BLOCKS":const u=null==r||null===(n=r.selectionStart)||void 0===n?void 0:n.clientId,d=null==r||null===(o=r.selectionEnd)||void 0===o?void 0:o.clientId;if(!u&&!d)return r;if(!l.blocks.some((e=>e.clientId===u)))return{selectionStart:{},selectionEnd:{}};if(!l.blocks.some((e=>e.clientId===d)))return{...r,selectionEnd:r.selectionStart}}return{selectionStart:O(r.selectionStart,l),selectionEnd:O(r.selectionEnd,l)}},isMultiSelecting:function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"START_MULTI_SELECT":return!0;case"STOP_MULTI_SELECT":return!1}return e},isSelectionEnabled:function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0;return"TOGGLE_SELECTION"===t.type?t.isSelectionEnabled:e},initialPosition:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;return"REPLACE_BLOCKS"===t.type&&void 0!==t.initialPosition||["MULTI_SELECT","SELECT_BLOCK","RESET_SELECTION","INSERT_BLOCKS","REPLACE_INNER_BLOCKS"].includes(t.type)?t.initialPosition:e},blocksMode:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;if("TOGGLE_BLOCK_MODE"===t.type){const{clientId:n}=t;return{...e,[n]:e[n]&&"html"===e[n]?"visual":"html"}}return e},blockListSettings:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"REPLACE_BLOCKS":case"REMOVE_BLOCKS":return Object.fromEntries(Object.entries(e).filter((e=>{let[n]=e;return!t.clientIds.includes(n)})));case"UPDATE_BLOCK_LIST_SETTINGS":{const{clientId:n}=t;if(!t.settings){if(e.hasOwnProperty(n)){const{[n]:t,...o}=e;return o}return e}return _()(e[n],t.settings)?e:{...e,[n]:t.settings}}}return e},insertionPoint:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SHOW_INSERTION_POINT":{const{rootClientId:n,index:o,__unstableWithInserter:r,operation:l}=t,i={rootClientId:n,index:o,__unstableWithInserter:r,operation:l};return _()(e,i)?e:i}case"HIDE_INSERTION_POINT":return null}return e},template:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{isValid:!0},t=arguments.length>1?arguments[1]:void 0;return"SET_TEMPLATE_VALIDITY"===t.type?{...e,isValid:t.isValid}:e},settings:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:E,t=arguments.length>1?arguments[1]:void 0;return"UPDATE_SETTINGS"===t.type?{...e,...t.settings}:e},preferences:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:y,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"INSERT_BLOCKS":case"REPLACE_BLOCKS":return t.blocks.reduce(((e,n)=>{const{attributes:o,name:r}=n,l=(0,g.select)(s.store).getActiveBlockVariation(r,o);let i=null!=l&&l.name?`${r}/${l.name}`:r;const a={name:i};return"core/block"===r&&(a.ref=o.ref,i+="/"+o.ref),{...e,insertUsage:{...e.insertUsage,[i]:{time:t.time,count:e.insertUsage[i]?e.insertUsage[i].count+1:1,insert:a}}}}),e)}return e},lastBlockAttributesChange:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;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 e},editorMode:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"edit",t=arguments.length>1?arguments[1]:void 0;return"INSERT_BLOCKS"===t.type&&"navigation"===e?"edit":"SET_EDITOR_MODE"===t.type?t.mode:e},hasBlockMovingClientId:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1?arguments[1]:void 0;return"SET_BLOCK_MOVING_MODE"===t.type?t.hasBlockMovingClientId:"SET_EDITOR_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"SET_BLOCK_VISIBILITY":case"START_TYPING":case"STOP_TYPING":case"UPDATE_BLOCK_LIST_SETTINGS":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(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;switch(n.type){case"INSERT_BLOCKS":case"REPLACE_BLOCKS":case"REPLACE_INNER_BLOCKS":if(!n.blocks.length)return t;const o=n.blocks.map((e=>e.clientId));return{clientIds:o,source:null===(e=n.meta)||void 0===e?void 0:e.source};case"RESET_BLOCKS":return{}}return t},temporarilyEditingAsBlocks:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0;return"SET_TEMPORARILY_EDITING_AS_BLOCKS"===t.type?t.temporarilyEditingAsBlocks:e},blockVisibility:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return"SET_BLOCK_VISIBILITY"===t.type?{...e,...t.updates}:e}}),z={};function F(e){return[e]}function V(e,t,n){var o;if(e.length!==t.length)return!1;for(o=n;o(o,r)=>{let l,i;if("function"==typeof e?(l=e(o),i=e(r)):(l=o[e],i=r[e]),l>i)return"asc"===n?1:-1;if(i>l)return"asc"===n?-1:1;const s=t.findIndex((e=>e===o)),a=t.findIndex((e=>e===r));return s>a?1:a>s?-1:0};function Y(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"asc";return e.concat().sort(q(t,e,n))}const Z=[];function Q(e,t){const n=e.blocks.byClientId.get(t),o="core/social-link";if("web"!==u.Platform.OS&&(null==n?void 0:n.name)===o){const n=e.blocks.attributes.get(t),{service:r}=null!=n?n:{};return r?`core/social-link-${r}`:o}return n?n.name:null}function X(e,t){const n=e.blocks.byClientId.get(t);return!!n&&n.isValid}function J(e,t){return e.blocks.byClientId.get(t)?e.blocks.attributes.get(t):null}function ee(e,t){return e.blocks.byClientId.has(t)?e.blocks.tree.get(t):null}const te=H(((e,t)=>e.blocks.byClientId.has(t)?{...e.blocks.byClientId.get(t),attributes:J(e,t)}:null),((e,t)=>[e.blocks.byClientId.get(t),e.blocks.attributes.get(t)]));function ne(e,t){var n;const o=t&&Zt(e,t)?"controlled||"+t:t||"";return(null===(n=e.blocks.tree.get(o))||void 0===n?void 0:n.innerBlocks)||Z}const oe=H(((e,t)=>({clientId:t,innerBlocks:re(e,t)})),(e=>[e.blocks.order])),re=H((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return $e(e,t).map((t=>oe(e,t)))}),(e=>[e.blocks.order])),le=H(((e,t)=>{const n=[];for(const o of t)for(const t of $e(e,o))n.push(t,...le(e,[t]));return n}),(e=>[e.blocks.order])),ie=H((e=>{const t=[];for(const n of $e(e))t.push(n,...le(e,[n]));return t}),(e=>[e.blocks.order])),se=H(((e,t)=>{const n=ie(e);return t?n.reduce(((n,o)=>e.blocks.byClientId.get(o).name===t?n+1:n),0):n.length}),(e=>[e.blocks.order,e.blocks.byClientId])),ae=H(((e,t)=>{if(!t)return Z;const n=ie(e).filter((n=>e.blocks.byClientId.get(n).name===t));return n.length>0?n:Z}),(e=>[e.blocks.order,e.blocks.byClientId])),ce=H(((e,t)=>(Array.isArray(t)?t:[t]).map((t=>ee(e,t)))),((e,t)=>(Array.isArray(t)?t:[t]).map((t=>e.blocks.tree.get(t))))),ue=H(((e,t)=>ce(e,t).filter(Boolean).map((e=>e.name))),((e,t)=>ce(e,t)));function de(e,t){return $e(e,t).length}function pe(e){return e.selection.selectionStart}function me(e){return e.selection.selectionEnd}function ge(e){return e.selection.selectionStart.clientId}function fe(e){return e.selection.selectionEnd.clientId}function he(e){const t=Me(e).length;return t||(e.selection.selectionStart.clientId?1:0)}function ve(e){const{selectionStart:t,selectionEnd:n}=e.selection;return!!t.clientId&&t.clientId===n.clientId}function be(e){const{selectionStart:t,selectionEnd:n}=e.selection,{clientId:o}=t;return o&&o===n.clientId?o:null}function _e(e){const t=be(e);return t?ee(e,t):null}function ke(e,t){return e.blocks.parents.has(t)?e.blocks.parents.get(t):null}const ye=H((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const o=[];let r=t;for(;e.blocks.parents.get(r);)r=e.blocks.parents.get(r),o.push(r);return n?o:o.reverse()}),(e=>[e.blocks.parents])),Ee=H((function(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];const r=ye(e,t,o);return r.map((t=>({id:t,name:Q(e,t)}))).filter((e=>{let{name:t}=e;return Array.isArray(n)?n.includes(t):t===n})).map((e=>{let{id:t}=e;return t}))}),(e=>[e.blocks.parents]));function Ce(e,t){let n,o=t;do{n=o,o=e.blocks.parents.get(o)}while(o);return n}function Se(e,t){const n=be(e),o=[...ye(e,t),t],r=[...ye(e,n),n];let l;const i=Math.min(o.length,r.length);for(let e=0;e2&&void 0!==arguments[2]?arguments[2]:1;if(void 0===t&&(t=be(e)),void 0===t&&(t=n<0?Pe(e):Le(e)),!t)return null;const o=ke(e,t);if(null===o)return null;const{order:r}=e.blocks,l=r.get(o),i=l.indexOf(t),s=i+1*n;return s<0||s===l.length?null:l[s]}function Be(e,t){return we(e,t,-1)}function Ie(e,t){return we(e,t,1)}function xe(e){return e.initialPosition}const Te=H((e=>{const{selectionStart:t,selectionEnd:n}=e.selection;if(!t.clientId||!n.clientId)return Z;if(t.clientId===n.clientId)return[t.clientId];const o=ke(e,t.clientId);if(null===o)return Z;const r=$e(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 Me(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?Z:Te(e)}const Ne=H((e=>{const t=Me(e);return t.length?t.map((t=>ee(e,t))):Z}),(e=>[...Te.getDependants(e),e.blocks.byClientId,e.blocks.order,e.blocks.attributes]));function Pe(e){return Me(e)[0]||null}function Le(e){const t=Me(e);return t[t.length-1]||null}function Re(e,t){return Pe(e)===t}function Ae(e,t){return-1!==Me(e).indexOf(t)}const Oe=H(((e,t)=>{let n=t,o=!1;for(;n&&!o;)n=ke(e,n),o=Ae(e,n);return o}),(e=>[e.blocks.order,e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId]));function De(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:t.clientId||null}function ze(e){const{selectionStart:t,selectionEnd:n}=e.selection;return t.clientId===n.clientId?null:n.clientId||null}function Fe(e){const t=pe(e),n=me(e);return!t.attributeKey&&!n.attributeKey&&void 0===t.offset&&void 0===n.offset}function Ve(e){const t=pe(e),n=me(e);return!!t&&!!n&&t.clientId===n.clientId&&t.attributeKey===n.attributeKey&&t.offset===n.offset}function He(e){return Te(e).some((t=>{const n=Q(e,t);return!(0,s.getBlockType)(n).merge}))}function Ge(e,t){const n=pe(e),o=me(e);if(n.clientId===o.clientId)return!1;if(!n.attributeKey||!o.attributeKey||void 0===n.offset||void 0===o.offset)return!1;const r=ke(e,n.clientId);if(r!==ke(e,o.clientId))return!1;const l=$e(e,r);let i,a;l.indexOf(n.clientId)>l.indexOf(o.clientId)?(i=o,a=n):(i=n,a=o);const c=t?a.clientId:i.clientId,u=t?i.clientId:a.clientId,d=Q(e,c);if(!(0,s.getBlockType)(d).merge)return!1;const p=ee(e,u);if(p.name===d)return!0;const m=(0,s.switchToBlockType)(p,d);return m&&m.length}const Ue=e=>{const t=pe(e),n=me(e);if(t.clientId===n.clientId)return Z;if(!t.attributeKey||!n.attributeKey||void 0===t.offset||void 0===n.offset)return Z;const o=ke(e,t.clientId);if(o!==ke(e,n.clientId))return Z;const r=$e(e,o),l=r.indexOf(t.clientId),i=r.indexOf(n.clientId),[a,c]=l>i?[n,t]:[t,n],u=ee(e,a.clientId),d=(0,s.getBlockType)(u.name),p=ee(e,c.clientId),m=(0,s.getBlockType)(p.name),g=u.attributes[a.attributeKey],f=p.attributes[c.attributeKey],h=d.attributes[a.attributeKey],v=m.attributes[c.attributeKey];let b=(0,$.create)({html:g,...K(h)}),_=(0,$.create)({html:f,...K(v)});return b=(0,$.remove)(b,0,a.offset),_=(0,$.remove)(_,c.offset,_.text.length),[{...u,attributes:{...u.attributes,[a.attributeKey]:(0,$.toHTMLString)({value:b,...K(h)})}},{...p,attributes:{...p.attributes,[c.attributeKey]:(0,$.toHTMLString)({value:_,...K(v)})}}]};function $e(e,t){return e.blocks.order.get(t||"")||Z}function je(e,t){return $e(e,ke(e,t)).indexOf(t)}function We(e,t){const{selectionStart:n,selectionEnd:o}=e.selection;return n.clientId===o.clientId&&n.clientId===t}function Ke(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return $e(e,t).some((t=>We(e,t)||Ae(e,t)||n&&Ke(e,t,n)))}function qe(e,t){if(!t)return!1;const n=Me(e),o=n.indexOf(t);return o>-1&&ont(e,t)))}function rt(){return W()('wp.data.select( "core/block-editor" ).isCaretWithinFormattedText',{since:"6.1",version:"6.3"}),!1}const lt=H((e=>{let t,n;const{insertionPoint:o,selection:{selectionEnd:r}}=e;if(null!==o)return o;const{clientId:l}=r;return l?(t=ke(e,l)||void 0,n=je(e,r.clientId)+1):n=$e(e).length,{rootClientId:t,index:n}}),(e=>[e.insertionPoint,e.selection.selectionEnd.clientId,e.blocks.parents,e.blocks.order]));function it(e){return null!==e.insertionPoint}function st(e){return e.template.isValid}function at(e){return e.settings.template}function ct(e,t){var n,o,r;return t?null!==(n=null===(o=Dt(e,t))||void 0===o?void 0:o.templateLock)&&void 0!==n&&n:null!==(r=e.settings.templateLock)&&void 0!==r&&r}const ut=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return"boolean"==typeof e?e:Array.isArray(e)?!(!e.includes("core/post-content")||null!==t)||e.includes(t):n},dt=function(e,t){let n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(t&&"object"==typeof t?(n=t,t=n.name):n=(0,s.getBlockType)(t),!n)return!1;const{allowedBlockTypes:r}=zt(e),l=ut(r,t,!0);if(!l)return!1;const i=!!ct(e,o);if(i)return!1;const c=Dt(e,o);if(o&&void 0===c)return!1;const u=null==c?void 0:c.allowedBlocks,d=ut(u,t),p=n.parent,m=Q(e,o),g=ut(p,m);let f=!0;const h=n.ancestor;if(h){f=[o,...ye(e,o)].some((t=>ut(h,Q(e,t))))}const v=f&&(null===d&&null===g||!0===d||!0===g);return v?(0,a.applyFilters)("blockEditor.__unstableCanInsertBlockType",v,n,o,{getBlock:ee.bind(null,e),getBlockParentsByBlockName:Ee.bind(null,e)}):v},pt=H(dt,((e,t,n)=>[e.blockListSettings[n],e.blocks.byClientId.get(n),e.settings.allowedBlockTypes,e.settings.templateLock]));function mt(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t.every((t=>pt(e,Q(e,t),n)))}function gt(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const o=J(e,t);if(null===o)return!0;const{lock:r}=o,l=!!ct(e,n);return void 0===r||void 0===(null==r?void 0:r.remove)?!l:!(null!=r&&r.remove)}function ft(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t.every((t=>gt(e,t,n)))}function ht(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const o=J(e,t);if(null===o)return;const{lock:r}=o,l="all"===ct(e,n);return void 0===r||void 0===(null==r?void 0:r.move)?!l:!(null!=r&&r.move)}function vt(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t.every((t=>ht(e,t,n)))}function bt(e,t){const n=J(e,t);if(null===n)return!0;const{lock:o}=n;return!(null!=o&&o.edit)}function _t(e,t){var n;return!!(0,s.hasBlockSupport)(t,"lock",!0)&&!(null===(n=e.settings)||void 0===n||!n.canLockBlocks)}function kt(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 yt=(e,t,n)=>!!(0,s.hasBlockSupport)(t,"inserter",!0)&&dt(e,t.name,n),Et=(e,t)=>n=>{const o=`${t.id}/${n.name}`,{time:r,count:l=0}=kt(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:Ct(r,l)}},Ct=(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}},St=(e,t)=>{let{buildScope:n="inserter"}=t;return t=>{const o=t.name;let r=!1;(0,s.hasBlockSupport)(t.name,"multiple",!0)||(r=ce(e,ie(e)).some((e=>{let{name:n}=e;return n===t.name})));const{time:l,count:i=0}=kt(e,o)||{},a={id:o,name:t.name,title:t.title,icon:t.icon,isDisabled:r,frecency:Ct(l,i)};if("transform"===n)return a;const c=(0,s.getBlockVariations)(t.name,"inserter");return{...a,initialAttributes:{},description:t.description,category:t.category,keywords:t.keywords,variations:c,example:t.example,utility:1}}},wt=H((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const n=St(e,{buildScope:"inserter"}),o=/^\s*)[^])*)\5|[^]*?)}\s+)?(\/)?-->/,r=t=>{let n=U;if("web"===u.Platform.OS){const e=("string"==typeof t.content.raw?t.content.raw:t.content).match(o);if(e){const[,,t="core/",o]=e,r=(0,s.getBlockType)(t+o);r&&(n=r.icon)}}const r=`core/block/${t.id}`,{time:l,count:i=0}=kt(e,r)||{},a=Ct(l,i);return{id:r,name:"core/block",initialAttributes:{ref:t.id},title:t.title.raw,icon:n,category:"reusable",keywords:[],isDisabled:!1,utility:1,frecency:a}},l=(0,s.getBlockTypes)().filter((n=>yt(e,n,t))).map(n),i=dt(e,"core/block",t)?$t(e).map(r):[],a=l.reduce(((t,n)=>{const{variations:o=[]}=n;if(o.some((e=>{let{isDefault:t}=e;return t}))||t.push(n),o.length){const r=Et(e,n);t.push(...o.map(r))}return t}),[]),c=(e,t)=>{const{core:n,noncore:o}=e;return(t.name.startsWith("core/")?n:o).push(t),e},{core:d,noncore:p}=a.reduce(c,{core:[],noncore:[]}),m=[...d,...p];return[...m,...i]}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.blocks.order,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,$t(e),(0,s.getBlockTypes)()])),Bt=H((function(e,t){var n;let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const r=Array.isArray(t)?t:[t],[l]=r,i=St(e,{buildScope:"transform"}),a=(0,s.getBlockTypes)().filter((t=>yt(e,t,o))).map(i),c=Object.fromEntries(Object.entries(a).map((e=>{let[,t]=e;return[t.name,t]})));c["*"]={frecency:1/0,id:"*",isDisabled:!1,name:"*",title:(0,k.__)("Unwrap"),icon:null===(n=c[null==l?void 0:l.name])||void 0===n?void 0:n.icon};const u=(0,s.getPossibleBlockTransformations)(r).reduce(((e,t)=>("*"===t?e.push(c["*"]):c[null==t?void 0:t.name]&&e.push(c[t.name]),e)),[]);return Y(u,(e=>c[e.name].frecency),"desc")}),((e,t,n)=>[e.blockListSettings[n],e.blocks.byClientId,e.preferences.insertUsage,e.settings.allowedBlockTypes,e.settings.templateLock,(0,s.getBlockTypes)()])),It=H((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const n=(0,s.getBlockTypes)().some((n=>yt(e,n,t)));if(n)return!0;const o=dt(e,"core/block",t)&&$t(e).length>0;return o}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,$t(e),(0,s.getBlockTypes)()])),xt=H((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(t)return(0,s.getBlockTypes)().filter((n=>yt(e,n,t)))}),((e,t)=>[e.blockListSettings[t],e.blocks.byClientId,e.settings.allowedBlockTypes,e.settings.templateLock,(0,s.getBlockTypes)()])),Tt=H((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;return W()('wp.data.select( "core/block-editor" ).__experimentalGetAllowedBlocks',{alternative:'wp.data.select( "core/block-editor" ).getAllowedBlocks',since:"6.2",version:"6.4"}),xt(e,t)}),((e,t)=>[...xt.getDependants(e,t)])),Mt=H((function(e){var t,n;let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!o)return;const r=null===(t=e.blockListSettings[o])||void 0===t?void 0:t.__experimentalDefaultBlock,l=null===(n=e.blockListSettings[o])||void 0===n?void 0:n.__experimentalDirectInsert;return r&&l?"function"==typeof l?l(ee(e,o))?r:null:r:void 0}),((e,t)=>[e.blockListSettings[t],e.blocks.tree.get(t)])),Nt=H(((e,t)=>{const n=e.settings.__experimentalBlockPatterns.find((e=>{let{name:n}=e;return n===t}));return n?{...n,blocks:(0,s.parse)(n.content,{__unstableSkipMigrationLogs:!0})}:null}),(e=>[e.settings.__experimentalBlockPatterns])),Pt=H((e=>{const t=e.settings.__experimentalBlockPatterns,{allowedBlockTypes:n}=zt(e),o=t.filter((e=>{let{inserter:t=!0}=e;return!!t})).map((t=>{let{name:n}=t;return Nt(e,n)})),r=o.filter((e=>{let{blocks:t}=e;return((e,t)=>{if("boolean"==typeof t)return t;const n=[...e];for(;n.length>0;){var o;const e=n.shift();if(!ut(t,e.name||e.blockName,!0))return!1;null===(o=e.innerBlocks)||void 0===o||o.forEach((e=>{n.push(e)}))}return!0})(t,n)}));return r}),(e=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes])),Lt=H((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const n=Pt(e),o=n.filter((n=>{let{blocks:o}=n;return o.every((n=>{let{name:o}=n;return pt(e,o,t)}))}));return o}),((e,t)=>[e.settings.__experimentalBlockPatterns,e.settings.allowedBlockTypes,e.settings.templateLock,e.blockListSettings[t],e.blocks.byClientId.get(t)])),Rt=H((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!t)return Z;const o=Lt(e,n),r=Array.isArray(t)?t:[t],l=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)))}));return 0===l.length?Z:l}),((e,t,n)=>[...Lt.getDependants(e,n)])),At=H((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return W()('wp.data.select( "core/block-editor" ).__experimentalGetPatternsByBlockTypes',{alternative:'wp.data.select( "core/block-editor" ).getPatternsByBlockTypes',since:"6.2",version:"6.4"}),Rt(e,t,n)}),((e,t,n)=>[...Lt.getDependants(e,n)])),Ot=H((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!t)return Z;if(t.some((t=>{let{clientId:n,innerBlocks:o}=t;return o.length||Zt(e,n)})))return Z;const o=Array.from(new Set(t.map((e=>{let{name:t}=e;return t}))));return Rt(e,o,n)}),((e,t,n)=>[...Rt.getDependants(e,n)]));function Dt(e,t){return e.blockListSettings[t]}function zt(e){return e.settings}function Ft(e){return e.blocks.isPersistentChange}const Vt=H((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return t.reduce(((t,n)=>e.blockListSettings[n]?{...t,[n]:e.blockListSettings[n]}:t),{})}),(e=>[e.blockListSettings])),Ht=H(((e,t)=>{var n;const o=$t(e).find((e=>e.id===t));return o?null===(n=o.title)||void 0===n?void 0:n.raw:null}),(e=>[$t(e)]));function Gt(e){return e.blocks.isIgnoredChange}function Ut(e){return e.lastBlockAttributesChange}function $t(e){var t,n;return null!==(t=null==e||null===(n=e.settings)||void 0===n?void 0:n.__experimentalReusableBlocks)&&void 0!==t?t:Z}function jt(e){return"navigation"===e.editorMode}function Wt(e){return e.editorMode}function Kt(e){return e.hasBlockMovingClientId}function qt(e){return!!e.automaticChangeStatus}function Yt(e,t){return e.highlightedBlock===t}function Zt(e,t){return!!e.blocks.controlledInnerBlocks[t]}const Qt=H(((e,t)=>{if(!t.length)return null;const n=be(e);if(t.includes(Q(e,n)))return n;const o=Me(e),r=Ee(e,n||o[0],t);return r?r[r.length-1]:null}),((e,t)=>[e.selection.selectionStart.clientId,e.selection.selectionEnd.clientId,t]));function Xt(e,t,n){var o;const{lastBlockInserted:r}=e;return(null===(o=r.clientIds)||void 0===o?void 0:o.includes(t))&&r.source===n}function Jt(e,t){var n,o;return null===(n=null===(o=e.blockVisibility)||void 0===o?void 0:o[t])||void 0===n||n}const en=H((e=>new Set(Object.keys(e.blockVisibility).filter((t=>e.blockVisibility[t])))),(e=>[e.blockVisibility])),tn=H(((e,t)=>{let n,o=t;for(;e.blocks.parents.has(o);)o=e.blocks.parents.get(o),"contentOnly"===ct(e,o)&&(n=o);return n}),(e=>[e.blocks.parents,e.blockListSettings]));function nn(e){return e.temporarilyEditingAsBlocks}function on(e,t){if(!bt(e,t))return!0;const n=Wt(e);if("zoom-out"===n&&t&&!ke(e,t))return!0;const o=(0,s.hasBlockSupport)(Q(e,t),"__experimentalDisableBlockOverlay",!1);return("navigation"===n||!o&&Zt(e,t))&&!We(e,t)&&!Ke(e,t,!0)}function rn(e,t){let n=e.blocks.parents[t];for(;n;){if(on(e,n))return!0;n=e.blocks.parents[n]}return!1}const ln=["inserterMediaCategories"];function sn(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e;if(t&&"web"===u.Platform.OS){n={};for(const t in e)ln.includes(t)||(n[t]=e[t])}return{type:"UPDATE_SETTINGS",settings:n}}function an(){return{type:"HIDE_BLOCK_INTERFACE"}}function cn(){return{type:"SHOW_BLOCK_INTERFACE"}}function un(e){return e.isBlockInterfaceHidden}function dn(e){var t;return null==e||null===(t=e.lastBlockInserted)||void 0===t?void 0:t.clientIds}var pn=window.wp.a11y;const mn="†";function gn(e){if(e)return Object.keys(e).find((t=>{const n=e[t];return"string"==typeof n&&-1!==n.indexOf(mn)}))}const fn=e=>Array.isArray(e)?e:[e],hn=e=>t=>{let{dispatch:n}=t;n({type:"RESET_BLOCKS",blocks:e}),n(vn(e))},vn=e=>t=>{let{select:n,dispatch:o}=t;const r=n.getTemplate(),l=n.getTemplateLock(),i=!r||"all"!==l||(0,s.doBlocksMatchTemplate)(e,r);if(i!==n.isValidTemplate())return o.setTemplateValidity(i),i};function bn(e,t,n){return{type:"RESET_SELECTION",selectionStart:e,selectionEnd:t,initialPosition:n}}function _n(e){return W()('wp.data.dispatch( "core/block-editor" ).receiveBlocks',{since:"5.9",alternative:"resetBlocks or insertBlocks"}),{type:"RECEIVE_BLOCKS",blocks:e}}function kn(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return{type:"UPDATE_BLOCK_ATTRIBUTES",clientIds:fn(e),attributes:t,uniqueByBlock:n}}function yn(e,t){return{type:"UPDATE_BLOCK",clientId:e,updates:t}}function En(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return{type:"SELECT_BLOCK",initialPosition:t,clientId:e}}const Cn=e=>t=>{let{select:n,dispatch:o}=t;const r=n.getPreviousBlockClientId(e);r&&o.selectBlock(r,-1)},Sn=e=>t=>{let{select:n,dispatch:o}=t;const r=n.getNextBlockClientId(e);r&&o.selectBlock(r)};function wn(){return{type:"START_MULTI_SELECT"}}function Bn(){return{type:"STOP_MULTI_SELECT"}}const In=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return o=>{let{select:r,dispatch:l}=o;if(r.getBlockRootClientId(e)!==r.getBlockRootClientId(t))return;l({type:"MULTI_SELECT",start:e,end:t,initialPosition:n});const i=r.getSelectedBlockCount();(0,pn.speak)((0,k.sprintf)((0,k._n)("%s block selected.","%s blocks selected.",i),i),"assertive")}};function xn(){return{type:"CLEAR_SELECTED_BLOCK"}}function Tn(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return{type:"TOGGLE_SELECTION",isSelectionEnabled:e}}function Mn(e,t){var n,o;const r=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,s.hasBlockSupport)(n,"defaultStylePicker",!0))return e;if(!r[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:l={}}=e,i=r[n];return{...e,attributes:{...l,className:`${o||""} is-style-${i}`.trim()}}}))}const Nn=function(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,r=arguments.length>4?arguments[4]:void 0;return l=>{let{select:i,dispatch:s}=l;e=fn(e),t=Mn(fn(t),i.getSettings());const a=i.getBlockRootClientId(e[0]);for(let e=0;e{let{select:t,dispatch:n}=e;if(t.getBlockCount()>0)return;const{__unstableHasCustomAppender:o}=t.getSettings();o||n.insertDefaultBlock()}))}};function Pn(e,t){return Nn(e,t)}const Ln=e=>(t,n)=>o=>{let{select:r,dispatch:l}=o;r.canMoveBlocks(t,n)&&l({type:e,clientIds:fn(t),rootClientId:n})},Rn=Ln("MOVE_BLOCKS_DOWN"),An=Ln("MOVE_BLOCKS_UP"),On=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=arguments.length>3?arguments[3]:void 0;return r=>{let{select:l,dispatch:i}=r;if(l.canMoveBlocks(e,t)){if(t!==n){if(!l.canRemoveBlocks(e,t))return;if(!l.canInsertBlocks(e,n))return}i({type:"MOVE_BLOCKS_TO_POSITION",fromRootClientId:t,toRootClientId:n,clientIds:e,index:o})}}};function Dn(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=arguments.length>3?arguments[3]:void 0;return On([e],t,n,o)}function zn(e,t,n,o,r){return Fn([e],t,n,o,0,r)}const Fn=function(e,t,n){let o=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,l=arguments.length>5?arguments[5]:void 0;return i=>{let{select:s,dispatch:a}=i;null!==r&&"object"==typeof r&&(l=r,r=0,W()("meta argument in wp.data.dispatch('core/block-editor')",{since:"5.8",hint:"The meta argument is now the 6th argument of the function"})),e=Mn(fn(e),s.getSettings());const c=[];for(const t of e){s.canInsertBlockType(t.name,n)&&c.push(t)}c.length&&a({type:"INSERT_BLOCKS",blocks:c,index:t,rootClientId:n,time:Date.now(),updateSelection:o,initialPosition:o?r:null,meta:l})}};function Vn(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{__unstableWithInserter:o,operation:r}=n;return{type:"SHOW_INSERTION_POINT",rootClientId:e,index:t,__unstableWithInserter:o,operation:r}}const Hn=()=>e=>{let{select:t,dispatch:n}=e;t.isBlockInsertionPointVisible()&&n({type:"HIDE_INSERTION_POINT"})};function Gn(e){return{type:"SET_TEMPLATE_VALIDITY",isValid:e}}const Un=()=>e=>{let{select:t,dispatch:n}=e;n({type:"SYNCHRONIZE_TEMPLATE"});const o=t.getBlocks(),r=t.getTemplate(),l=(0,s.synchronizeBlocksWithTemplate)(o,r);n.resetBlocks(l)},$n=e=>t=>{let{registry:n,select:o,dispatch:r}=t;const l=o.getSelectionStart(),i=o.getSelectionEnd();if(l.clientId===i.clientId)return;if(!l.attributeKey||!i.attributeKey||void 0===l.offset||void 0===i.offset)return!1;const a=o.getBlockRootClientId(l.clientId);if(a!==o.getBlockRootClientId(i.clientId))return;const c=o.getBlockOrder(a);let u,d;c.indexOf(l.clientId)>c.indexOf(i.clientId)?(u=i,d=l):(u=l,d=i);const p=e?d:u,m=o.getBlock(p.clientId),g=(0,s.getBlockType)(m.name);if(!g.merge)return;const f=u,h=d,v=o.getBlock(f.clientId),b=(0,s.getBlockType)(v.name),_=o.getBlock(h.clientId),k=(0,s.getBlockType)(_.name),y=v.attributes[f.attributeKey],E=_.attributes[h.attributeKey],C=b.attributes[f.attributeKey],S=k.attributes[h.attributeKey];let w=(0,$.create)({html:y,...K(C)}),B=(0,$.create)({html:E,...K(S)});w=(0,$.remove)(w,f.offset,w.text.length),B=(0,$.insert)(B,mn,0,h.offset);const I=(0,s.cloneBlock)(v,{[f.attributeKey]:(0,$.toHTMLString)({value:w,...K(C)})}),x=(0,s.cloneBlock)(_,{[h.attributeKey]:(0,$.toHTMLString)({value:B,...K(S)})}),T=e?I:x,M=v.name===_.name?[T]:(0,s.switchToBlockType)(T,g.name);if(!M||!M.length)return;let N;if(e){const e=M.pop();N=g.merge(e.attributes,x.attributes)}else{const e=M.shift();N=g.merge(I.attributes,e.attributes)}const P=gn(N),L=N[P],R=(0,$.create)({html:L,...K(g.attributes[P])}),A=R.text.indexOf(mn),O=(0,$.remove)(R,A,A+1),D=(0,$.toHTMLString)({value:O,...K(g.attributes[P])});N[P]=D;const z=o.getSelectedBlockClientIds(),F=[...e?M:[],{...m,attributes:{...m.attributes,...N}},...e?[]:M];n.batch((()=>{r.selectionChange(m.clientId,P,A,A),r.replaceBlocks(z,F,0,o.getSelectedBlocksInitialCaretPosition())}))},jn=()=>e=>{let{select:t,dispatch:n}=e;const o=t.getSelectionStart(),r=t.getSelectionEnd();if(o.clientId===r.clientId)return;if(!o.attributeKey||!r.attributeKey||void 0===o.offset||void 0===r.offset)return;const l=t.getBlockRootClientId(o.clientId);if(l!==t.getBlockRootClientId(r.clientId))return;const i=t.getBlockOrder(l);let a,c;i.indexOf(o.clientId)>i.indexOf(r.clientId)?(a=r,c=o):(a=o,c=r);const u=a,d=c,p=t.getBlock(u.clientId),m=(0,s.getBlockType)(p.name),g=t.getBlock(d.clientId),f=(0,s.getBlockType)(g.name),h=p.attributes[u.attributeKey],v=g.attributes[d.attributeKey],b=m.attributes[u.attributeKey],_=f.attributes[d.attributeKey];let k=(0,$.create)({html:h,...K(b)}),y=(0,$.create)({html:v,...K(_)});k=(0,$.remove)(k,u.offset,k.text.length),y=(0,$.remove)(y,0,d.offset),n.replaceBlocks(t.getSelectedBlockClientIds(),[{...p,attributes:{...p.attributes,[u.attributeKey]:(0,$.toHTMLString)({value:k,...K(b)})}},(0,s.createBlock)((0,s.getDefaultBlockName)()),{...g,attributes:{...g.attributes,[d.attributeKey]:(0,$.toHTMLString)({value:y,...K(_)})}}],1,t.getSelectedBlocksInitialCaretPosition())},Wn=()=>e=>{let{select:t,dispatch:n}=e;const o=t.getSelectionStart(),r=t.getSelectionEnd();n.selectionChange({start:{clientId:o.clientId},end:{clientId:r.clientId}})},Kn=(e,t)=>n=>{let{registry:o,select:r,dispatch:l}=n;const i=[e,t];l({type:"MERGE_BLOCKS",blocks:i});const[a,c]=i,u=r.getBlock(a),d=(0,s.getBlockType)(u.name);if(!d)return;const p=r.getBlock(c);if(d&&!d.merge){const e=(0,s.switchToBlockType)(p,d.name);if(1!==(null==e?void 0:e.length))return void l.selectBlock(u.clientId);const[t]=e;return t.innerBlocks.length<1?void l.selectBlock(u.clientId):void o.batch((()=>{l.insertBlocks(t.innerBlocks,void 0,a),l.removeBlock(c),l.selectBlock(t.innerBlocks[0].clientId)}))}const m=(0,s.getBlockType)(p.name),{clientId:g,attributeKey:f,offset:h}=r.getSelectionStart(),v=(g===a?d:m).attributes[f],b=(g===a||g===c)&&void 0!==f&&void 0!==h&&!!v;v||("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 _=(0,s.cloneBlock)(u),k=(0,s.cloneBlock)(p);if(b){const e=g===a?_:k,t=e.attributes[f],n=(0,$.insert)((0,$.create)({html:t,...K(v)}),mn,h,h);e.attributes[f]=(0,$.toHTMLString)({value:n,...K(v)})}const y=u.name===p.name?[k]:(0,s.switchToBlockType)(k,u.name);if(!y||!y.length)return;const E=d.merge(_.attributes,y[0].attributes);if(b){const e=gn(E),t=E[e],n=(0,$.create)({html:t,...K(d.attributes[e])}),o=n.text.indexOf(mn),r=(0,$.remove)(n,o,o+1),i=(0,$.toHTMLString)({value:r,...K(d.attributes[e])});E[e]=i,l.selectionChange(u.clientId,e,o,o)}l.replaceBlocks([u.clientId,p.clientId],[{...u,attributes:{...u.attributes,...E}},...y.slice(1)],0)},qn=function(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return n=>{let{select:o,dispatch:r}=n;if(!e||!e.length)return;e=fn(e);const l=o.getBlockRootClientId(e[0]);o.canRemoveBlocks(e,l)&&(t&&r.selectPreviousBlock(e[0]),r({type:"REMOVE_BLOCKS",clientIds:e}),r((e=>{let{select:t,dispatch:n}=e;if(t.getBlockCount()>0)return;const{__unstableHasCustomAppender:o}=t.getSettings();o||n.insertDefaultBlock()})))}};function Yn(e,t){return qn([e],t)}function Zn(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return{type:"REPLACE_INNER_BLOCKS",rootClientId:e,blocks:t,updateSelection:n,initialPosition:n?o:null,time:Date.now()}}function Qn(e){return{type:"TOGGLE_BLOCK_MODE",clientId:e}}function Xn(){return{type:"START_TYPING"}}function Jn(){return{type:"STOP_TYPING"}}function eo(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{type:"START_DRAGGING_BLOCKS",clientIds:e}}function to(){return{type:"STOP_DRAGGING_BLOCKS"}}function no(){return W()('wp.data.dispatch( "core/block-editor" ).enterFormattedText',{since:"6.1",version:"6.3"}),{type:"DO_NOTHING"}}function oo(){return W()('wp.data.dispatch( "core/block-editor" ).exitFormattedText',{since:"6.1",version:"6.3"}),{type:"DO_NOTHING"}}function ro(e,t,n,o){return"string"==typeof e?{type:"SELECTION_CHANGE",clientId:e,attributeKey:t,startOffset:n,endOffset:o}:{type:"SELECTION_CHANGE",...e}}const lo=(e,t,n)=>o=>{let{dispatch:r}=o;const l=(0,s.getDefaultBlockName)();if(!l)return;const i=(0,s.createBlock)(l,e);return r.insertBlock(i,n,t)};function io(e,t){return{type:"UPDATE_BLOCK_LIST_SETTINGS",clientId:e,settings:t}}function so(e){return sn(e,!0)}function ao(e,t){return{type:"SAVE_REUSABLE_BLOCK_SUCCESS",id:e,updatedId:t}}function co(){return{type:"MARK_LAST_CHANGE_AS_PERSISTENT"}}function uo(){return{type:"MARK_NEXT_CHANGE_AS_NOT_PERSISTENT"}}const po=()=>e=>{let{dispatch:t}=e;t({type:"MARK_AUTOMATIC_CHANGE"});const{requestIdleCallback:n=(e=>setTimeout(e,100))}=window;n((()=>{t({type:"MARK_AUTOMATIC_CHANGE_FINAL"})}))},mo=function(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return t=>{let{dispatch:n}=t;n.__unstableSetEditorMode(e?"navigation":"edit")}},go=e=>t=>{let{dispatch:n,select:o}=t;if("zoom-out"===e){const e=o.getBlockSelectionStart();e&&n.selectBlock(o.getBlockHierarchyRootClientId(e))}n({type:"SET_EDITOR_MODE",mode:e}),"navigation"===e?(0,pn.speak)((0,k.__)("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.")):"edit"===e?(0,pn.speak)((0,k.__)("You are currently in edit mode. To return to the navigation mode, press Escape.")):"zoom-out"===e&&(0,pn.speak)((0,k.__)("You are currently in zoom-out mode."))},fo=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return t=>{let{dispatch:n}=t;n({type:"SET_BLOCK_MOVING_MODE",hasBlockMovingClientId:e}),e&&(0,pn.speak)((0,k.__)("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."))}},ho=function(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return n=>{let{select:o,dispatch:r}=n;if(!e||!e.length)return;const l=o.getBlocksByClientId(e);if(l.some((e=>!e)))return;const i=l.map((e=>e.name));if(i.some((e=>!(0,s.hasBlockSupport)(e,"multiple",!0))))return;const a=o.getBlockRootClientId(e[0]),c=fn(e),u=o.getBlockIndex(c[c.length-1]),d=l.map((e=>(0,s.__experimentalCloneSanitizedBlock)(e)));return r.insertBlocks(d,u+1,a,t),d.length>1&&t&&r.multiSelect(d[0].clientId,d[d.length-1].clientId),d.map((e=>e.clientId))}},vo=e=>t=>{let{select:n,dispatch:o}=t;if(!e)return;const r=n.getBlockRootClientId(e);if(n.getTemplateLock(r))return;const l=n.getBlockIndex(e);return o.insertDefaultBlock({},r,l)},bo=e=>t=>{let{select:n,dispatch:o}=t;if(!e)return;const r=n.getBlockRootClientId(e);if(n.getTemplateLock(r))return;const l=n.getBlockIndex(e);return o.insertDefaultBlock({},r,l+1)};function _o(e,t){return{type:"TOGGLE_BLOCK_HIGHLIGHT",clientId:e,isHighlighted:t}}const ko=e=>async t=>{let{dispatch:n}=t;n(_o(e,!0)),await new Promise((e=>setTimeout(e,150))),n(_o(e,!1))};function yo(e,t){return{type:"SET_HAS_CONTROLLED_INNER_BLOCKS",hasControlledInnerBlocks:t,clientId:e}}function Eo(e){return{type:"SET_BLOCK_VISIBILITY",updates:e}}function Co(e){return{type:"SET_TEMPORARILY_EDITING_AS_BLOCKS",temporarilyEditingAsBlocks:e}}const So="core/block-editor";var wo=window.wp.experiments;const Bo="1600px",Io="768px",xo=1,To=.75;function Mo(e){let{minimumFontSize:t,maximumFontSize:n,fontSize:o,minimumViewPortWidth:r=Io,maximumViewPortWidth:l=Bo,scaleFactor:i=xo,minimumFontSizeFactor:s=To,minimumFontSizeLimit:a}=e;if(a=No(a)?a:"14px",o){const e=No(o);if(null==e||!e.unit)return null;const r=No(a,{coerceTo:e.unit});if(null!=r&&r.value&&!t&&!n&&(null==e?void 0:e.value)<=(null==r?void 0:r.value))return null;if(n||(n=`${e.value}${e.unit}`),!t){const n=Po(e.value*s,3);t=null!=r&&r.value&&n<(null==r?void 0:r.value)?`${r.value}${r.unit}`:`${n}${e.unit}`}}const c=No(t),u=(null==c?void 0:c.unit)||"rem",d=No(n,{coerceTo:u});if(!c||!d)return null;const p=No(t,{coerceTo:"rem"}),m=No(l,{coerceTo:u}),g=No(r,{coerceTo:u});if(!m||!g||!p)return null;const f=Po(g.value/100,3),h=Po(f,3)+u,v=Po(((d.value-c.value)/(m.value-g.value)*100||1)*i,3);return`clamp(${t}, ${`${p.value}${p.unit} + ((1vw - ${h}) * ${v})`}, ${n})`}function No(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("string"!=typeof e&&"number"!=typeof e)return null;isFinite(e)&&(e=`${e}px`);const{coerceTo:n,rootSizeValue:o,acceptableUnits:r}={coerceTo:"",rootSizeValue:16,acceptableUnits:["rem","px","em"],...t},l=null==r?void 0:r.join("|"),i=new RegExp(`^(\\d*\\.?\\d+)(${l}){1,1}$`),s=e.match(i);if(!s||s.length<3)return null;let[,a,c]=s,u=parseFloat(a);return"px"!==n||"em"!==c&&"rem"!==c||(u*=o,c=n),"px"!==c||"em"!==n&&"rem"!==n||(u/=o,c=n),"em"!==n&&"rem"!==n||"em"!==c&&"rem"!==c||(c=n),{value:Po(u,3),unit:c}}function Po(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;const n=Math.pow(10,t);return Number.isFinite(e)?parseFloat(Math.round(e*n)/n):void 0}function Lo(e,t){var n,o;const{size:r}=e;if(!r||"0"===r)return r;if(null==t||!t.fluid||"object"==typeof(null==t?void 0:t.fluid)&&0===Object.keys(t.fluid).length)return r;if(!1===(null==e?void 0:e.fluid))return r;const l="object"==typeof(null==t?void 0:t.fluid)?null==t?void 0:t.fluid:{},i=Mo({minimumFontSize:null==e||null===(n=e.fluid)||void 0===n?void 0:n.min,maximumFontSize:null==e||null===(o=e.fluid)||void 0===o?void 0:o.max,fontSize:r,minimumFontSizeLimit:null==l?void 0:l.minFontSize});return i||r}const Ro="body",Ao=[{path:["color","palette"],valueKey:"color",cssVarInfix:"color",classes:[{classSuffix:"color",propertyName:"color"},{classSuffix:"background-color",propertyName:"background-color"},{classSuffix:"border-color",propertyName:"border-color"}]},{path:["color","gradients"],valueKey:"gradient",cssVarInfix:"gradient",classes:[{classSuffix:"gradient-background",propertyName:"background"}]},{path:["color","duotone"],cssVarInfix:"duotone",valueFunc:e=>{let{slug:t}=e;return`url( '#wp-duotone-${t}' )`},classes:[]},{path:["shadow","presets"],valueKey:"shadow",cssVarInfix:"shadow",classes:[]},{path:["typography","fontSizes"],valueFunc:(e,t)=>{let{typography:n}=t;return Lo(e,n)},valueKey:"size",cssVarInfix:"font-size",classes:[{classSuffix:"font-size",propertyName:"font-size"}]},{path:["typography","fontFamilies"],valueKey:"fontFamily",cssVarInfix:"font-family",classes:[{classSuffix:"font-family",propertyName:"font-family"}]},{path:["spacing","spacingSizes"],valueKey:"size",cssVarInfix:"spacing",valueFunc:e=>{let{size:t}=e;return t},classes:[]}],Oo={"color.background":"color","color.text":"color","elements.link.color.text":"color","elements.link.:hover.color.text":"color","elements.link.typography.fontFamily":"font-family","elements.link.typography.fontSize":"font-size","elements.button.color.text":"color","elements.button.color.background":"color","elements.button.typography.fontFamily":"font-family","elements.button.typography.fontSize":"font-size","elements.heading.color":"color","elements.heading.color.background":"color","elements.heading.typography.fontFamily":"font-family","elements.heading.gradient":"gradient","elements.heading.color.gradient":"gradient","elements.h1.color":"color","elements.h1.color.background":"color","elements.h1.typography.fontFamily":"font-family","elements.h1.color.gradient":"gradient","elements.h2.color":"color","elements.h2.color.background":"color","elements.h2.typography.fontFamily":"font-family","elements.h2.color.gradient":"gradient","elements.h3.color":"color","elements.h3.color.background":"color","elements.h3.typography.fontFamily":"font-family","elements.h3.color.gradient":"gradient","elements.h4.color":"color","elements.h4.color.background":"color","elements.h4.typography.fontFamily":"font-family","elements.h4.color.gradient":"gradient","elements.h5.color":"color","elements.h5.color.background":"color","elements.h5.typography.fontFamily":"font-family","elements.h5.color.gradient":"gradient","elements.h6.color":"color","elements.h6.color.background":"color","elements.h6.typography.fontFamily":"font-family","elements.h6.color.gradient":"gradient","color.gradient":"gradient",shadow:"shadow","typography.fontSize":"font-size","typography.fontFamily":"font-family"};function Do(e,t,n,o,r){const l=[(0,f.get)(e,["blocks",t,...n]),(0,f.get)(e,n)];for(const i of l)if(i){const l=["custom","theme","default"];for(const s of l){const l=i[s];if(l){const i=l.find((e=>e[o]===r));if(i){if("slug"===o)return i;return Do(e,t,n,"slug",i.slug)[o]===i[o]?i:void 0}}}}}function zo(e,t,n,o){if(!o)return o;const r=Oo[n],l=Ao.find((e=>e.cssVarInfix===r));if(!l)return o;const{valueKey:i,path:s}=l,a=Do(e,t,s,i,o);return a?`var:preset|${r}|${a.slug}`:o}function Fo(e,t,n){if(!n||"string"!=typeof n){var o,r;if(null===(o=n)||void 0===o||!o.ref||"string"!=typeof(null===(r=n)||void 0===r?void 0:r.ref))return n;{var l;const t=n.ref.split(".");if(!(n=(0,f.get)(e,t))||null!==(l=n)&&void 0!==l&&l.ref)return n}}const i="var:",s="var(--wp--";let a;if(n.startsWith(i))a=n.slice(i.length).split("|");else{if(!n.startsWith(s)||!n.endsWith(")"))return n;a=n.slice(s.length,-")".length).split("--")}const[c,...u]=a;return"preset"===c?function(e,t,n,o){let[r,l]=o;const i=Ao.find((e=>e.cssVarInfix===r));if(!i)return n;const s=Do(e.settings,t,i.path,"slug",l);if(s){const{valueKey:n}=i;return Fo(e,t,s[n])}return n}(e,t,n,u):"custom"===c?function(e,t,n,o){var r;const l=null!==(r=(0,f.get)(e.settings,["blocks",t,"custom",...o]))&&void 0!==r?r:(0,f.get)(e.settings,["custom",...o]);return l?Fo(e,t,l):n}(e,t,n,u):n}const Vo=(0,u.createContext)({user:{},base:{},merged:{},setUserConfig:()=>{}}),Ho={settings:{},styles:{}},Go=()=>{const{user:e,setUserConfig:t}=(0,u.useContext)(Vo);return[!!e&&!_()(e,Ho),(0,u.useCallback)((()=>t((()=>Ho))),[t])]};function Uo(e,t){var n;let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"all";const{merged:r,base:l,user:i,setUserConfig:s}=(0,u.useContext)(Vo),a=t?`settings.blocks.${t}.${e}`:`settings.${e}`,c=e=>{s((t=>{const n=JSON.parse(JSON.stringify(t));return(0,f.set)(n,a,e),n}))},d=t=>{const n=t?`settings.blocks.${t}.${e}`:`settings.${e}`;let s;switch(o){case"all":s=(0,f.get)(r,n);break;case"user":s=(0,f.get)(i,n);break;case"base":s=(0,f.get)(l,n);break;default:throw"Unsupported source"}return s},p=null!==(n=d(t))&&void 0!==n?n:d();return[p,c]}function $o(e,t){var n;let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"all";const{merged:r,base:l,user:i,setUserConfig:s}=(0,u.useContext)(Vo),a=t?`styles.blocks.${t}.${e}`:`styles.${e}`,c=n=>{s((o=>{const l=JSON.parse(JSON.stringify(o));return(0,f.set)(l,a,zo(r.settings,t,e,n)),l}))};let d;switch(o){case"all":d=Fo(r,t,"styles.css"===a?(0,f.get)(i,a):null!==(n=(0,f.get)(i,a))&&void 0!==n?n:(0,f.get)(l,a));break;case"user":d=Fo(r,t,(0,f.get)(i,a));break;case"base":d=Fo(l,t,(0,f.get)(l,a));break;default:throw"Unsupported source"}return[d,c]}var jo=window.wp.styleEngine,Wo={grad:.9,turn:360,rad:360/(2*Math.PI)},Ko=function(e){return"string"==typeof e?e.length>0:"number"==typeof e},qo=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*e)/n+0},Yo=function(e,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),e>n?n:e>t?e:t},Zo=function(e){return(e=isFinite(e)?e%360:0)>0?e:e+360},Qo=function(e){return{r:Yo(e.r,0,255),g:Yo(e.g,0,255),b:Yo(e.b,0,255),a:Yo(e.a)}},Xo=function(e){return{r:qo(e.r),g:qo(e.g),b:qo(e.b),a:qo(e.a,3)}},Jo=/^#([0-9a-f]{3,8})$/i,er=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},tr=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}},nr=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}},or=function(e){return{h:Zo(e.h),s:Yo(e.s,0,100),l:Yo(e.l,0,100),a:Yo(e.a)}},rr=function(e){return{h:qo(e.h),s:qo(e.s),l:qo(e.l),a:qo(e.a,3)}},lr=function(e){return nr((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},ir=function(e){return{h:(t=tr(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},sr=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ar=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,cr=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ur=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,dr={string:[[function(e){var t=Jo.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?qo(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?qo(parseInt(e.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(e){var t=cr.exec(e)||ur.exec(e);return t?t[2]!==t[4]||t[4]!==t[6]?null:Qo({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=sr.exec(e)||ar.exec(e);if(!t)return null;var n,o,r=or({h:(n=t[1],o=t[2],void 0===o&&(o="deg"),Number(n)*(Wo[o]||1)),s:Number(t[3]),l:Number(t[4]),a:void 0===t[5]?1:Number(t[5])/(t[6]?100:1)});return lr(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 Ko(t)&&Ko(n)&&Ko(o)?Qo({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(!Ko(t)||!Ko(n)||!Ko(o))return null;var i=or({h:Number(t),s:Number(n),l:Number(o),a:Number(l)});return lr(i)},"hsl"],[function(e){var t=e.h,n=e.s,o=e.v,r=e.a,l=void 0===r?1:r;if(!Ko(t)||!Ko(n)||!Ko(o))return null;var i=function(e){return{h:Zo(e.h),s:Yo(e.s,0,100),v:Yo(e.v,0,100),a:Yo(e.a)}}({h:Number(t),s:Number(n),v:Number(o),a:Number(l)});return nr(i)},"hsv"]]},pr=function(e,t){for(var n=0;n=.5},e.prototype.toHex=function(){return t=(e=Xo(this.rgba)).r,n=e.g,o=e.b,l=(r=e.a)<1?er(qo(255*r)):"","#"+er(t)+er(n)+er(o)+l;var e,t,n,o,r,l},e.prototype.toRgb=function(){return Xo(this.rgba)},e.prototype.toRgbString=function(){return t=(e=Xo(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 rr(ir(this.rgba))},e.prototype.toHslString=function(){return t=(e=rr(ir(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=tr(this.rgba),{h:qo(e.h),s:qo(e.s),v:qo(e.v),a:qo(e.a,3)};var e},e.prototype.invert=function(){return br({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),br(gr(this.rgba,e))},e.prototype.desaturate=function(e){return void 0===e&&(e=.1),br(gr(this.rgba,-e))},e.prototype.grayscale=function(){return br(gr(this.rgba,-1))},e.prototype.lighten=function(e){return void 0===e&&(e=.1),br(hr(this.rgba,e))},e.prototype.darken=function(e){return void 0===e&&(e=.1),br(hr(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?br({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):qo(this.rgba.a,3);var t},e.prototype.hue=function(e){var t=ir(this.rgba);return"number"==typeof e?br({h:e,s:t.s,l:t.l,a:t.a}):qo(t.h)},e.prototype.isEqual=function(e){return this.toHex()===br(e).toHex()},e}(),br=function(e){return e instanceof vr?e:new vr(e)},_r=[],kr=function(e){e.forEach((function(e){_r.indexOf(e)<0&&(e(vr,dr),_r.push(e))}))};function yr(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const t={r:[],g:[],b:[],a:[]};return e.forEach((e=>{const n=br(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 Er(e){let{selector:t,id:n}=e;const o=`\n${t} {\n\tfilter: url( #${n} );\n}\n`;return(0,u.createElement)("style",null,o)}function Cr(e){let{selector:t}=e;const n=`\n${t} {\n\tfilter: none;\n}\n`;return(0,u.createElement)("style",null,n)}function Sr(e){let{id:t,colors:n}=e;const o=yr(n);return(0,u.createElement)(h.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,u.createElement)("defs",null,(0,u.createElement)("filter",{id:t},(0,u.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,u.createElement)("feComponentTransfer",{colorInterpolationFilters:"sRGB"},(0,u.createElement)("feFuncR",{type:"table",tableValues:o.r.join(" ")}),(0,u.createElement)("feFuncG",{type:"table",tableValues:o.g.join(" ")}),(0,u.createElement)("feFuncB",{type:"table",tableValues:o.b.join(" ")}),(0,u.createElement)("feFuncA",{type:"table",tableValues:o.a.join(" ")})),(0,u.createElement)("feComposite",{in2:"SourceGraphic",operator:"in"}))))}function wr(e){let{preset:t}=e;return(0,u.createElement)(Sr,{id:`wp-duotone-${t.slug}`,colors:t.colors})}const Br=(0,u.createContext)({refs:new Map,callbacks:new Map});function Ir(e){let{children:t}=e;const n=(0,u.useMemo)((()=>({refs:new Map,callbacks:new Map})),[]);return(0,u.createElement)(Br.Provider,{value:n},t)}function xr(e){const{refs:t,callbacks:n}=(0,u.useContext)(Br),o=(0,u.useRef)();return(0,u.useLayoutEffect)((()=>(t.set(o,e),()=>{t.delete(o)})),[e]),(0,m.useRefEffect)((t=>{o.current=t,n.forEach(((n,o)=>{e===n&&o(t)}))}),[e])}function Tr(e){const{refs:t}=(0,u.useContext)(Br),n=(0,u.useRef)();return n.current=e,(0,u.useMemo)((()=>({get current(){let e=null;for(const[o,r]of t.entries())r===n.current&&o.current&&(e=o.current);return e}})),[])}function Mr(e){const{callbacks:t}=(0,u.useContext)(Br),n=Tr(e),[o,r]=(0,u.useState)(null);return(0,u.useLayoutEffect)((()=>{if(e)return t.set(r,e),()=>{t.delete(r)}}),[e]),n.current||o}function Nr(e){return!(null==e||!e.includes)&&("0"===e||e.includes("var:preset|spacing|"))}function Pr(e){if(!e)return;const t=e.match(/var:preset\|spacing\|(.+)/);return t?`var(--wp--preset--spacing--${t[1]})`:e}function Lr(e){if(!e)return;if("0"===e||"default"===e)return e;const t=e.match(/var:preset\|spacing\|(.+)/);return t?t[1]:void 0}const Rr={all:(0,k.__)("All sides"),top:(0,k.__)("Top"),bottom:(0,k.__)("Bottom"),left:(0,k.__)("Left"),right:(0,k.__)("Right"),mixed:(0,k.__)("Mixed"),vertical:(0,k.__)("Vertical"),horizontal:(0,k.__)("Horizontal")},Ar={top:void 0,right:void 0,bottom:void 0,left:void 0},Or=["top","right","bottom","left"];function Dr(e){return e.sort(((t,n)=>e.filter((e=>e===t)).length-e.filter((e=>e===n)).length)).pop()}function zr(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Or;return Object.values(e).length>=1&&Object.values(e).length1}function Fr(e){return null!=e&&Object.values(e).filter((e=>!!e)).length>0}var Vr=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M14.5 13.8c-1.1 0-2.1.7-2.4 1.8H4V17h8.1c.3 1 1.3 1.8 2.4 1.8s2.1-.7 2.4-1.8H20v-1.5h-3.1c-.3-1-1.3-1.7-2.4-1.7zM11.9 7c-.3-1-1.3-1.8-2.4-1.8S7.4 6 7.1 7H4v1.5h3.1c.3 1 1.3 1.8 2.4 1.8s2.1-.7 2.4-1.8H20V7h-8.1z"}));const Hr={name:"",isSelected:!1},Gr=(0,u.createContext)(Hr),{Provider:Ur}=Gr;function $r(){return(0,u.useContext)(Gr)}const jr=["color","border","dimensions","typography","spacing"],Wr={"color.palette":e=>e.colors,"color.gradients":e=>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=>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},Kr={"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 qr(e){const{name:t,clientId:n}=$r();return(0,g.useSelect)((o=>{if(jr.includes(e))return void console.warn("Top level useSetting paths are disabled. Please use a subpath to query the information needed.");let r=(0,a.applyFilters)("blockEditor.useSetting.before",void 0,e,n,t);if(void 0!==r)return r;const l=(e=>Kr[e]||e)(e),i=[n,...o(E_).getBlockParents(n,!0)];for(const e of i){const n=o(E_).getBlockName(e);if((0,s.hasBlockSupport)(n,"__experimentalSettings",!1)){var c;const n=o(E_).getBlockAttributes(e);if(r=null!==(c=(0,f.get)(n,`settings.blocks.${t}.${l}`))&&void 0!==c?c:(0,f.get)(n,`settings.${l}`),void 0!==r)break}}const u=o(E_).getSettings();if(void 0===r){var d;const e=`__experimentalFeatures.${l}`,n=`__experimentalFeatures.blocks.${t}.${l}`;r=null!==(d=(0,f.get)(u,n))&&void 0!==d?d:(0,f.get)(u,e)}var p,m;if(void 0!==r)return s.__EXPERIMENTAL_PATHS_WITH_MERGE[l]?null!==(p=null!==(m=r.custom)&&void 0!==m?m:r.theme)&&void 0!==p?p:r.default:r;const g=Wr[l]?Wr[l](u):void 0;return void 0!==g?g:"typography.dropCap"===l||void 0}),[t,n,e])}const Yr={px:{max:300,steps:1},"%":{max:100,steps:1},vw:{max:100,steps:1},vh:{max:100,steps:1},em:{max:10,steps:.1},rm:{max:10,steps:.1}};function Zr(e){var t,n,o,r,l;let{spacingSizes:i,value:s,side:a,onChange:c,isMixed:d=!1,type:m,minimumCustomValue:f,onMouseOver:v,onMouseOut:b}=e;s=function(e,t){if(Nr(e))return e;const n=t.find((t=>String(t.size)===String(e)));return null!=n&&n.slug?`var:preset|spacing|${n.slug}`:e}(s,i);let _=i;const y=i.length<=8,E=(0,g.useSelect)((e=>{const t=e(E_).getSettings();return null==t?void 0:t.disableCustomSpacingSizes})),[C,S]=(0,u.useState)(!E&&void 0!==s&&!Nr(s)),w=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["px","em","rem"]});let B=null;!y&&!C&&void 0!==s&&(!Nr(s)||Nr(s)&&d)?(_=[...i,{name:d?(0,k.__)("Mixed"):(0,k.sprintf)((0,k.__)("Custom (%s)"),s),slug:"custom",size:s}],B=_.length-1):d||(B=C?function(e,t){if(!Nr(e))return e;const n=Lr(e),o=t.find((e=>String(e.slug)===n));return null==o?void 0:o.size}(s,i):function(e,t){if(void 0===e)return 0;const n=0===parseFloat(e,10)?"0":Lr(e),o=t.findIndex((e=>String(e.slug)===n));return-1!==o?o:NaN}(s,i));const I=(0,u.useMemo)((()=>(0,h.__experimentalParseQuantityAndUnitFromRawValue)(B)),[B])[1]||w[0].value,x=e=>{var t;return void 0===s||null===(t=i[e])||void 0===t?void 0:t.name},T=parseFloat(B,10),M=(e,t)=>{var n;const o=parseInt(e,10);if("selectList"===t){if(0===o)return;if(1===o)return"0"}else if(0===o)return"0";return`var:preset|spacing|${null===(n=i[e])||void 0===n?void 0:n.slug}`},N=d?(0,k.__)("Mixed"):null,P=d?(0,k.__)("Mixed"):x(B),L=_.map(((e,t)=>({key:t,name:e.name}))),R=i.map(((e,t)=>({value:t,label:void 0}))),A=(0,k.sprintf)((0,k.__)("%1$s %2$s"),Rr[a],null==m?void 0:m.toLowerCase()),O=y&&!C&&void 0!==P;return(0,u.createElement)(u.Fragment,null,"all"!==a&&(0,u.createElement)(h.__experimentalHStack,{className:"components-spacing-sizes-control__side-labels"},(0,u.createElement)(h.BaseControl.VisualLabel,{className:"components-spacing-sizes-control__side-label"},Rr[a]),O&&(0,u.createElement)(h.BaseControl.VisualLabel,{className:"components-spacing-sizes-control__hint-single"},P)),"all"===a&&O&&(0,u.createElement)(h.BaseControl.VisualLabel,{className:"components-spacing-sizes-control__hint-all"},P),!E&&(0,u.createElement)(h.Button,{label:C?(0,k.__)("Use size preset"):(0,k.__)("Set custom size"),icon:Vr,onClick:()=>{S(!C)},isPressed:C,isSmall:!0,className:p()({"components-spacing-sizes-control__custom-toggle-all":"all"===a,"components-spacing-sizes-control__custom-toggle-single":"all"!==a}),iconSize:24}),C&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.__experimentalUnitControl,{onMouseOver:v,onMouseOut:b,onFocus:v,onBlur:b,onChange:e=>c((e=>isNaN(parseFloat(e))?void 0:e)(e)),value:B,units:w,min:f,placeholder:N,disableUnits:d,label:A,hideLabelFromVision:!0,className:"components-spacing-sizes-control__custom-value-input",size:"__unstable-large"}),(0,u.createElement)(h.RangeControl,{onMouseOver:v,onMouseOut:b,onFocus:v,onBlur:b,value:T,min:0,max:null!==(t=null===(n=Yr[I])||void 0===n?void 0:n.max)&&void 0!==t?t:10,step:null!==(o=null===(r=Yr[I])||void 0===r?void 0:r.steps)&&void 0!==o?o:.1,withInputField:!1,onChange:e=>{c([e,I].join(""))},className:"components-spacing-sizes-control__custom-value-range",__nextHasNoMarginBottom:!0})),y&&!C&&(0,u.createElement)(h.RangeControl,{onMouseOver:v,onMouseOut:b,className:"components-spacing-sizes-control__range-control",value:B,onChange:e=>c(M(e)),onMouseDown:e=>{var t;(null==e||null===(t=e.nativeEvent)||void 0===t?void 0:t.offsetX)<35&&void 0===s&&c("0")},withInputField:!1,"aria-valuenow":B,"aria-valuetext":null===(l=i[B])||void 0===l?void 0:l.name,renderTooltipContent:x,min:0,max:i.length-1,marks:R,label:A,hideLabelFromVision:!0,__nextHasNoMarginBottom:!0,onFocus:v,onBlur:b}),!y&&!C&&(0,u.createElement)(h.CustomSelectControl,{className:"components-spacing-sizes-control__custom-select-control",value:L.find((e=>e.key===B))||"",onChange:e=>{c(M(e.selectedItem.key,"selectList"))},options:L,label:A,hideLabelFromVision:!0,__nextUnconstrainedWidth:!0,size:"__unstable-large",onMouseOver:v,onMouseOut:b,onFocus:v,onBlur:b}))}function Qr(e){let{onChange:t,values:n,sides:o,spacingSizes:r,type:l,minimumCustomValue:i,onMouseOver:s,onMouseOut:a}=e;const c=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Dr(Object.values(e))}(n),d=Fr(n)&&zr(n,o);return(0,u.createElement)(Zr,{value:c,onChange:e=>{const r=(0,h.__experimentalApplyValueToSides)(n,e,o);t(r)},side:"all",spacingSizes:r,isMixed:d,type:l,minimumCustomValue:i,onMouseOver:s,onMouseOut:a})}function Xr(e){let{values:t,sides:n,onChange:o,spacingSizes:r,type:l,minimumCustomValue:i,onMouseOver:s,onMouseOut:a}=e;const c=null!=n&&n.length?Or.filter((e=>n.includes(e))):Or,d=e=>n=>{const r={...t};r[e]=n,o(r)};return(0,u.createElement)(u.Fragment,null,c.map((e=>(0,u.createElement)(Zr,{value:t[e],label:Rr[e],key:`spacing-sizes-control-${e}`,withInputField:!1,side:e,onChange:d(e),spacingSizes:r,type:l,minimumCustomValue:i,onMouseOver:s,onMouseOut:a}))))}const Jr=["vertical","horizontal"];function el(e){let{onChange:t,values:n,sides:o,spacingSizes:r,type:l,minimumCustomValue:i,onMouseOver:s,onMouseOut:a}=e;const c=e=>o=>{if(!t)return;const r={...n};"vertical"===e&&(r.top=o,r.bottom=o),"horizontal"===e&&(r.left=o,r.right=o),t(r)},d=null!=o&&o.length?Jr.filter((e=>o.includes(e))):Jr;return(0,u.createElement)(u.Fragment,null,d.map((e=>{const t="vertical"===e?n.top:n.left;return(0,u.createElement)(Zr,{value:t,onChange:c(e),label:Rr[e],key:`spacing-sizes-control-${e}`,withInputField:!1,side:e,spacingSizes:r,type:l,minimumCustomValue:i,onMouseOver:s,onMouseOut:a})})))}var tl=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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"}));var nl=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 ol(e){let{isLinked:t,onClick:n}=e;const o=t?(0,k.__)("Unlink sides"):(0,k.__)("Link sides");return(0,u.createElement)(h.Tooltip,{text:o},(0,u.createElement)("span",{className:"component-spacing-sizes-control__linked-button"},(0,u.createElement)(h.Button,{isSmall:!0,icon:t?tl:nl,iconSize:24,"aria-label":o,onClick:n})))}function rl(e){let{inputProps:t,onChange:n,label:o=(0,k.__)("Spacing Control"),values:r,sides:l,splitOnAxis:i=!1,useSelect:s,minimumCustomValue:a=0,onMouseOver:d,onMouseOut:m}=e;const g=[{name:0,slug:"0",size:0},...qr("spacing.spacingSizes")||[]];g.length>8&&g.unshift({name:(0,k.__)("Default"),slug:"default",size:void 0});const f=r||Ar,v=Fr(r),b=1===(null==l?void 0:l.length),[_,y]=(0,u.useState)(!v||!zr(f,l)||b),E={...t,onChange:e=>{const t={...r,...e};n(t)},isLinked:_,sides:l,values:f,spacingSizes:g,useSelect:s,type:o,minimumCustomValue:a,onMouseOver:d,onMouseOut:m};return(0,u.createElement)("fieldset",{className:p()("component-spacing-sizes-control",{"is-unlinked":!_})},(0,u.createElement)(h.BaseControl.VisualLabel,{as:"legend"},o),!b&&(0,u.createElement)(ol,{onClick:()=>{y(!_)},isLinked:_}),_&&(0,u.createElement)(Qr,c({"aria-label":o},E)),!_&&i&&(0,u.createElement)(el,E),!_&&!i&&(0,u.createElement)(Xr,E))}window.wp.warning;function ll(){const{isSelected:e,clientId:t,name:n}=$r();return(0,g.useSelect)((o=>{if(e)return!0;const{getBlockName:r,isFirstMultiSelectedBlock:l,getMultiSelectedBlockClientIds:i}=o(E_);return!!l(t)&&i().every((e=>r(e)===n))}),[t,e,n])}const il=(0,h.createSlotFill)("InspectorControls"),sl=(0,h.createSlotFill)("InspectorAdvancedControls"),al=(0,h.createSlotFill)("InspectorControlsBorder"),cl=(0,h.createSlotFill)("InspectorControlsColor"),ul=(0,h.createSlotFill)("InspectorControlsDimensions"),dl=(0,h.createSlotFill)("InspectorControlsPosition"),pl=(0,h.createSlotFill)("InspectorControlsTypography");var ml={default:il,advanced:sl,border:al,color:cl,dimensions:ul,list:(0,h.createSlotFill)("InspectorControlsListView"),settings:il,styles:(0,h.createSlotFill)("InspectorControlsStyles"),typography:pl,position:dl};function gl(e){var t;let{children:n,group:o="default",__experimentalGroup:r}=e;r&&(W()("`__experimentalGroup` property in `InspectorControlsFill`",{since:"6.2",version:"6.4",alternative:"`group`"}),o=r);const l=ll(),i=null===(t=ml[o])||void 0===t?void 0:t.Fill;return i?l?(0,u.createElement)(h.__experimentalStyleProvider,{document:document},(0,u.createElement)(i,null,(e=>{const t=(0,f.isEmpty)(e)?null:e;return(0,u.createElement)(h.__experimentalToolsPanelContext.Provider,{value:t},n)}))):null:("undefined"!=typeof process&&process.env,null)}const fl=e=>{if(null===e||"object"!=typeof e||Array.isArray(e))return e;const t=Object.fromEntries(Object.entries((0,f.mapValues)(e,fl)).filter((e=>{let[,t]=e;return Boolean(t)})));return(0,f.isEmpty)(t)?void 0:t};function hl(e){return"object"==typeof e?{...Object.fromEntries(Object.entries(e).map((e=>{let[t,n]=e;return[t,hl(n)]})))}:e}function vl(e,t,n){const o=function(e){return Array.isArray(e)?e:"number"==typeof e?[e.toString()]:[e]}(t),r=e?hl(e):{};return o.reduce(((e,t,r)=>(void 0===e[t]&&(e[t]={}),r===o.length-1&&(e[t]=n),e[t])),r),r}function bl(e,t,n,o,r,l){var i;if(Object.values(null!=e?e:{}).every((e=>!e)))return n;if(1===l.length&&n.innerBlocks.length===o.length)return n;let s=null===(i=o[0])||void 0===i?void 0:i.attributes;if(l.length>1&&o.length>1){if(!o[r])return n;var a;s=null===(a=o[r])||void 0===a?void 0:a.attributes}let c=n;return Object.entries(e).forEach((e=>{let[n,o]=e;o&&t[n].forEach((e=>{const t=(0,f.get)(s,e);t&&(c={...c,attributes:vl(c.attributes,e,t)})}))})),c}function _l(e,t,n){const o=(0,s.getBlockSupport)(e,t),r=null==o?void 0:o.__experimentalSkipSerialization;return Array.isArray(r)?r.includes(n):r}function kl(e){let{children:t,group:n,label:o}=e;const{updateBlockAttributes:r}=(0,g.useDispatch)(E_),{getBlockAttributes:l,getMultiSelectedBlockClientIds:i,getSelectedBlockClientId:s,hasMultiSelection:a}=(0,g.useSelect)(E_),c=s(),d=(0,u.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const t={},n=a()?i():[c];n.forEach((n=>{const{style:o}=l(n);let r={style:o};e.forEach((e=>{r={...r,...e(r)}})),r={...r,style:fl(r.style)},t[n]=r})),r(n,t,!0)}),[fl,l,i,a,c,r]);return(0,u.createElement)(h.__experimentalToolsPanel,{className:`${n}-block-support-panel`,label:o,resetAll:d,key:c,panelId:c,hasInnerWrapper:!0,shouldRenderPlaceholderItems:!0,__experimentalFirstVisibleItemClass:"first",__experimentalLastVisibleItemClass:"last"},t)}function yl(e){let{Slot:t,...n}=e;const o=(0,u.useContext)(h.__experimentalToolsPanelContext);return(0,u.createElement)(t,c({},n,{fillProps:o,bubblesVirtually:!0}))}function El(e){var t;let{__experimentalGroup:n,group:o="default",label:r,...l}=e;n&&(W()("`__experimentalGroup` property in `InspectorControlsSlot`",{since:"6.2",version:"6.4",alternative:"`group`"}),o=n);const i=null===(t=ml[o])||void 0===t?void 0:t.Slot,s=(0,h.__experimentalUseSlot)(null==i?void 0:i.__unstableName),a=(0,h.__experimentalUseSlotFills)(null==i?void 0:i.__unstableName);if(!i||!s)return"undefined"!=typeof process&&process.env,null;return Boolean(a&&a.length)?r?(0,u.createElement)(kl,{group:o,label:r},(0,u.createElement)(yl,c({},l,{Slot:i}))):(0,u.createElement)(i,c({},l,{bubblesVirtually:!0})):null}const Cl=gl;Cl.Slot=El;const Sl=e=>(0,u.createElement)(gl,c({},e,{group:"advanced"}));Sl.Slot=e=>(0,u.createElement)(El,c({},e,{group:"advanced"})),Sl.slotName="InspectorAdvancedControls";var wl=Cl,Bl=window.wp.isShallowEqual,Il=n.n(Bl);var xl=function(e){return(0,m.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 Tl=Number.MAX_SAFE_INTEGER;var Ml=(0,u.forwardRef)((function(e,t){let{clientId:n,bottomClientId:o,children:r,__unstableRefreshSize:l,__unstableCoverTarget:i=!1,__unstablePopoverSlot:s,__unstableContentRef:a,shift:d=!0,...g}=e;const f=Mr(n),v=Mr(null!=o?o:n),b=(0,m.useMergeRefs)([t,xl(a)]),[_,k]=(0,u.useReducer)((e=>(e+1)%Tl),0);(0,u.useLayoutEffect)((()=>{if(!f)return;const e=new window.MutationObserver(k);return e.observe(f,{attributes:!0}),()=>{e.disconnect()}}),[f]);const y=(0,u.useMemo)((()=>_<0||!f||v!==f?{}:{position:"absolute",width:f.offsetWidth,height:f.offsetHeight}),[f,v,l,_]),E=(0,u.useMemo)((()=>{if(!(_<0||!f||o&&!v))return{getBoundingClientRect(){var e,t,n,o;const r=f.getBoundingClientRect(),l=null==v?void 0:v.getBoundingClientRect(),i=Math.min(r.left,null!==(e=null==l?void 0:l.left)&&void 0!==e?e:1/0),s=Math.min(r.top,null!==(t=null==l?void 0:l.top)&&void 0!==t?t:1/0),a=Math.max(r.right,null!==(n=l.right)&&void 0!==n?n:-1/0)-i,c=Math.max(r.bottom,null!==(o=l.bottom)&&void 0!==o?o:-1/0)-s;return new window.DOMRect(i,s,a,c)},ownerDocument:f.ownerDocument}}),[o,v,f,_]);return!f||o&&!v?null:(0,u.createElement)(h.Popover,c({ref:b,animate:!1,focusOnMount:!1,anchor:E,__unstableSlotName:s||null,placement:"top-start",resize:!1,flip:!1,shift:d},g,{className:p()("block-editor-block-popover",g.className),variant:"unstyled"}),i&&(0,u.createElement)("div",{style:y},r),!i&&r)}));function Nl(e){const t=(0,s.getBlockSupport)(e,Zl);return!!(!0===t||null!=t&&t.margin)}function Pl(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qr("spacing.margin"),n=!oi(e,"margin");return!Nl(e)||t||n}function Ll(e){var t,n;const{name:o,attributes:{style:r},setAttributes:l,onMouseOver:i,onMouseOut:s}=e,a=qr("spacing.spacingSizes"),c=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["%","px","em","rem","vw"]}),d=ni(o,"margin"),p=d&&d.some((e=>Xl.includes(e)));if(Pl(e))return null;const m=e=>{const t={...r,spacing:{...null==r?void 0:r.spacing,margin:e}};l({style:fl(t)})};return u.Platform.select({web:(0,u.createElement)(u.Fragment,null,(!a||0===(null==a?void 0:a.length))&&(0,u.createElement)(h.__experimentalBoxControl,{values:null==r||null===(t=r.spacing)||void 0===t?void 0:t.margin,onChange:m,label:(0,k.__)("Margin"),sides:d,units:c,allowReset:!1,splitOnAxis:p,onMouseOver:i,onMouseOut:s}),(null==a?void 0:a.length)>0&&(0,u.createElement)(rl,{values:null==r||null===(n=r.spacing)||void 0===n?void 0:n.margin,onChange:m,label:(0,k.__)("Margin"),sides:d,units:c,allowReset:!1,splitOnAxis:!1,onMouseOver:i,onMouseOut:s})),native:null})}function Rl(e){var t,n;let{clientId:o,attributes:r,forceShow:l}=e;const i=null==r||null===(t=r.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.margin,s=(0,u.useMemo)((()=>{const e=null!=i&&i.top?Pr(null==i?void 0:i.top):0,t=null!=i&&i.right?Pr(null==i?void 0:i.right):0,n=null!=i&&i.bottom?Pr(null==i?void 0:i.bottom):0,o=null!=i&&i.left?Pr(null==i?void 0:i.left):0;return{borderTopWidth:e,borderRightWidth:t,borderBottomWidth:n,borderLeftWidth:o,top:e?`calc(${e} * -1)`:0,right:t?`calc(${t} * -1)`:0,bottom:n?`calc(${n} * -1)`:0,left:o?`calc(${o} * -1)`:0}}),[i]),[a,c]=(0,u.useState)(!1),d=(0,u.useRef)(i),p=(0,u.useRef)();return(0,u.useEffect)((()=>(Il()(i,d.current)||l||(c(!0),d.current=i,p.current=setTimeout((()=>{c(!1)}),400)),()=>{c(!1),p.current&&window.clearTimeout(p.current)})),[i,l]),a||l?(0,u.createElement)(Ml,{clientId:o,__unstableCoverTarget:!0,__unstableRefreshSize:i,__unstablePopoverSlot:"block-toolbar",shift:!1},(0,u.createElement)("div",{className:"block-editor__padding-visualizer",style:s})):null}const Al={px:{max:1e3,step:1},"%":{max:100,step:1},vw:{max:100,step:1},vh:{max:100,step:1},em:{max:50,step:.1},rem:{max:50,step:.1}};function Ol(e){var t,n,o,r,l;let{label:i=(0,k.__)("Height"),onChange:s,value:a}=e;const c=parseFloat(a),d=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["%","px","em","rem","vh","vw"]}),p=(0,u.useMemo)((()=>(0,h.__experimentalParseQuantityAndUnitFromRawValue)(a)),[a])[1]||(null===(t=d[0])||void 0===t?void 0:t.value)||"px";return(0,u.createElement)("fieldset",{className:"block-editor-height-control"},(0,u.createElement)(h.BaseControl.VisualLabel,{as:"legend"},i),(0,u.createElement)(h.Flex,null,(0,u.createElement)(h.FlexItem,{isBlock:!0},(0,u.createElement)(h.__experimentalUnitControl,{value:a,units:d,onChange:s,onUnitChange:e=>{const[t,n]=(0,h.__experimentalParseQuantityAndUnitFromRawValue)(a);["em","rem"].includes(e)&&"px"===n?s((t/16).toFixed(2)+e):["em","rem"].includes(n)&&"px"===e?s(Math.round(16*t)+e):["vh","vw","%"].includes(e)&&t>100&&s(100+e)},min:0,size:"__unstable-large"})),(0,u.createElement)(h.FlexItem,{isBlock:!0},(0,u.createElement)(h.__experimentalSpacer,{marginX:2,marginBottom:0},(0,u.createElement)(h.RangeControl,{value:c,min:0,max:null!==(n=null===(o=Al[p])||void 0===o?void 0:o.max)&&void 0!==n?n:100,step:null!==(r=null===(l=Al[p])||void 0===l?void 0:l.step)&&void 0!==r?r:.1,withInputField:!1,onChange:e=>{s([e,p].join(""))},__nextHasNoMarginBottom:!0})))))}function Dl(e){const t=(0,s.getBlockSupport)(e,Yl);return!!(!0===t||null!=t&&t.minHeight)}function zl(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qr("dimensions.minHeight");return!Dl(e)||t}function Fl(e){var t;const{attributes:{style:n},setAttributes:o}=e;if(zl(e))return null;return(0,u.createElement)(Ol,{label:(0,k.__)("Min. height"),value:null==n||null===(t=n.dimensions)||void 0===t?void 0:t.minHeight,onChange:e=>{const t={...n,dimensions:{...null==n?void 0:n.dimensions,minHeight:e}};o({style:fl(t)})}})}function Vl(e){const t=(0,s.getBlockSupport)(e,Zl);return!!(!0===t||null!=t&&t.padding)}function Hl(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qr("spacing.padding"),n=!oi(e,"padding");return!Vl(e)||t||n}function Gl(e){var t,n;const{name:o,attributes:{style:r},setAttributes:l,onMouseOver:i,onMouseOut:s}=e,a=qr("spacing.spacingSizes"),c=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["%","px","em","rem","vw"]}),d=ni(o,"padding"),p=d&&d.some((e=>Xl.includes(e)));if(Hl(e))return null;const m=e=>{const t={...r,spacing:{...null==r?void 0:r.spacing,padding:e}};l({style:fl(t)})};return u.Platform.select({web:(0,u.createElement)(u.Fragment,null,(!a||0===(null==a?void 0:a.length))&&(0,u.createElement)(h.__experimentalBoxControl,{values:null==r||null===(t=r.spacing)||void 0===t?void 0:t.padding,onChange:m,label:(0,k.__)("Padding"),sides:d,units:c,allowReset:!1,splitOnAxis:p,onMouseOver:i,onMouseOut:s}),(null==a?void 0:a.length)>0&&(0,u.createElement)(rl,{values:null==r||null===(n=r.spacing)||void 0===n?void 0:n.padding,onChange:m,label:(0,k.__)("Padding"),sides:d,units:c,allowReset:!1,splitOnAxis:p,onMouseOver:i,onMouseOut:s})),native:null})}function Ul(e){var t,n;let{clientId:o,attributes:r,forceShow:l}=e;const i=null==r||null===(t=r.style)||void 0===t||null===(n=t.spacing)||void 0===n?void 0:n.padding,s=(0,u.useMemo)((()=>({borderTopWidth:null!=i&&i.top?Pr(null==i?void 0:i.top):0,borderRightWidth:null!=i&&i.right?Pr(null==i?void 0:i.right):0,borderBottomWidth:null!=i&&i.bottom?Pr(null==i?void 0:i.bottom):0,borderLeftWidth:null!=i&&i.left?Pr(null==i?void 0:i.left):0})),[i]),[a,c]=(0,u.useState)(!1),d=(0,u.useRef)(i),p=(0,u.useRef)();return(0,u.useEffect)((()=>(Il()(i,d.current)||l||(c(!0),d.current=i,p.current=setTimeout((()=>{c(!1)}),400)),()=>{c(!1),p.current&&window.clearTimeout(p.current)})),[i,l]),a||l?(0,u.createElement)(Ml,{clientId:o,__unstableCoverTarget:!0,__unstableRefreshSize:i,__unstablePopoverSlot:"block-toolbar",shift:!1},(0,u.createElement)("div",{className:"block-editor__padding-visualizer",style:s})):null}function $l(e,t){const{orientation:n="horizontal"}=t;return"fill"===e?(0,k.__)("Stretch to fill available space."):"fixed"===e?"horizontal"===n?(0,k.__)("Specify a fixed width."):(0,k.__)("Specify a fixed height."):(0,k.__)("Fit contents.")}function jl(e){let{attributes:t,setAttributes:n,__unstableParentLayout:o}=e;const{style:r={}}=t,{layout:l={}}=r,{selfStretch:i,flexSize:s}=l;return(0,u.useEffect)((()=>{"fixed"!==i||s||n({style:{...r,layout:{...l,selfStretch:"fit"}}})}),[]),(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,size:"__unstable-large",label:ql(o),value:i||"fit",help:$l(i,o),onChange:e=>{const t="fixed"!==e?null:s;n({style:{...r,layout:{...l,selfStretch:e,flexSize:t}}})},isBlock:!0},(0,u.createElement)(h.__experimentalToggleGroupControlOption,{key:"fit",value:"fit",label:(0,k.__)("Fit")}),(0,u.createElement)(h.__experimentalToggleGroupControlOption,{key:"fill",value:"fill",label:(0,k.__)("Fill")}),(0,u.createElement)(h.__experimentalToggleGroupControlOption,{key:"fixed",value:"fixed",label:(0,k.__)("Fixed")})),"fixed"===i&&(0,u.createElement)(h.__experimentalUnitControl,{size:"__unstable-large",onChange:e=>{n({style:{...r,layout:{...l,flexSize:e}}})},value:s}))}function Wl(e){let{__unstableParentLayout:t={}}=e;const{type:n="default",default:{type:o="default"}={},allowSizingOnChildren:r=!1}=t;return("flex"===o||"flex"===n)&&r}function Kl(e){const t=!qr("layout");return!Wl(e)||t}function ql(e){const{orientation:t="horizontal"}=e;return"horizontal"===t?(0,k.__)("Width"):(0,k.__)("Height")}const Yl="dimensions",Zl="spacing",Ql=["top","right","bottom","left"],Xl=["vertical","horizontal"];function Jl(){const[e,t]=(0,u.useState)(!1),{hideBlockInterface:n,showBlockInterface:o}=__((0,g.useDispatch)(E_));return{isMouseOver:e,onMouseOver:e=>{e.stopPropagation(),n(),t(!0)},onMouseOut:e=>{e.stopPropagation(),o(),t(!1)}}}function ei(e){const t=si(e),n=Hl(e),o=Pl(e),r=zl(e),l=Kl(e),i=ti(e),a=function(e){if("web"!==u.Platform.OS)return!1;const{name:t}=e;return ri(t)||Dl(t)||Vl(t)||Nl(t)||Wl(e)}(e),d=qr("spacing.spacingSizes"),m=Jl(),g=Jl();if(i||!a)return null;const f=(0,s.getBlockSupport)(e.name,[Yl,"__experimentalDefaultControls"]),v=(0,s.getBlockSupport)(e.name,[Zl,"__experimentalDefaultControls"]),b=(e,t)=>n=>{var o;return{...n,style:{...n.style,[t]:{...null===(o=n.style)||void 0===o?void 0:o[t],[e]:void 0}}}},_=p()({"tools-panel-item-spacing":d&&d.length>0}),{__unstableParentLayout:y}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(wl,{group:"dimensions"},!n&&(0,u.createElement)(h.__experimentalToolsPanelItem,{className:_,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,k.__)("Padding"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,spacing:{...null==o?void 0:o.spacing,padding:void 0}})})}(e),resetAllFilter:b("padding","spacing"),isShownByDefault:null==v?void 0:v.padding,panelId:e.clientId},(0,u.createElement)(Gl,c({onMouseOver:m.onMouseOver,onMouseOut:m.onMouseOut},e))),!o&&(0,u.createElement)(h.__experimentalToolsPanelItem,{className:_,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,k.__)("Margin"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,spacing:{...null==o?void 0:o.spacing,margin:void 0}})})}(e),resetAllFilter:b("margin","spacing"),isShownByDefault:null==v?void 0:v.margin,panelId:e.clientId},(0,u.createElement)(Ll,c({onMouseOver:g.onMouseOver,onMouseOut:g.onMouseOut},e))),!t&&(0,u.createElement)(h.__experimentalToolsPanelItem,{className:_,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,k.__)("Block spacing"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:{...o,spacing:{...null==o?void 0:o.spacing,blockGap:void 0}}})}(e),resetAllFilter:b("blockGap","spacing"),isShownByDefault:null==v?void 0:v.blockGap,panelId:e.clientId},(0,u.createElement)(ai,e)),!r&&(0,u.createElement)(h.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;return void 0!==(null===(t=e.attributes.style)||void 0===t||null===(n=t.dimensions)||void 0===n?void 0:n.minHeight)}(e),label:(0,k.__)("Min. height"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,dimensions:{...null==o?void 0:o.dimensions,minHeight:void 0}})})}(e),resetAllFilter:b("minHeight","dimensions"),isShownByDefault:null==f?void 0:f.minHeight,panelId:e.clientId},(0,u.createElement)(Fl,e)),!l&&(0,u.createElement)(h.__experimentalVStack,{as:h.__experimentalToolsPanelItem,spacing:2,hasValue:()=>function(e){var t;return void 0!==(null===(t=e.attributes.style)||void 0===t?void 0:t.layout)}(e),label:ql(y),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:{...o,layout:void 0}})}(e),resetAllFilter:b("selfStretch","layout"),isShownByDefault:!1,panelId:e.clientId},(0,u.createElement)(jl,e))),!n&&(0,u.createElement)(Ul,c({forceShow:m.isMouseOver},e)),!o&&(0,u.createElement)(Rl,c({forceShow:g.isMouseOver},e)))}const ti=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=si(e),n=zl(e),o=Hl(e),r=Pl(e),l=Kl(e);return t&&n&&o&&r&&l};function ni(e,t){var n;const o=(0,s.getBlockSupport)(e,Zl);if(o&&"boolean"!=typeof o[t])return Array.isArray(o[t])?o[t]:null!==(n=o[t])&&void 0!==n&&n.sides?o[t].sides:void 0}function oi(e,t){const n=ni(e,t);return!(n&&n.some((e=>Ql.includes(e)))&&n.some((e=>Xl.includes(e))))||(console.warn(`The ${t} support for the "${e}" block can not be configured to support both axial and arbitrary sides.`),!1)}function ri(e){const t=(0,s.getBlockSupport)(e,Zl);return!!(!0===t||null!=t&&t.blockGap)}function li(e){if(!e)return null;const t="string"==typeof e;return{top:t?e:null==e?void 0:e.top,left:t?e:null==e?void 0:e.left}}function ii(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0";const n=li(e);if(!n)return null;const o=Pr(null==n?void 0:n.top)||t,r=Pr(null==n?void 0:n.left)||t;return o===r?o:`${o} ${r}`}function si(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qr("spacing.blockGap");return!ri(e)||t}function ai(e){var t;const{clientId:n,attributes:{style:o},name:r,setAttributes:l}=e,i=qr("spacing.spacingSizes"),s=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["%","px","em","rem","vw"]}),a=ni(r,"blockGap"),c=Tr(n);if(si(e))return null;const d=a&&a.some((e=>Xl.includes(e))),p=e=>{var t;let n=e;e&&d?n={...li(e)}:null!=e&&e.hasOwnProperty("top")&&(n=e.top);const r={...o,spacing:{...null==o?void 0:o.spacing,blockGap:n}};l({style:fl(r)});const i=(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;c.current&&i&&(null===(s=c.current.parentNode)||void 0===s||s.replaceChild(c.current,c.current))},m=li(null==o||null===(t=o.spacing)||void 0===t?void 0:t.blockGap),g=d?{...m,right:null==m?void 0:m.left,bottom:null==m?void 0:m.top}:{top:null==m?void 0:m.top};return u.Platform.select({web:(0,u.createElement)(u.Fragment,null,(!i||0===(null==i?void 0:i.length))&&(d?(0,u.createElement)(h.__experimentalBoxControl,{label:(0,k.__)("Block spacing"),min:0,onChange:p,units:s,sides:a,values:g,allowReset:!1,splitOnAxis:d}):(0,u.createElement)(h.__experimentalUnitControl,{label:(0,k.__)("Block spacing"),__unstableInputWidth:"80px",min:0,onChange:p,units:s,value:g})),(null==i?void 0:i.length)>0&&(0,u.createElement)(rl,{values:g,onChange:p,label:(0,k.__)("Block spacing"),sides:d?a:["top"],units:s,allowReset:!1,splitOnAxis:d})),native:null})}const ci={__experimentalBorder:"border",color:"color",spacing:"spacing",typography:"typography"};function ui(e){var t;const n="var:";if(null!=e&&null!==(t=e.startsWith)&&void 0!==t&&t.call(e,n)){return`var(--wp--${e.slice(n.length).split("|").join("--")})`}return e}function di(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Ao.reduce(((n,o)=>{let{path:r,cssVarInfix:l,classes:i}=o;if(!i)return n;const s=(0,f.get)(t,r,[]);return["default","theme","custom"].forEach((t=>{s[t]&&s[t].forEach((t=>{let{slug:o}=t;i.forEach((t=>{let{classSuffix:r,propertyName:i}=t;const s=`.has-${(0,f.kebabCase)(o)}-${r}`,a=e.split(",").map((e=>`${e}${s}`)).join(","),c=`var(--wp--preset--${l}--${(0,f.kebabCase)(o)})`;n+=`${a}{${i}: ${c} !important;}`}))}))})),n}),"")}function pi(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,o=[];return Object.keys(e).forEach((r=>{const l=t+(0,f.kebabCase)(r.replace("/","-")),i=e[r];if(i instanceof Object){const e=l+n;o=[...o,...pi(i,e,n)]}else o.push(`${l}: ${i}`)})),o}function mi(e,t){const n=e.split(","),o=[];return n.forEach((e=>{o.push(`${t.trim()}${e.trim()}`)})),o.join(", ")}function gi(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2?arguments[2]:void 0,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};const r=Ro===t,l=Object.entries(s.__EXPERIMENTAL_STYLE_PROPERTY).reduce(((t,o)=>{let[l,{value:i,properties:s,useEngine:a,rootOnly:c}]=o;if(c&&!r)return t;const u=i;if("elements"===u[0]||a)return t;const d=(0,f.get)(e,u);if("--wp--style--root--padding"===l&&("string"==typeof d||!n))return t;if(s&&"string"!=typeof d)Object.entries(s).forEach((e=>{const[n,o]=e;if(!(0,f.get)(d,[o],!1))return;const r=n.startsWith("--")?n:(0,f.kebabCase)(n);t.push(`${r}: ${ui((0,f.get)(d,[o]))}`)}));else if((0,f.get)(e,u,!1)){const n=l.startsWith("--")?l:(0,f.kebabCase)(l);t.push(`${n}: ${ui((0,f.get)(e,u))}`)}return t}),[]),i=(0,jo.getCSSRules)(e);return i.forEach((e=>{var t;if(r&&n&&e.key.startsWith("padding"))return;const i=e.key.startsWith("--")?e.key:(0,f.kebabCase)(e.key);let s=e.value;if("string"!=typeof s&&null!==(t=s)&&void 0!==t&&t.ref){var a;const e=s.ref.split(".");if(s=(0,f.get)(o,e),!s||null!==(a=s)&&void 0!==a&&a.ref)return}var c;"font-size"===i&&(s=Lo({size:s},null==o||null===(c=o.settings)||void 0===c?void 0:c.typography));l.push(`${i}: ${s}`)})),l}function fi(e){var t,n,o,r,l;let{tree:i,style:s,selector:a,hasBlockGapSupport:c,hasFallbackGapSupport:u,fallbackGapValue:d}=e,p="",m=c?ii(null==s||null===(t=s.spacing)||void 0===t?void 0:t.blockGap):"";if(u&&(a===Ro?m=m||"0.5em":!c&&d&&(m=d)),m&&null!=i&&null!==(n=i.settings)&&void 0!==n&&null!==(o=n.layout)&&void 0!==o&&o.definitions&&(Object.values(i.settings.layout.definitions).forEach((e=>{let{className:t,name:n,spacingStyles:o}=e;(c||"flex"===n)&&null!=o&&o.length&&o.forEach((e=>{const n=[];if(e.rules&&Object.entries(e.rules).forEach((e=>{let[t,o]=e;n.push(`${t}: ${o||m}`)})),n.length){let o="";o=c?a===Ro?`${a} .${t}${(null==e?void 0:e.selector)||""}`:`${a}.${t}${(null==e?void 0:e.selector)||""}`:a===Ro?`:where(.${t}${(null==e?void 0:e.selector)||""})`:`:where(${a}.${t}${(null==e?void 0:e.selector)||""})`,p+=`${o} { ${n.join("; ")}; }`}}))})),a===Ro&&c&&(p+=`${a} { --wp--style--block-gap: ${m}; }`)),a===Ro&&null!=i&&null!==(r=i.settings)&&void 0!==r&&null!==(l=r.layout)&&void 0!==l&&l.definitions){const e=["block","flex","grid"];Object.values(i.settings.layout.definitions).forEach((t=>{let{className:n,displayMode:o,baseStyles:r}=t;o&&e.includes(o)&&(p+=`${a} .${n} { display:${o}; }`),null!=r&&r.length&&r.forEach((e=>{const t=[];if(e.rules&&Object.entries(e.rules).forEach((e=>{let[n,o]=e;t.push(`${n}: ${o}`)})),t.length){const o=`${a} .${n}${(null==e?void 0:e.selector)||""}`;p+=`${o} { ${t.join("; ")}; }`}}))}))}return p}const hi=(e,t)=>{var n,o;const r=[];if(null==e||!e.styles)return r;const l=e=>Object.fromEntries(Object.entries(null!=e?e:{}).filter((e=>{let[t]=e;return["border","color","dimensions","spacing","typography","filter","outline","shadow"].includes(t)}))),i=l(e.styles);return i&&r.push({styles:i,selector:Ro}),Object.entries(s.__EXPERIMENTAL_ELEMENTS).forEach((t=>{var n;let[o,l]=t;var i;null!==(n=e.styles)&&void 0!==n&&n.elements[o]&&r.push({styles:null===(i=e.styles)||void 0===i?void 0:i.elements[o],selector:l})})),Object.entries(null!==(n=null===(o=e.styles)||void 0===o?void 0:o.blocks)&&void 0!==n?n:{}).forEach((e=>{var n,o;let[i,a]=e;const c=l(a);if(null!=a&&a.variations){const e={};Object.keys(a.variations).forEach((t=>{e[t]=l(a.variations[t])})),c.variations=e}c&&null!=t&&null!==(n=t[i])&&void 0!==n&&n.selector&&r.push({duotoneSelector:t[i].duotoneSelector,fallbackGapValue:t[i].fallbackGapValue,hasLayoutSupport:t[i].hasLayoutSupport,selector:t[i].selector,styles:c,featureSelectors:t[i].featureSelectors,styleVariationSelectors:t[i].styleVariationSelectors}),Object.entries(null!==(o=null==a?void 0:a.elements)&&void 0!==o?o:{}).forEach((e=>{let[n,o]=e;o&&null!=t&&t[i]&&null!==s.__EXPERIMENTAL_ELEMENTS&&void 0!==s.__EXPERIMENTAL_ELEMENTS&&s.__EXPERIMENTAL_ELEMENTS[n]&&r.push({styles:o,selector:t[i].selector.split(",").map((e=>s.__EXPERIMENTAL_ELEMENTS[n].split(",").map((t=>e+" "+t)))).join(",")})}))})),r},vi=(e,t)=>{var n,o,r;const l=[];if(null==e||!e.settings)return l;const i=e=>{const t={};return Ao.forEach((n=>{let{path:o}=n;const r=(0,f.get)(e,o,!1);!1!==r&&(0,f.set)(t,o,r)})),t},s=i(e.settings),a=null===(n=e.settings)||void 0===n?void 0:n.custom;return(0,f.isEmpty)(s)&&!a||l.push({presets:s,custom:a,selector:Ro}),Object.entries(null!==(o=null===(r=e.settings)||void 0===r?void 0:r.blocks)&&void 0!==o?o:{}).forEach((e=>{let[n,o]=e;const r=i(o),s=o.custom;(0,f.isEmpty)(r)&&!s||l.push({presets:r,custom:s,selector:t[n].selector})})),l},bi=(e,t)=>{const n=vi(e,t);let o="";return n.forEach((t=>{let{presets:n,custom:r,selector:l}=t;const i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return Ao.reduce(((n,o)=>{let{path:r,valueKey:l,valueFunc:i,cssVarInfix:s}=o;const a=(0,f.get)(e,r,[]);return["default","theme","custom"].forEach((e=>{a[e]&&a[e].forEach((e=>{l&&!i?n.push(`--wp--preset--${s}--${(0,f.kebabCase)(e.slug)}: ${e[l]}`):i&&"function"==typeof i&&n.push(`--wp--preset--${s}--${(0,f.kebabCase)(e.slug)}: ${i(e,t)}`)}))})),n}),[])}(n,null==e?void 0:e.settings),s=pi(r,"--wp--custom--","--");s.length>0&&i.push(...s),i.length>0&&(o+=`${l}{${i.join(";")};}`)})),o};function _i(e,t){return vi(e,t).flatMap((e=>{let{presets:t}=e;return function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Ao.filter((e=>"duotone"===e.path.at(-1))).flatMap((t=>{const n=(0,f.get)(e,t.path,{});return["default","theme"].filter((e=>n[e])).flatMap((e=>n[e].map((e=>(0,u.createElement)(wr,{preset:e,key:e.slug})))))}))}(t)}))}const ki=(e,t)=>{let n="";return e.split("&").forEach((e=>{n+=e.includes("{")?t+e:t+"{"+e+"}"})),n};function yi(){let{merged:e}=(0,u.useContext)(Vo);const[t]=Uo("spacing.blockGap"),n=null!==t,o=!n,r=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return!!t().disableLayoutStyles})),l=(0,g.useSelect)((e=>e(s.store).getBlockStyles),[]);return(0,u.useMemo)((()=>{var t,i,a;if(null===(t=e)||void 0===t||!t.styles||null===(i=e)||void 0===i||!i.settings)return[];e=function(e){var t,n,o,r,l,i,s,a;return!(null===(t=e.styles)||void 0===t?void 0:t.blocks["core/separator"])||!(null===(n=e.styles)||void 0===n||null===(o=n.blocks["core/separator"].color)||void 0===o?void 0:o.background)||null!==(r=e.styles)&&void 0!==r&&null!==(l=r.blocks["core/separator"].color)&&void 0!==l&&l.text||null!==(i=e.styles)&&void 0!==i&&null!==(s=i.blocks["core/separator"].border)&&void 0!==s&&s.color?e:{...e,styles:{...e.styles,blocks:{...e.styles.blocks,"core/separator":{...e.styles.blocks["core/separator"],color:{...e.styles.blocks["core/separator"].color,text:null===(a=e.styles)||void 0===a?void 0:a.blocks["core/separator"].color.background}}}}}}(e);const c=((e,t)=>{const n={};return e.forEach((e=>{var o,r,l,i,s,a,c,u,d;const p=e.name,m=null!==(o=null==e||null===(r=e.supports)||void 0===r?void 0:r.__experimentalSelector)&&void 0!==o?o:".wp-block-"+p.replace("core/","").replace("/","-"),g=null!==(l=null==e||null===(i=e.supports)||void 0===i||null===(s=i.color)||void 0===s?void 0:s.__experimentalDuotone)&&void 0!==l?l:null,f=!(null==e||null===(a=e.supports)||void 0===a||!a.__experimentalLayout),h=null==e||null===(c=e.supports)||void 0===c||null===(u=c.spacing)||void 0===u||null===(d=u.blockGap)||void 0===d?void 0:d.__experimentalDefault,v=t(p),b={};null!=v&&v.length&&v.forEach((e=>{const t=`.is-style-${e.name}${m}`;b[e.name]=t}));const _={};Object.entries(ci).forEach((t=>{var n,o;let[r,l]=t;const i=null==e||null===(n=e.supports)||void 0===n||null===(o=n[r])||void 0===o?void 0:o.__experimentalSelector;i&&(_[l]=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(", ")}(m,i))})),n[p]={duotoneSelector:g,fallbackGapValue:h,featureSelectors:Object.keys(_).length?_:void 0,hasLayoutSupport:f,name:p,selector:m,styleVariationSelectors:Object.keys(b).length?b:void 0}})),n})((0,s.getBlockTypes)(),l),u=bi(e,c),d=function(e,t,n,o){var r,l;let i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];const s=hi(e,t),a=vi(e,t),c=null==e||null===(r=e.settings)||void 0===r?void 0:r.useRootPaddingAwareAlignments,{contentSize:u,wideSize:d}=(null==e||null===(l=e.settings)||void 0===l?void 0:l.layout)||{};let p="body {margin: 0;";if(u&&(p+=` --wp--style--global--content-size: ${u};`),d&&(p+=` --wp--style--global--wide-size: ${d};`),c&&(p+='padding-right: 0; padding-left: 0; padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom) }\n\t\t\t.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }\n\t\t\t.has-global-padding :where(.has-global-padding) { padding-right: 0; padding-left: 0; }\n\t\t\t.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }\n\t\t\t.has-global-padding :where(.has-global-padding) > .alignfull { margin-right: 0; margin-left: 0; }\n\t\t\t.has-global-padding > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }\n\t\t\t.has-global-padding :where(.has-global-padding) > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: 0; padding-left: 0;'),p+="}",s.forEach((t=>{let{selector:r,duotoneSelector:l,styles:s,fallbackGapValue:a,hasLayoutSupport:u,featureSelectors:d,styleVariationSelectors:m}=t;d&&Object.entries(d).forEach((e=>{let[t,n]=e;if(null!=s&&s[t]){const e=gi({[t]:s[t]});delete s[t],e.length&&(p+=`${n}{${e.join(";")} }`)}})),m&&Object.entries(m).forEach((t=>{var n;let[o,r]=t;if(null!=s&&null!==(n=s.variations)&&void 0!==n&&n[o]){var l;d&&Object.entries(d).forEach((e=>{var t,n;let[l,i]=e;if(null!=s&&null!==(t=s.variations)&&void 0!==t&&null!==(n=t[o])&&void 0!==n&&n[l]){const e=gi({[l]:s.variations[o][l]});delete s.variations[o][l],e.length&&(p+=`${mi(i,r)}{${e.join(";")} }`)}}));const t=gi(null==s||null===(l=s.variations)||void 0===l?void 0:l[o],r,c,e);t.length&&(p+=`${r}{${t.join(";")}}`)}}));const g={};if(null!=s&&s.filter&&(g.filter=s.filter,delete s.filter),l){const e=gi(g);e.length>0&&(p+=`${l}{${e.join(";")};}`)}i||Ro!==r&&!u||(p+=fi({tree:e,style:s,selector:r,hasBlockGapSupport:n,hasFallbackGapSupport:o,fallbackGapValue:a}));const f=gi(s,r,c,e);null!=f&&f.length&&(p+=`${r}{${f.join(";")};}`);const h=Object.entries(s).filter((e=>{let[t]=e;return t.startsWith(":")}));null!=h&&h.length&&h.forEach((e=>{let[t,n]=e;const o=gi(n);if(null==o||!o.length)return;const l=`${r.split(",").map((e=>e+t)).join(",")}{${o.join(";")};}`;p+=l}))})),p+=".wp-site-blocks > .alignleft { float: left; margin-right: 2em; }",p+=".wp-site-blocks > .alignright { float: right; margin-left: 2em; }",p+=".wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }",n){var m,g;const t=ii(null==e||null===(m=e.styles)||void 0===m||null===(g=m.spacing)||void 0===g?void 0:g.blockGap)||"0.5em";p+=".wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }",p+=`.wp-site-blocks > * + * { margin-block-start: ${t}; }`}return a.forEach((e=>{let{selector:t,presets:n}=e;Ro===t&&(t="");const o=di(t,n);(0,f.isEmpty)(o)||(p+=o)})),p}(e,c,n,o,r),p=_i(e,c),m=[{css:u,isGlobalStyles:!0},{css:d,isGlobalStyles:!0},{css:null!==(a=e.styles.css)&&void 0!==a?a:"",isGlobalStyles:!0}];return(0,s.getBlockTypes)().forEach((t=>{var n;if(null!==(n=e.styles.blocks[t.name])&&void 0!==n&&n.css){var o;const n=c[t.name].selector;m.push({css:ki(null===(o=e.styles.blocks[t.name])||void 0===o?void 0:o.css,n),isGlobalStyles:!0})}})),[m,e.settings,p]}),[n,o,e,r])}const Ei=(0,m.createHigherOrderComponent)((e=>(0,g.withRegistry)((t=>{let{useSubRegistry:n=!0,registry:o,...r}=t;if(!n)return(0,u.createElement)(e,c({registry:o},r));const[l,i]=(0,u.useState)(null);return(0,u.useEffect)((()=>{const e=(0,g.createRegistry)({},o);e.registerStore(So,y_),i(e)}),[o]),l?(0,u.createElement)(g.RegistryProvider,{value:l},(0,u.createElement)(e,c({registry:l},r))):null}))),"withRegistryProvider");const Ci=()=>{};function Si(e){let{clientId:t=null,value:n,selection:o,onChange:r=Ci,onInput:l=Ci}=e;const i=(0,g.useRegistry)(),{resetBlocks:a,resetSelection:c,replaceInnerBlocks:d,setHasControlledInnerBlocks:p,__unstableMarkNextChangeAsNotPersistent:m}=i.dispatch(E_),{getBlockName:f,getBlocks:h}=i.select(E_),v=(0,g.useSelect)((e=>!t||e(E_).areInnerBlocksControlled(t)),[t]),b=(0,u.useRef)({incoming:null,outgoing:[]}),_=(0,u.useRef)(!1),k=()=>{n&&(m(),t?i.batch((()=>{p(t,!0);const e=n.map((e=>(0,s.cloneBlock)(e)));_.current&&(b.current.incoming=e),m(),d(t,e)})):(_.current&&(b.current.incoming=n),a(n)))},y=(0,u.useRef)(l),E=(0,u.useRef)(r);(0,u.useEffect)((()=>{y.current=l,E.current=r}),[l,r]),(0,u.useEffect)((()=>{b.current.outgoing.includes(n)?b.current.outgoing[b.current.outgoing.length-1]===n&&(b.current.outgoing=[]):h(t)!==n&&(b.current.outgoing=[],k(),o&&c(o.selectionStart,o.selectionEnd,o.initialPosition))}),[n,t]),(0,u.useEffect)((()=>{v||(b.current.outgoing=[],k())}),[v]),(0,u.useEffect)((()=>{const{getSelectionStart:e,getSelectionEnd:n,getSelectedBlocksInitialCaretPosition:o,isLastBlockChangePersistent:r,__unstableIsLastBlockChangeIgnored:l,areInnerBlocksControlled:s}=i.select(E_);let a=h(t),c=r(),u=!1;_.current=!0;const d=i.subscribe((()=>{if(null!==t&&null===f(t))return;if(!(!t||s(t)))return;const i=r(),d=h(t),p=d!==a;if(a=d,p&&(b.current.incoming||l()))return b.current.incoming=null,void(c=i);if(p||u&&!p&&i&&!c){c=i,b.current.outgoing.push(a);(c?E.current:y.current)(a,{selection:{selectionStart:e(),selectionEnd:n(),initialPosition:o()}})}u=p}));return()=>d()}),[i,t])}const wi=Ei((e=>{const{children:t,settings:n,stripExperimentalSettings:o=!1}=e,{__experimentalUpdateSettings:r}=__((0,g.useDispatch)(E_));return(0,u.useEffect)((()=>{r({...n,__internalIsInitialized:!0},o)}),[n]),Si(e),(0,u.createElement)(Ir,null,t)}));var Bi=e=>(0,u.createElement)(wi,c({},e,{stripExperimentalSettings:!0}),e.children);function Ii(e){return(0,g.useSelect)((t=>{if(!e)return null;const{getBlockName:n,getBlockAttributes:o}=t(E_),{getBlockType:r,getActiveBlockVariation:l}=t(s.store),i=n(e),a=r(i);if(!a)return null;const c=o(e),u=l(i,c),d=(0,s.isReusableBlock)(a)||(0,s.isTemplatePart)(a),p={isSynced:d,title:a.title,icon:a.icon,description:a.description,anchor:null==c?void 0:c.anchor};return u?{isSynced:d,title:u.title||a.title,icon:u.icon||a.icon,description:u.description||a.description,anchor:null==c?void 0:c.anchor}:p}),[e])}function xi(e){let{clientId:t,maximumLength:n,context:o}=e;const{attributes:r,name:l,reusableBlockTitle:i}=(0,g.useSelect)((e=>{if(!t)return{};const{getBlockName:n,getBlockAttributes:o,__experimentalGetReusableBlockTitle:r}=e(E_),l=n(t);if(!l)return{};const i=(0,s.isReusableBlock)((0,s.getBlockType)(l));return{attributes:o(t),name:l,reusableBlockTitle:i&&r(o(t).ref)}}),[t]),a=Ii(t);if(!l||!a)return null;const c=(0,s.getBlockType)(l),u=c?(0,s.__experimentalGetBlockLabel)(c,r,o):null,d=i||u,p=d&&d!==c.title?d:a.title;if(n&&n>0&&p.length>n){const e="...";return p.slice(0,n-e.length)+e}return p}var Ti=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"}));const Mi=[(0,u.createInterpolateElement)((0,k.__)("While writing, you can press / to quickly insert new blocks."),{kbd:(0,u.createElement)("kbd",null)}),(0,u.createInterpolateElement)((0,k.__)("Indent a list by pressing space at the beginning of a line."),{kbd:(0,u.createElement)("kbd",null)}),(0,u.createInterpolateElement)((0,k.__)("Outdent a list by pressing backspace at the beginning of a line."),{kbd:(0,u.createElement)("kbd",null)}),(0,k.__)("Drag files into the editor to automatically insert media blocks."),(0,k.__)("Change a block's type by pressing the block icon on the toolbar.")];var Ni=function(){const[e]=(0,u.useState)(Math.floor(Math.random()*Mi.length));return(0,u.createElement)(h.Tip,null,Mi[e])};var Pi=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"}));var Li=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"}));var Ri=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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"}));var Ai=(0,u.memo)((function(e){var t;let{icon:n,showColors:o=!1,className:r,context:l}=e;"block-default"===(null===(t=n)||void 0===t?void 0:t.src)&&(n={src:Ri});const i=(0,u.createElement)(h.Icon,{icon:n&&n.src?n.src:n,context:l}),s=o?{backgroundColor:n&&n.background,color:n&&n.foreground}:{};return(0,u.createElement)("span",{style:s,className:p()("block-editor-block-icon",r,{"has-colors":o})},i)}));var Oi=function(e){let{title:t,icon:n,description:o,blockType:r,className:l}=e;r&&(W()("`blockType` property in `BlockCard component`",{since:"5.7",alternative:"`title, icon and description` properties"}),({title:t,icon:n,description:o}=r));const{parentNavBlockClientId:i}=(0,g.useSelect)((e=>{const{getSelectedBlockClientId:t,getBlockParentsByBlockName:n}=e(E_);return{parentNavBlockClientId:n(t(),"core/navigation",!0)[0]}}),[]),{selectBlock:s}=(0,g.useDispatch)(E_);return(0,u.createElement)("div",{className:p()("block-editor-block-card",l)},i&&(0,u.createElement)(h.Button,{onClick:()=>s(i),label:(0,k.__)("Go to parent Navigation block"),style:{minWidth:24,padding:0},icon:(0,k.isRTL)()?Pi:Li,isSmall:!0}),(0,u.createElement)(Ai,{icon:n,showColors:!0}),(0,u.createElement)("div",{className:"block-editor-block-card__content"},(0,u.createElement)("h2",{className:"block-editor-block-card__title"},t),(0,u.createElement)("span",{className:"block-editor-block-card__description"},o)))},Di=window.wp.dom;const zi=(0,u.createContext)({});function Fi(e){let{value:t,children:n}=e;const o=(0,u.useContext)(zi),r=(0,u.useMemo)((()=>({...o,...t})),[o,t]);return(0,u.createElement)(zi.Provider,{value:r,children:n})}var Vi=zi;const Hi={};var Gi=(0,h.withFilters)("editor.BlockEdit")((e=>{const{attributes:t={},name:n}=e,o=(0,s.getBlockType)(n),r=(0,u.useContext)(Vi),l=(0,u.useMemo)((()=>o&&o.usesContext?Object.fromEntries(Object.entries(r).filter((e=>{let[t]=e;return o.usesContext.includes(t)}))):Hi),[o,r]);if(!o)return null;const i=o.edit||o.save;if(o.apiVersion>1)return(0,u.createElement)(i,c({},e,{context:l}));const a=(0,s.hasBlockSupport)(o,"className",!0)?(0,s.getBlockDefaultClassName)(n):null,d=p()(a,t.className,e.className);return(0,u.createElement)(i,c({},e,{context:l,className:d}))}));function Ui(e){const{name:t,isSelected:n,clientId:o,attributes:r={},__unstableLayoutClassNames:l}=e,{layout:i=null}=r,a={name:t,isSelected:n,clientId:o,layout:(0,s.hasBlockSupport)(t,"__experimentalLayout",!1)?i:null,__unstableLayoutClassNames:l};return(0,u.createElement)(Ur,{value:(0,u.useMemo)((()=>a),Object.values(a))},(0,u.createElement)(Gi,e))}var $i=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"}));var ji=function(e){let{className:t,actions:n,children:o,secondaryActions:r}=e;return(0,u.createElement)("div",{style:{display:"contents",all:"initial"}},(0,u.createElement)("div",{className:p()(t,"block-editor-warning")},(0,u.createElement)("div",{className:"block-editor-warning__contents"},(0,u.createElement)("p",{className:"block-editor-warning__message"},o),(u.Children.count(n)>0||r)&&(0,u.createElement)("div",{className:"block-editor-warning__actions"},u.Children.count(n)>0&&u.Children.map(n,((e,t)=>(0,u.createElement)("span",{key:t,className:"block-editor-warning__action"},e))),r&&(0,u.createElement)(h.DropdownMenu,{className:"block-editor-warning__secondary",icon:$i,label:(0,k.__)("More options"),popoverProps:{position:"bottom left",className:"block-editor-warning__dropdown"},noIcons:!0},(()=>(0,u.createElement)(h.MenuGroup,null,r.map(((e,t)=>(0,u.createElement)(h.MenuItem,{onClick:e.onClick,key:t},e.title))))))))))},Wi=n(1973);function Ki(e){let{title:t,rawContent:n,renderedContent:o,action:r,actionText:l,className:i}=e;return(0,u.createElement)("div",{className:i},(0,u.createElement)("div",{className:"block-editor-block-compare__content"},(0,u.createElement)("h2",{className:"block-editor-block-compare__heading"},t),(0,u.createElement)("div",{className:"block-editor-block-compare__html"},n),(0,u.createElement)("div",{className:"block-editor-block-compare__preview edit-post-visual-editor"},(0,u.createElement)(u.RawHTML,null,(0,Di.safeHTML)(o)))),(0,u.createElement)("div",{className:"block-editor-block-compare__action"},(0,u.createElement)(h.Button,{variant:"secondary",tabIndex:"0",onClick:r},l)))}var qi=function(e){let{block:t,onKeep:n,onConvert:o,convertor:r,convertButtonText:l}=e;const i=(a=r(t),(Array.isArray(a)?a:[a]).map((e=>(0,s.getSaveContent)(e.name,e.attributes,e.innerBlocks))).join(""));var a;const c=(d=t.originalContent,m=i,(0,Wi.Kx)(d,m).map(((e,t)=>{const n=p()({"block-editor-block-compare__added":e.added,"block-editor-block-compare__removed":e.removed});return(0,u.createElement)("span",{key:t,className:n},e.value)})));var d,m;return(0,u.createElement)("div",{className:"block-editor-block-compare__wrapper"},(0,u.createElement)(Ki,{title:(0,k.__)("Current"),className:"block-editor-block-compare__current",action:n,actionText:(0,k.__)("Convert to HTML"),rawContent:t.originalContent,renderedContent:t.originalContent}),(0,u.createElement)(Ki,{title:(0,k.__)("After Conversion"),className:"block-editor-block-compare__converted",action:o,actionText:l,rawContent:c,renderedContent:i}))};const Yi=e=>(0,s.rawHandler)({HTML:e.originalContent});var Zi=(0,m.compose)([(0,g.withSelect)(((e,t)=>{let{clientId:n}=t;return{block:e(E_).getBlock(n)}})),(0,g.withDispatch)(((e,t)=>{let{block:n}=t;const{replaceBlock:o}=e(E_);return{convertToClassic(){o(n.clientId,(e=>(0,s.createBlock)("core/freeform",{content:e.originalContent}))(n))},convertToHTML(){o(n.clientId,(e=>(0,s.createBlock)("core/html",{content:e.originalContent}))(n))},convertToBlocks(){o(n.clientId,Yi(n))},attemptBlockRecovery(){o(n.clientId,(e=>{let{name:t,attributes:n,innerBlocks:o}=e;return(0,s.createBlock)(t,n,o)})(n))}}}))])((function(e){let{convertToHTML:t,convertToBlocks:n,convertToClassic:o,attemptBlockRecovery:r,block:l}=e;const i=!!(0,s.getBlockType)("core/html"),[a,c]=(0,u.useState)(!1),d=(0,u.useCallback)((()=>c(!0)),[]),p=(0,u.useCallback)((()=>c(!1)),[]),m=(0,u.useMemo)((()=>[{title:(0,k._x)("Resolve","imperative verb"),onClick:d},i&&{title:(0,k.__)("Convert to HTML"),onClick:t},{title:(0,k.__)("Convert to Classic Block"),onClick:o}].filter(Boolean)),[d,t,o]);return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(ji,{actions:[(0,u.createElement)(h.Button,{key:"recover",onClick:r,variant:"primary"},(0,k.__)("Attempt Block Recovery"))],secondaryActions:m},(0,k.__)("This block contains unexpected or invalid content.")),a&&(0,u.createElement)(h.Modal,{title:(0,k.__)("Resolve Block"),onRequestClose:p,className:"block-editor-block-compare"},(0,u.createElement)(qi,{block:l,onKeep:t,onConvert:n,convertor:Yi,convertButtonText:(0,k.__)("Convert to Blocks")})))}));const Qi=(0,u.createElement)(ji,{className:"block-editor-block-list__block-crash-warning"},(0,k.__)("This block has encountered an error and cannot be previewed."));var Xi=()=>Qi;class Ji extends u.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 es=Ji,ts=n(773);var ns=function(e){let{clientId:t}=e;const[n,o]=(0,u.useState)(""),r=(0,g.useSelect)((e=>e(E_).getBlock(t)),[t]),{updateBlock:l}=(0,g.useDispatch)(E_);return(0,u.useEffect)((()=>{o((0,s.getBlockContent)(r))}),[r]),(0,u.createElement)(ts.Z,{className:"block-editor-block-list__block-html-textarea",value:n,onBlur:()=>{const e=(0,s.getBlockType)(r.name);if(!e)return;const i=(0,s.getBlockAttributes)(e,n,r.attributes),a=n||(0,s.getSaveContent)(e,i),[c]=n?(0,s.validateBlock)({...r,attributes:i,originalContent:a}):[!0];l(t,{attributes:i,originalContent:a,isValid:c}),n||o({content:a})},onChange:e=>o(e.target.value)})};let os=_s();const rs=e=>fs(e,os);let ls=_s();rs.write=e=>fs(e,ls);let is=_s();rs.onStart=e=>fs(e,is);let ss=_s();rs.onFrame=e=>fs(e,ss);let as=_s();rs.onFinish=e=>fs(e,as);let cs=[];rs.setTimeout=(e,t)=>{let n=rs.now()+t,o=()=>{let e=cs.findIndex((e=>e.cancel==o));~e&&cs.splice(e,1),ms-=~e?1:0},r={time:n,handler:e,cancel:o};return cs.splice(us(n),0,r),ms+=1,hs(),r};let us=e=>~(~cs.findIndex((t=>t.time>e))||~cs.length);rs.cancel=e=>{is.delete(e),ss.delete(e),as.delete(e),os.delete(e),ls.delete(e)},rs.sync=e=>{gs=!0,rs.batchedUpdates(e),gs=!1},rs.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function o(...e){t=e,rs.onStart(n)}return o.handler=e,o.cancel=()=>{is.delete(n),t=null},o};let ds="undefined"!=typeof window?window.requestAnimationFrame:()=>{};rs.use=e=>ds=e,rs.now="undefined"!=typeof performance?()=>performance.now():Date.now,rs.batchedUpdates=e=>e(),rs.catch=console.error,rs.frameLoop="always",rs.advance=()=>{"demand"!==rs.frameLoop?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):bs()};let ps=-1,ms=0,gs=!1;function fs(e,t){gs?(t.delete(e),e(0)):(t.add(e),hs())}function hs(){ps<0&&(ps=0,"demand"!==rs.frameLoop&&ds(vs))}function vs(){~ps&&(ds(vs),rs.batchedUpdates(bs))}function bs(){let e=ps;ps=rs.now();let t=us(ps);t&&(ks(cs.splice(0,t),(e=>e.handler())),ms-=t),ms?(is.flush(),os.flush(e?Math.min(64,ps-e):16.667),ss.flush(),ls.flush(),as.flush()):ps=-1}function _s(){let e=new Set,t=e;return{add(n){ms+=t!=e||e.has(n)?0:1,e.add(n)},delete(n){return ms-=t==e&&e.has(n)?1:0,e.delete(n)},flush(n){t.size&&(e=new Set,ms-=t.size,ks(t,(t=>t(n)&&e.add(t))),ms+=e.size,t=e)}}}function ks(e,t){e.forEach((e=>{try{t(e)}catch(e){rs.catch(e)}}))}var ys=n(9196),Es=n.n(ys);function Cs(){}const Ss={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 ws(e,t){if(Ss.arr(e)){if(!Ss.arr(t)||e.length!==t.length)return!1;for(let n=0;ne.forEach(t);function Is(e,t,n){if(Ss.arr(e))for(let o=0;oSs.und(e)?[]:Ss.arr(e)?e:[e];function Ts(e,t){if(e.size){const n=Array.from(e);e.clear(),Bs(n,t)}}const Ms=(e,...t)=>Ts(e,(e=>e(...t))),Ns=()=>"undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let Ps,Ls,Rs=null,As=!1,Os=Cs;const Ds=e=>{e.to&&(Ls=e.to),e.now&&(rs.now=e.now),void 0!==e.colors&&(Rs=e.colors),null!=e.skipAnimation&&(As=e.skipAnimation),e.createStringInterpolator&&(Ps=e.createStringInterpolator),e.requestAnimationFrame&&rs.use(e.requestAnimationFrame),e.batchedUpdates&&(rs.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Os=e.willAdvance),e.frameLoop&&(rs.frameLoop=e.frameLoop)};var zs=Object.freeze({__proto__:null,get createStringInterpolator(){return Ps},get to(){return Ls},get colors(){return Rs},get skipAnimation(){return As},get willAdvance(){return Os},assign:Ds});const Fs=new Set;let Vs=[],Hs=[],Gs=0;const Us={get idle(){return!Fs.size&&!Vs.length},start(e){Gs>e.priority?(Fs.add(e),rs.onStart($s)):(js(e),rs(Ks))},advance:Ks,sort(e){if(Gs)rs.onFrame((()=>Us.sort(e)));else{const t=Vs.indexOf(e);~t&&(Vs.splice(t,1),Ws(e))}},clear(){Vs=[],Fs.clear()}};function $s(){Fs.forEach(js),Fs.clear(),rs(Ks)}function js(e){Vs.includes(e)||Ws(e)}function Ws(e){Vs.splice(function(e,t){const n=e.findIndex(t);return n<0?e.length:n}(Vs,(t=>t.priority>e.priority)),0,e)}function Ks(e){const t=Hs;for(let n=0;n0}const qs="[-+]?\\d*\\.?\\d+",Ys=qs+"%";function Zs(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}const Qs=new RegExp("rgb"+Zs(qs,qs,qs)),Xs=new RegExp("rgba"+Zs(qs,qs,qs,qs)),Js=new RegExp("hsl"+Zs(qs,Ys,Ys)),ea=new RegExp("hsla"+Zs(qs,Ys,Ys,qs)),ta=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,na=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,oa=/^#([0-9a-fA-F]{6})$/,ra=/^#([0-9a-fA-F]{8})$/;function la(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 ia(e,t,n){const o=n<.5?n*(1+t):n+t-n*t,r=2*n-o,l=la(r,o,e+1/3),i=la(r,o,e),s=la(r,o,e-1/3);return Math.round(255*l)<<24|Math.round(255*i)<<16|Math.round(255*s)<<8}function sa(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function aa(e){return(parseFloat(e)%360+360)%360/360}function ca(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function ua(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function da(e){let t=function(e){let t;return"number"==typeof e?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=oa.exec(e))?parseInt(t[1]+"ff",16)>>>0:Rs&&void 0!==Rs[e]?Rs[e]:(t=Qs.exec(e))?(sa(t[1])<<24|sa(t[2])<<16|sa(t[3])<<8|255)>>>0:(t=Xs.exec(e))?(sa(t[1])<<24|sa(t[2])<<16|sa(t[3])<<8|ca(t[4]))>>>0:(t=ta.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=ra.exec(e))?parseInt(t[1],16)>>>0:(t=na.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Js.exec(e))?(255|ia(aa(t[1]),ua(t[2]),ua(t[3])))>>>0:(t=ea.exec(e))?(ia(aa(t[1]),ua(t[2]),ua(t[3]))|ca(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 pa=(e,t,n)=>{if(Ss.fun(e))return e;if(Ss.arr(e))return pa({range:e,output:t,extrapolate:n});if(Ss.str(e.output[0]))return Ps(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=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(cn){if("identity"===s)return c;"clamp"===s&&(c=n)}if(o===r)return o;if(t===n)return 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;return c}(e,l[t],l[t+1],r[t],r[t+1],a,i,s,o.map)}};const ma=1.70158,ga=1.525*ma,fa=ma+1,ha=2*Math.PI/3,va=2*Math.PI/4.5,ba=e=>{const t=7.5625,n=2.75;return e<1/n?t*e*e:e<2/n?t*(e-=1.5/n)*e+.75:e<2.5/n?t*(e-=2.25/n)*e+.9375:t*(e-=2.625/n)*e+.984375},_a={linear:e=>e,easeInQuad:e=>e*e,easeOutQuad:e=>1-(1-e)*(1-e),easeInOutQuad:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2,easeInCubic:e=>e*e*e,easeOutCubic:e=>1-Math.pow(1-e,3),easeInOutCubic:e=>e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2,easeInQuart:e=>e*e*e*e,easeOutQuart:e=>1-Math.pow(1-e,4),easeInOutQuart:e=>e<.5?8*e*e*e*e:1-Math.pow(-2*e+2,4)/2,easeInQuint:e=>e*e*e*e*e,easeOutQuint:e=>1-Math.pow(1-e,5),easeInOutQuint:e=>e<.5?16*e*e*e*e*e:1-Math.pow(-2*e+2,5)/2,easeInSine:e=>1-Math.cos(e*Math.PI/2),easeOutSine:e=>Math.sin(e*Math.PI/2),easeInOutSine:e=>-(Math.cos(Math.PI*e)-1)/2,easeInExpo:e=>0===e?0:Math.pow(2,10*e-10),easeOutExpo:e=>1===e?1:1-Math.pow(2,-10*e),easeInOutExpo:e=>0===e?0:1===e?1:e<.5?Math.pow(2,20*e-10)/2:(2-Math.pow(2,-20*e+10))/2,easeInCirc:e=>1-Math.sqrt(1-Math.pow(e,2)),easeOutCirc:e=>Math.sqrt(1-Math.pow(e-1,2)),easeInOutCirc:e=>e<.5?(1-Math.sqrt(1-Math.pow(2*e,2)))/2:(Math.sqrt(1-Math.pow(-2*e+2,2))+1)/2,easeInBack:e=>fa*e*e*e-ma*e*e,easeOutBack:e=>1+fa*Math.pow(e-1,3)+ma*Math.pow(e-1,2),easeInOutBack:e=>e<.5?Math.pow(2*e,2)*(7.189819*e-ga)/2:(Math.pow(2*e-2,2)*((ga+1)*(2*e-2)+ga)+2)/2,easeInElastic:e=>0===e?0:1===e?1:-Math.pow(2,10*e-10)*Math.sin((10*e-10.75)*ha),easeOutElastic:e=>0===e?0:1===e?1:Math.pow(2,-10*e)*Math.sin((10*e-.75)*ha)+1,easeInOutElastic:e=>0===e?0:1===e?1:e<.5?-Math.pow(2,20*e-10)*Math.sin((20*e-11.125)*va)/2:Math.pow(2,-20*e+10)*Math.sin((20*e-11.125)*va)/2+1,easeInBounce:e=>1-ba(1-e),easeOutBounce:ba,easeInOutBounce:e=>e<.5?(1-ba(1-2*e))/2:(1+ba(2*e-1))/2,steps:(e,t="end")=>n=>{const o=(n="end"===t?Math.min(n,.999):Math.max(n,.001))*e;return((e,t,n)=>Math.min(Math.max(n,e),t))(0,1,("end"===t?Math.floor(o):Math.ceil(o))/e)}};function ka(){return ka=Object.assign?Object.assign.bind():function(e){for(var t=1;tBoolean(e&&e[ya]),Sa=e=>e&&e[ya]?e[ya]():e,wa=e=>e[Ea]||null;function Ba(e,t){let n=e[Ea];n&&n.forEach((e=>{!function(e,t){e.eventObserved?e.eventObserved(t):e(t)}(e,t)}))}class Ia{constructor(e){if(this[ya]=void 0,this[Ea]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");xa(this,e)}}const xa=(e,t)=>Na(e,ya,t);function Ta(e,t){if(e[ya]){let n=e[Ea];n||Na(e,Ea,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function Ma(e,t){let n=e[Ea];if(n&&n.has(t)){const o=n.size-1;o?n.delete(t):e[Ea]=null,e.observerRemoved&&e.observerRemoved(o,t)}}const Na=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Pa=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,La=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Ra=new RegExp(`(${Pa.source})(%|[a-z]+)`,"i"),Aa=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Oa=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Da=e=>{const[t,n]=za(e);if(!t||Ns())return e;const o=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(o)return o.trim();if(n&&n.startsWith("--")){const t=window.getComputedStyle(document.documentElement).getPropertyValue(n);return t||e}return n&&Oa.test(n)?Da(n):n||e},za=e=>{const t=Oa.exec(e);if(!t)return[,];const[,n,o]=t;return[n,o]};let Fa;const Va=(e,t,n,o,r)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(o)}, ${r})`,Ha=e=>{Fa||(Fa=Rs?new RegExp(`(${Object.keys(Rs).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map((e=>Sa(e).replace(Oa,Da).replace(La,da).replace(Fa,da))),n=t.map((e=>e.match(Pa).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]})))),r=o.map((t=>pa(ka({},e,{output:t}))));return e=>{var n;const o=!Ra.test(t[0])&&(null==(n=t.find((e=>Ra.test(e))))?void 0:n.replace(Pa,""));let l=0;return t[0].replace(Pa,(()=>`${r[l++](e)}${o||""}`)).replace(Aa,Va)}},Ga="react-spring: ",Ua=e=>{const t=e;let n=!1;if("function"!=typeof t)throw new TypeError(`${Ga}once requires a function parameter`);return(...e)=>{n||(t(...e),n=!0)}},$a=Ua(console.warn);const ja=Ua(console.warn);function Wa(e){return Ss.str(e)&&("#"==e[0]||/\d/.test(e)||!Ns()&&Oa.test(e)||e in(Rs||{}))}new WeakMap;new Set;new WeakMap,new WeakMap,new WeakMap;const Ka=Ns()?ys.useEffect:ys.useLayoutEffect;function qa(){const e=(0,ys.useState)()[1],t=(()=>{const e=(0,ys.useRef)(!1);return Ka((()=>(e.current=!0,()=>{e.current=!1})),[]),e})();return()=>{t.current&&e(Math.random())}}const Ya=e=>(0,ys.useEffect)(e,Za),Za=[];function Qa(e){const t=(0,ys.useRef)();return(0,ys.useEffect)((()=>{t.current=e})),t.current}const Xa=Symbol.for("Animated:node"),Ja=e=>e&&e[Xa],ec=(e,t)=>{return n=e,o=Xa,r=t,Object.defineProperty(n,o,{value:r,writable:!0,configurable:!0});var n,o,r},tc=e=>e&&e[Xa]&&e[Xa].getPayload();class nc{constructor(){this.payload=void 0,ec(this,this)}getPayload(){return this.payload||[]}}class oc extends nc{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,Ss.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new oc(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return Ss.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,Ss.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class rc extends oc{constructor(e){super(0),this._string=null,this._toString=void 0,this._toString=pa({output:[e,e]})}static create(e){return new rc(e)}getValue(){let e=this._string;return null==e?this._string=this._toString(this._value):e}setValue(e){if(Ss.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=pa({output:[this.getValue(),e]})),this._value=0,super.reset()}}const lc={dependencies:null};class ic extends nc{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return Is(this.source,((n,o)=>{var r;(r=n)&&r[Xa]===r?t[o]=n.getValue(e):Ca(n)?t[o]=Sa(n):e||(t[o]=n)})),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&Bs(this.payload,(e=>e.reset()))}_makePayload(e){if(e){const t=new Set;return Is(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){lc.dependencies&&Ca(e)&&lc.dependencies.add(e);const t=tc(e);t&&Bs(t,(e=>this.add(e)))}}class sc extends ic{constructor(e){super(e)}static create(e){return new sc(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(ac)),!0)}}function ac(e){return(Wa(e)?rc:oc).create(e)}function cc(e){const t=Ja(e);return t?t.constructor:Ss.arr(e)?sc:Wa(e)?rc:oc}function uc(){return uc=Object.assign?Object.assign.bind():function(e){for(var t=1;t{const n=!Ss.fun(e)||e.prototype&&e.prototype.isReactComponent;return(0,ys.forwardRef)(((o,r)=>{const l=(0,ys.useRef)(null),i=n&&(0,ys.useCallback)((e=>{l.current=function(e,t){e&&(Ss.fun(e)?e(t):e.current=t);return t}(r,e)}),[r]),[s,a]=function(e,t){const n=new Set;lc.dependencies=n,e.style&&(e=uc({},e,{style:t.createAnimatedStyle(e.style)}));return e=new ic(e),lc.dependencies=null,[e,n]}(o,t),c=qa(),u=()=>{const e=l.current;if(n&&!e)return;!1===(!!e&&t.applyAnimatedValues(e,s.getValue(!0)))&&c()},d=new pc(u,a),p=(0,ys.useRef)();Ka((()=>(p.current=d,Bs(a,(e=>Ta(e,d))),()=>{p.current&&(Bs(p.current.deps,(e=>Ma(e,p.current))),rs.cancel(p.current.update))}))),(0,ys.useEffect)(u,[]),Ya((()=>()=>{const e=p.current;Bs(e.deps,(t=>Ma(t,e)))}));const m=t.getComponentProps(s.getValue());return ys.createElement(e,uc({},m,{ref:i}))}))};class pc{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){"change"==e.type&&rs.write(this.update)}}const mc=Symbol.for("AnimatedComponent"),gc=e=>Ss.str(e)?e:e&&Ss.str(e.displayName)?e.displayName:Ss.fun(e)&&e.name||null;function fc(){return fc=Object.assign?Object.assign.bind():function(e){for(var t=1;t!0===e||!!(t&&e&&(Ss.fun(e)?e(t):xs(e).includes(t))),bc=(e,t)=>Ss.obj(e)?t&&e[t]:e,_c=(e,t)=>!0===e.default?e[t]:e.default?e.default[t]:void 0,kc=e=>e,yc=(e,t=kc)=>{let n=Ec;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);Ss.und(n)||(o[r]=n)}return o},Ec=["config","onProps","onStart","onChange","onPause","onResume","onRest"],Cc={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 Sc(e){const t=function(e){const t={};let n=0;if(Is(e,((e,o)=>{Cc[o]||(t[o]=e,n++)})),n)return t}(e);if(t){const n={to:t};return Is(e,((e,o)=>o in t||(n[o]=e))),n}return fc({},e)}function wc(e){return e=Sa(e),Ss.arr(e)?e.map(wc):Wa(e)?zs.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function Bc(e){for(const t in e)return!0;return!1}function Ic(e){return Ss.fun(e)||Ss.arr(e)&&Ss.obj(e[0])}function xc(e,t){var n;null==(n=e.ref)||n.delete(e),null==t||t.delete(e)}function Tc(e,t){var n;t&&e.ref!==t&&(null==(n=e.ref)||n.delete(e),t.add(e),e.ref=t)}const Mc=fc({},{tension:170,friction:26},{mass:1,damping:1,easing:_a.linear,clamp:!1});class Nc{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,Mc)}}function Pc(e,t){if(Ss.und(t.decay)){const n=!Ss.und(t.tension)||!Ss.und(t.friction);!n&&Ss.und(t.frequency)&&Ss.und(t.damping)&&Ss.und(t.mass)||(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}else e.duration=void 0}const Lc=[];class Rc{constructor(){this.changed=!1,this.values=Lc,this.toValues=null,this.fromValues=Lc,this.to=void 0,this.from=void 0,this.config=new Nc,this.immediate=!1}}function Ac(e,{key:t,props:n,defaultProps:o,state:r,actions:l}){return new Promise(((i,s)=>{var a;let c,u,d=vc(null!=(a=n.cancel)?a:null==o?void 0:o.cancel,t);if(d)g();else{Ss.und(n.pause)||(r.paused=vc(n.pause,t));let e=null==o?void 0:o.pause;!0!==e&&(e=r.paused||vc(e,t)),c=hc(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-rs.now()}function m(){c>0&&!zs.skipAnimation?(r.delayed=!0,u=rs.setTimeout(g,c),r.pauseQueue.add(p),r.timeouts.add(u)):g()}function g(){r.delayed&&(r.delayed=!1),r.pauseQueue.delete(p),r.timeouts.delete(u),e<=(r.cancelId||0)&&(d=!0);try{l.start(fc({},n,{callId:e,cancel:d}),i)}catch(e){s(e)}}}))}const Oc=(e,t)=>1==t.length?t[0]:t.some((e=>e.cancelled))?Fc(e.get()):t.every((e=>e.noop))?Dc(e.get()):zc(e.get(),t.every((e=>e.finished))),Dc=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),zc=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),Fc=e=>({value:e,cancelled:!0,finished:!1});function Vc(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=yc(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)&&Fc(o)||r!==n.asyncId&&zc(o,!1);if(t)throw e.result=t,d(e),e},g=(e,t)=>{const l=new Gc,i=new Uc;return(async()=>{if(zs.skipAnimation)throw Hc(n),i.result=zc(o,!1),d(i),i;m(l);const s=Ss.obj(e)?fc({},e):fc({},t,{to:e});s.parentId=r,Is(c,((e,t)=>{Ss.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 f;if(zs.skipAnimation)return Hc(n),zc(o,!1);try{let t;t=Ss.arr(e)?(async e=>{for(const t of e)await g(t)})(e):Promise.resolve(e(g,o.stop.bind(o))),await Promise.all([t.then(u),p]),f=zc(o.get(),!0,!1)}catch(e){if(e instanceof Gc)f=e.result;else{if(!(e instanceof Uc))throw e;f=e.result}}finally{r==n.asyncId&&(n.asyncId=l,n.asyncTo=l?s:void 0,n.promise=l?a:void 0)}return Ss.fun(i)&&rs.batchedUpdates((()=>{i(f,o,o.item)})),f})():a}function Hc(e,t){Ts(e.timeouts,(e=>e.cancel())),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}class Gc 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 Uc extends Error{constructor(){super("SkipAnimationSignal"),this.result=void 0}}const $c=e=>e instanceof Wc;let jc=1;class Wc extends Ia{constructor(...e){super(...e),this.id=jc++,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=Ja(this);return e&&e.getValue()}to(...e){return zs.to(this,e)}interpolate(...e){return $a(`${Ga}The "interpolate" function is deprecated in v9 (use "to" instead)`),zs.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){Ba(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||Us.sort(this),Ba(this,{type:"priority",parent:this,priority:e})}}const Kc=Symbol.for("SpringPhase"),qc=e=>(1&e[Kc])>0,Yc=e=>(2&e[Kc])>0,Zc=e=>(4&e[Kc])>0,Qc=(e,t)=>t?e[Kc]|=3:e[Kc]&=-3,Xc=(e,t)=>t?e[Kc]|=4:e[Kc]&=-5;class Jc extends Wc{constructor(e,t){if(super(),this.key=void 0,this.animation=new Rc,this.queue=void 0,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!Ss.und(e)||!Ss.und(t)){const n=Ss.obj(e)?fc({},e):fc({},t,{from:e});Ss.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(Yc(this)||this._state.asyncTo)||Zc(this)}get goal(){return Sa(this.animation.to)}get velocity(){const e=Ja(this);return e instanceof oc?e.lastVelocity||0:e.getPayload().map((e=>e.lastVelocity||0))}get hasAnimated(){return qc(this)}get isAnimating(){return Yc(this)}get isPaused(){return Zc(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,n=!1;const o=this.animation;let{config:r,toValues:l}=o;const i=tc(o.to);!i&&Ca(o.to)&&(l=xs(Sa(o.to))),o.values.forEach(((s,a)=>{if(s.done)return;const c=s.constructor==rc?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=Ss.arr(r.velocity)?r.velocity[a]:r.velocity;let i;const p=r.precision||(n==c?.005:Math.min(1,.001*Math.abs(c-n)));if(Ss.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)<=p,i=l*o}else{i=null==s.lastVelocity?l:s.lastVelocity;const t=r.restVelocity||p/10,o=r.clamp?0:r.bounce,a=!Ss.und(o),m=n==c?s.v0>0:nt,g||(u=Math.abs(c-d)<=p,!u));++e){a&&(f=d==c||d>c==m,f&&(i=-i*o,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=Ja(this),a=s.getValue();if(t){const e=Sa(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 rs.batchedUpdates((()=>{this._stop(),this._focus(e),this._set(e)})),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(Yc(this)){const{to:e,config:t}=this.animation;rs.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 Ss.und(e)?(n=this.queue||[],this.queue=[]):n=[Ss.obj(e)?e:fc({},t,{to:e})],Promise.all(n.map((e=>this._update(e)))).then((e=>Oc(this,e)))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),Hc(this._state,e&&this._lastCallId),rs.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=Ss.obj(n)?n[t]:n,(null==n||Ic(n))&&(n=void 0),o=Ss.obj(o)?o[t]:o,null==o&&(o=void 0);const r={to:n,from:o};return qc(this)||(e.reverse&&([n,o]=[o,n]),o=Sa(o),Ss.und(o)?Ja(this)||this._set(n):this._set(o)),r}_update(e,t){let n=fc({},e);const{key:o,defaultProps:r}=this;n.default&&Object.assign(r,yc(n,((e,t)=>/^on/.test(t)?bc(e,o):e))),iu(this,n,"onProps"),su(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 Ac(++this._lastCallId,{key:o,props:n,defaultProps:r,state:i,actions:{pause:()=>{Zc(this)||(Xc(this,!0),Ms(i.pauseQueue),su(this,"onPause",zc(this,eu(this,this.animation.to)),this))},resume:()=>{Zc(this)&&(Xc(this,!1),Yc(this)&&this._resume(),Ms(i.resumeQueue),su(this,"onResume",zc(this,eu(this,this.animation.to)),this))},start:this._merge.bind(this,l)}}).then((e=>{if(n.loop&&e.finished&&(!t||!e.noop)){const e=tu(n);if(e)return this._update(e,!0)}return e}))}_merge(e,t,n){if(t.cancel)return this.stop(!0),n(Fc(this));const o=!Ss.und(e.to),r=!Ss.und(e.from);if(o||r){if(!(t.callId>this._lastToId))return n(Fc(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&&!Ss.und(u)||(u=d),t.reverse&&([u,d]=[d,u]);const p=!ws(d,c);p&&(s.from=d),d=Sa(d);const m=!ws(u,a);m&&this._focus(u);const g=Ic(t.to),{config:f}=s,{decay:h,velocity:v}=f;(o||r)&&(f.velocity=0),t.config&&!g&&function(e,t,n){n&&(Pc(n=fc({},n),t),t=fc({},n,t)),Pc(e,t),Object.assign(e,t);for(const t in Mc)null==e[t]&&(e[t]=Mc[t]);let{mass:o,frequency:r,damping:l}=e;Ss.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)}(f,hc(t.config,l),t.config!==i.config?hc(i.config,l):void 0);let b=Ja(this);if(!b||Ss.und(u))return n(zc(this,!0));const _=Ss.und(t.reset)?r&&!t.default:!Ss.und(d)&&vc(t.reset,l),k=_?d:this.get(),y=wc(u),E=Ss.num(y)||Ss.arr(y)||Wa(y),C=!g&&(!E||vc(i.immediate||t.immediate,l));if(m){const e=cc(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 S=b.constructor;let w=Ca(u),B=!1;if(!w){const e=_||!qc(this)&&p;(m||e)&&(B=ws(wc(k),y),w=!B),(ws(s.immediate,C)||C)&&ws(f.decay,h)&&ws(f.velocity,v)||(w=!0)}if(B&&Yc(this)&&(s.changed&&!_?w=!0:w||this._stop(a)),!g&&((w||Ca(a))&&(s.values=b.getPayload(),s.toValues=Ca(u)?null:S==rc?[1]:xs(y)),s.immediate!=C&&(s.immediate=C,C||_||this._set(a)),w)){const{onRest:e}=s;Bs(lu,(e=>iu(this,t,e)));const o=zc(this,eu(this,a));Ms(this._pendingCalls,o),this._pendingCalls.add(n),s.changed&&rs.batchedUpdates((()=>{s.changed=!_,null==e||e(o,this),_?hc(i.onRest,o):null==s.onStart||s.onStart(o,this)}))}_&&this._set(k),g?n(Vc(t.to,t,this._state,this)):w?this._start():Yc(this)&&!m?this._pendingCalls.add(n):n(Dc(k))}_focus(e){const t=this.animation;e!==t.to&&(wa(this)&&this._detach(),t.to=e,wa(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;Ca(t)&&(Ta(t,this),$c(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;Ca(e)&&Ma(e,this)}_set(e,t=!0){const n=Sa(e);if(!Ss.und(n)){const e=Ja(this);if(!e||!ws(n,e.getValue())){const o=cc(n);e&&e.constructor==o?e.setValue(n):ec(this,o.create(n)),e&&rs.batchedUpdates((()=>{this._onChange(n,t)}))}}return Ja(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,su(this,"onStart",zc(this,eu(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),hc(this.animation.onChange,e,this)),hc(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;Ja(this).reset(Sa(e.to)),e.immediate||(e.fromValues=e.values.map((e=>e.lastPosition))),Yc(this)||(Qc(this,!0),Zc(this)||this._resume())}_resume(){zs.skipAnimation?this.finish():Us.start(this)}_stop(e,t){if(Yc(this)){Qc(this,!1);const n=this.animation;Bs(n.values,(e=>{e.done=!0})),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Ba(this,{type:"idle",parent:this});const o=t?Fc(this.get()):zc(this.get(),eu(this,null!=e?e:n.to));Ms(this._pendingCalls,o),n.changed&&(n.changed=!1,su(this,"onRest",o,this))}}}function eu(e,t){const n=wc(t);return ws(wc(e.get()),n)}function tu(e,t=e.loop,n=e.to){let o=hc(t);if(o){const r=!0!==o&&Sc(o),l=(r||e).reverse,i=!r||r.reset;return nu(fc({},e,{loop:t,default:!1,pause:void 0,to:!l||Ic(n)?n:void 0,from:i?e.from:void 0,reset:i},r))}}function nu(e){const{to:t,from:n}=e=Sc(e),o=new Set;return Ss.obj(t)&&ru(t,o),Ss.obj(n)&&ru(n,o),e.keys=o.size?Array.from(o):null,e}function ou(e){const t=nu(e);return Ss.und(t.default)&&(t.default=yc(t)),t}function ru(e,t){Is(e,((e,n)=>null!=e&&t.add(n)))}const lu=["onStart","onRest","onChange","onPause","onResume"];function iu(e,t,n){e.animation[n]=t[n]!==_c(t,n)?bc(t[n],e.key):void 0}function su(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 au=["onStart","onChange","onRest"];let cu=1;class uu{constructor(e,t){this.id=cu++,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(fc({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every((e=>e.idle&&!e.isDelayed&&!e.isPaused))}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];Ss.und(n)||this.springs[t].set(n)}}update(e){return e&&this.queue.push(nu(e)),this}start(e){let{queue:t}=this;return e?t=xs(e).map(nu):this.queue=[],this._flush?this._flush(this,t):(vu(this,t),du(this,t))}stop(e,t){if(e!==!!e&&(t=e),t){const n=this.springs;Bs(xs(t),(t=>n[t].stop(!!e)))}else Hc(this._state,this._lastAsyncId),this.each((t=>t.stop(!!e)));return this}pause(e){if(Ss.und(e))this.start({pause:!0});else{const t=this.springs;Bs(xs(e),(e=>t[e].pause()))}return this}resume(e){if(Ss.und(e))this.start({pause:!1});else{const t=this.springs;Bs(xs(e),(e=>t[e].resume()))}return this}each(e){Is(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,Ts(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&&Ts(t,(([e,t])=>{t.value=i,e(t,this,this._item)})),l&&(this._started=!1,Ts(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)}rs.onFrame(this._onFrame)}}function du(e,t){return Promise.all(t.map((t=>pu(e,t)))).then((t=>Oc(e,t)))}async function pu(e,t,n){const{keys:o,to:r,from:l,loop:i,onRest:s,onResolve:a}=t,c=Ss.obj(t.default)&&t.default;i&&(t.loop=!1),!1===r&&(t.to=null),!1===l&&(t.from=null);const u=Ss.arr(r)||Ss.fun(r)?r:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):Bs(au,(n=>{const o=t[n];if(Ss.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,Ms(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===_c(t,"cancel");(u||m&&d.asyncId)&&p.push(Ac(++e._lastAsyncId,{props:t,state:d,actions:{pause:Cs,resume:Cs,start(t,n){m?(Hc(d,e._lastAsyncId),n(Fc(e))):(t.onRest=s,n(Vc(u,t,d,e)))}}})),d.paused&&await new Promise((e=>{d.resumeQueue.add(e)}));const g=Oc(e,await Promise.all(p));if(i&&g.finished&&(!n||!g.noop)){const n=tu(t,i,r);if(n)return vu(e,[n]),pu(e,n,!0)}return a&&rs.batchedUpdates((()=>a(g,e,e.item))),g}function mu(e,t){const n=fc({},e.springs);return t&&Bs(xs(t),(e=>{Ss.und(e.keys)&&(e=nu(e)),Ss.obj(e.to)||(e=fc({},e,{to:void 0})),hu(n,e,(e=>fu(e)))})),gu(e,n),n}function gu(e,t){Is(t,((t,n)=>{e.springs[n]||(e.springs[n]=t,Ta(t,e))}))}function fu(e,t){const n=new Jc;return n.key=e,t&&Ta(n,t),n}function hu(e,t,n){t.keys&&Bs(t.keys,(o=>{(e[o]||(e[o]=n(o)))._prepareNode(t)}))}function vu(e,t){Bs(t,(t=>{hu(e.springs,t,(t=>fu(t,e)))}))}function bu(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o=0||(r[n]=e[n]);return r}const _u=["children"],ku=e=>{let{children:t}=e,n=bu(e,_u);const o=(0,ys.useContext)(yu),r=n.pause||!!o.pause,l=n.immediate||!!o.immediate;n=function(e,t){const[n]=(0,ys.useState)((()=>({inputs:t,result:e()}))),o=(0,ys.useRef)(),r=o.current;let l=r;if(l){const n=Boolean(t&&l.inputs&&function(e,t){if(e.length!==t.length)return!1;for(let n=0;n{o.current=l,r==n&&(n.inputs=n.result=void 0)}),[l]),l.result}((()=>({pause:r,immediate:l})),[r,l]);const{Provider:i}=yu;return ys.createElement(i,{value:n},t)},yu=(Eu=ku,Cu={},Object.assign(Eu,ys.createContext(Cu)),Eu.Provider._context=Eu,Eu.Consumer._context=Eu,Eu);var Eu,Cu;ku.Provider=yu.Provider,ku.Consumer=yu.Consumer;const Su=()=>{const e=[],t=function(t){ja(`${Ga}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 Bs(e,((e,r)=>{if(Ss.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 Bs(e,(e=>e.pause(...arguments))),this},t.resume=function(){return Bs(e,(e=>e.resume(...arguments))),this},t.set=function(t){Bs(e,(e=>e.set(t)))},t.start=function(t){const n=[];return Bs(e,((e,o)=>{if(Ss.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 Bs(e,(e=>e.stop(...arguments))),this},t.update=function(t){return Bs(e,((e,n)=>e.update(this._getProps(t,e,n)))),this};const n=function(e,t,n){return Ss.fun(e)?e(n,t):e};return t._getProps=n,t};function wu(e,t,n){const o=Ss.fun(t)&&t;o&&!n&&(n=[]);const r=(0,ys.useMemo)((()=>o||3==arguments.length?Su():void 0),[]),l=(0,ys.useRef)(0),i=qa(),s=(0,ys.useMemo)((()=>({ctrls:[],queue:[],flush(e,t){const n=mu(e,t);return l.current>0&&!s.queue.length&&!Object.keys(n).some((t=>!e.springs[t]))?du(e,t):new Promise((o=>{gu(e,n),s.queue.push((()=>{o(du(e,t))})),i()}))}})),[]),a=(0,ys.useRef)([...s.ctrls]),c=[],u=Qa(e)||0;function d(e,n){for(let r=e;r{Bs(a.current.slice(e,u),(e=>{xc(e,r),e.stop(!0)})),a.current.length=e,d(u,e)}),[e]),(0,ys.useMemo)((()=>{d(0,Math.min(u,e))}),n);const p=a.current.map(((e,t)=>mu(e,c[t]))),m=(0,ys.useContext)(ku),g=Qa(m),f=m!==g&&Bc(m);Ka((()=>{l.current++,s.ctrls=a.current;const{queue:e}=s;e.length&&(s.queue=[],Bs(e,(e=>e()))),Bs(a.current,((e,t)=>{null==r||r.add(e),f&&e.start({default:m});const n=c[t];n&&(Tc(e,n.ref),e.ref?e.queue.push(n):e.start(n))}))})),Ya((()=>()=>{Bs(s.ctrls,(e=>e.stop(!0)))}));const h=p.map((e=>fc({},e)));return r?[h,r]:h}function Bu(e,t){const n=Ss.fun(e),[[o],r]=wu(1,n?e:[e],n?t||[]:t);return n||2==arguments.length?[o,r]:o}let Iu;!function(e){e.MOUNT="mount",e.ENTER="enter",e.UPDATE="update",e.LEAVE="leave"}(Iu||(Iu={}));class xu extends Wc{constructor(e,t){super(),this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=pa(...t);const n=this._get(),o=cc(n);ec(this,o.create(n))}advance(e){const t=this._get();ws(t,this.get())||(Ja(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&Mu(this._active)&&Nu(this)}_get(){const e=Ss.arr(this.source)?this.source.map(Sa):xs(Sa(this.source));return this.calc(...e)}_start(){this.idle&&!Mu(this._active)&&(this.idle=!1,Bs(tc(this),(e=>{e.done=!1})),zs.skipAnimation?(rs.batchedUpdates((()=>this.advance())),Nu(this)):Us.start(this))}_attach(){let e=1;Bs(xs(this.source),(t=>{Ca(t)&&Ta(t,this),$c(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))})),this.priority=e,this._start()}_detach(){Bs(xs(this.source),(e=>{Ca(e)&&Ma(e,this)})),this._active.clear(),Nu(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=xs(this.source).reduce(((e,t)=>Math.max(e,($c(t)?t.priority:0)+1)),0))}}function Tu(e){return!1!==e.idle}function Mu(e){return!e.size||Array.from(e).every(Tu)}function Nu(e){e.idle||(e.idle=!0,Bs(tc(e),(e=>{e.done=!0})),Ba(e,{type:"idle",parent:e}))}zs.assign({createStringInterpolator:Ha,to:(e,t)=>new xu(e,t)});Us.advance;var Pu=window.ReactDOM;function Lu(e,t){if(null==e)return{};var n,o,r={},l=Object.keys(e);for(o=0;o=0||(r[n]=e[n]);return r}const Ru=["style","children","scrollTop","scrollLeft","viewBox"],Au=/^--/;function Ou(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||Au.test(e)||zu.hasOwnProperty(e)&&zu[e]?(""+t).trim():t+"px"}const Du={};let zu={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 Fu=["Webkit","Ms","Moz","O"];zu=Object.keys(zu).reduce(((e,t)=>(Fu.forEach((n=>e[((e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1))(n,t)]=e[t])),e)),zu);const Vu=["x","y","z"],Hu=/^(matrix|translate|scale|rotate|skew)/,Gu=/^(translate)/,Uu=/^(rotate|skew)/,$u=(e,t)=>Ss.num(e)&&0!==e?e+t:e,ju=(e,t)=>Ss.arr(e)?e.every((e=>ju(e,t))):Ss.num(e)?e===t:parseFloat(e)===t;class Wu extends ic{constructor(e){let{x:t,y:n,z:o}=e,r=Lu(e,Vu);const l=[],i=[];(t||n||o)&&(l.push([t||0,n||0,o||0]),i.push((e=>[`translate3d(${e.map((e=>$u(e,"px"))).join(",")})`,ju(e,0)]))),Is(r,((e,t)=>{if("transform"===t)l.push([e||""]),i.push((e=>[e,""===e]));else if(Hu.test(t)){if(delete r[t],Ss.und(e))return;const n=Gu.test(t)?"px":Uu.test(t)?"deg":"";l.push(xs(e)),i.push("rotate3d"===t?([e,t,o,r])=>[`rotate3d(${e},${t},${o},${$u(r,n)})`,ju(r,0)]:e=>[`${t}(${e.map((e=>$u(e,n))).join(",")})`,ju(e,t.startsWith("scale")?1:0)])}})),l.length&&(r.transform=new Ku(l,i)),super(r)}}class Ku extends Ia{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 Bs(this.inputs,((n,o)=>{const r=Sa(n[0]),[l,i]=this.transforms[o](Ss.arr(r)?r:n.map(Sa));e+=" "+l,t=t&&i})),t?"none":e}observerAdded(e){1==e&&Bs(this.inputs,(e=>Bs(e,(e=>Ca(e)&&Ta(e,this)))))}observerRemoved(e){0==e&&Bs(this.inputs,(e=>Bs(e,(e=>Ca(e)&&Ma(e,this)))))}eventObserved(e){"change"==e.type&&(this._value=null),Ba(this,e)}}const qu=["scrollTop","scrollLeft"];zs.assign({batchedUpdates:Pu.unstable_batchedUpdates,createStringInterpolator:Ha,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 Yu=((e,{applyAnimatedValues:t=(()=>!1),createAnimatedStyle:n=(e=>new ic(e)),getComponentProps:o=(e=>e)}={})=>{const r={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:o},l=e=>{const t=gc(e)||"Anonymous";return(e=Ss.str(e)?l[e]||(l[e]=dc(e,r)):e[mc]||(e[mc]=dc(e,r))).displayName=`Animated(${t})`,e};return Is(e,((t,n)=>{Ss.arr(e)&&(n=gc(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,viewBox:a}=o,c=Lu(o,Ru),u=Object.values(c),d=Object.keys(c).map((t=>n||e.hasAttribute(t)?t:Du[t]||(Du[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=Ou(t,r[t]);Au.test(t)?e.style.setProperty(t,n):e.style[t]=n}d.forEach(((t,n)=>{e.setAttribute(t,u[n])})),void 0!==i&&(e.scrollTop=i),void 0!==s&&(e.scrollLeft=s),void 0!==a&&e.setAttribute("viewBox",a)},createAnimatedStyle:e=>new Wu(e),getComponentProps:e=>Lu(e,qu)}),Zu=Yu.animated,Qu=e=>e+1,Xu=e=>({top:e.offsetTop,left:e.offsetLeft});var Ju=function(e){let{isSelected:t,adjustScrolling:n,enableAnimation:o,triggerAnimationOnChange:r}=e;const l=(0,u.useRef)(),i=(0,m.useReducedMotion)()||!o,[s,a]=(0,u.useReducer)(Qu,0),[c,d]=(0,u.useReducer)(Qu,0),[p,g]=(0,u.useState)({x:0,y:0}),f=(0,u.useMemo)((()=>l.current?Xu(l.current):null),[r]),h=(0,u.useMemo)((()=>{if(!n||!l.current)return()=>{};const e=(0,Di.getScrollContainer)(l.current);if(!e)return()=>{};const t=l.current.getBoundingClientRect();return()=>{const n=l.current.getBoundingClientRect().top-t.top;n&&(e.scrollTop+=n)}}),[r,n]);return(0,u.useLayoutEffect)((()=>{s&&d()}),[s]),(0,u.useLayoutEffect)((()=>{if(!f)return;if(i)return void h();l.current.style.transform=void 0;const e=Xu(l.current);a(),g({x:Math.round(f.left-e.left),y:Math.round(f.top-e.top)})}),[r]),Bu({from:{x:p.x,y:p.y},to:{x:0,y:0},reset:s!==c,config:{mass:5,tension:2e3,friction:200},immediate:i,onChange:function(e){let{value:n}=e;if(!l.current)return;let{x:o,y:r}=n;o=Math.round(o),r=Math.round(r);const i=0===o&&0===r;l.current.style.transformOrigin="center center",l.current.style.transform=i?void 0:`translate3d(${o}px,${r}px,0)`,l.current.style.zIndex=t?"1":"",h()}}),l};const ed=".block-editor-block-list__block",td=".block-list-appender",nd=".block-editor-button-block-appender";function od(e,t){return t.closest([ed,td,nd].join(","))===e}function rd(e){for(;e&&e.nodeType!==e.ELEMENT_NODE;)e=e.parentNode;if(!e)return;const t=e.closest(ed);return t?t.id.slice("block-".length):void 0}function ld(e){const t=(0,u.useRef)(),n=function(e){return(0,g.useSelect)((t=>{const{getSelectedBlocksInitialCaretPosition:n,__unstableGetEditorMode:o,isBlockSelected:r}=t(E_);if(r(e)&&"edit"===o())return n()}),[e])}(e),{isBlockSelected:o,isMultiSelecting:r}=(0,g.useSelect)(E_);return(0,u.useEffect)((()=>{if(!o(e)||r())return;if(null==n)return;if(!t.current)return;const{ownerDocument:l}=t.current;if(od(t.current,l.activeElement))return;const i=Di.focus.tabbable.find(t.current).filter((e=>(0,Di.isTextField)(e))),s=-1===n,a=i[s?i.length-1:0]||t.current;if(od(t.current,a)){if(!t.current.getAttribute("contenteditable")){const e=Di.focus.tabbable.findNext(t.current);if(e&&od(t.current,e)&&(0,Di.isFormElement)(e))return void e.focus()}(0,Di.placeCaretAtHorizontalEdge)(a,s)}else t.current.focus()}),[n,e]),t}function id(e){if(e.defaultPrevented)return;const t="mouseover"===e.type?"add":"remove";e.preventDefault(),e.currentTarget.classList[t]("is-hovered")}function sd(){const e=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return t().outlineMode}),[]);return(0,m.useRefEffect)((t=>{if(e)return t.addEventListener("mouseout",id),t.addEventListener("mouseover",id),()=>{t.removeEventListener("mouseout",id),t.removeEventListener("mouseover",id),t.classList.remove("is-hovered")}}),[e])}function ad(e){return(0,g.useSelect)((t=>{const{isBlockBeingDragged:n,isBlockHighlighted:o,isBlockSelected:r,isBlockMultiSelected:l,getBlockName:i,getSettings:a,hasSelectedInnerBlock:c,isTyping:u,__unstableIsFullySelected:d,__unstableSelectionHasUnmergeableBlock:m}=t(E_),{outlineMode:g}=a(),f=n(e),h=r(e),v=i(e),b=c(e,!0),_=l(e);return p()({"is-selected":h,"is-highlighted":o(e),"is-multi-selected":_,"is-partially-selected":_&&!d()&&!m(),"is-reusable":(0,s.isReusableBlock)((0,s.getBlockType)(v)),"is-dragging":f,"has-child-selected":b,"remove-outline":h&&g&&u()})}),[e])}function cd(e){return(0,g.useSelect)((t=>{const n=t(E_).getBlockName(e),o=(0,s.getBlockType)(n);if((null==o?void 0:o.apiVersion)>1)return(0,s.getBlockDefaultClassName)(n)}),[e])}function ud(e){return(0,g.useSelect)((t=>{const{getBlockName:n,getBlockAttributes:o}=t(E_),r=o(e);if(null==r||!r.className)return;const l=(0,s.getBlockType)(n(e));return(null==l?void 0:l.apiVersion)>1?r.className:void 0}),[e])}function dd(e){return(0,g.useSelect)((t=>{const{hasBlockMovingClientId:n,canInsertBlockType:o,getBlockName:r,getBlockRootClientId:l,isBlockSelected:i}=t(E_);if(!i(e))return;const s=n();return s?p()("is-block-moving-mode",{"can-insert-moving-block":o(r(s),l(e))}):void 0}),[e])}function pd(e){const{isBlockSelected:t}=(0,g.useSelect)(E_),{selectBlock:n,selectionChange:o}=(0,g.useDispatch)(E_);return(0,m.useRefEffect)((r=>{function l(l){r.parentElement.closest('[contenteditable="true"]')||(t(e)?l.target.isContentEditable||o(e):od(r,l.target)&&n(e))}return r.addEventListener("focusin",l),()=>{r.removeEventListener("focusin",l)}}),[t,n])}var md=window.wp.keycodes;function gd(e){const t=(0,g.useSelect)((t=>t(E_).isBlockSelected(e)),[e]),{getBlockRootClientId:n,getBlockIndex:o}=(0,g.useSelect)(E_),{insertDefaultBlock:r,removeBlock:l}=(0,g.useDispatch)(E_);return(0,m.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!==md.ENTER&&s!==md.BACKSPACE&&s!==md.DELETE||a!==i||(0,Di.isTextField)(a)||(t.preventDefault(),s===md.ENTER?r({},n(e),o(e)+1):l(e))}function a(e){e.preventDefault()}}),[e,t,n,o,r,l])}function fd(e){const{isNavigationMode:t,isBlockSelected:n}=(0,g.useSelect)(E_),{setNavigationMode:o,selectBlock:r}=(0,g.useDispatch)(E_);return(0,m.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])}function hd(){const e=(0,u.useContext)(yf);return(0,m.useRefEffect)((t=>{if(e)return e.observe(t),()=>{e.unobserve(t)}}),[e])}function vd(e){return(0,g.useSelect)((t=>{const{__unstableHasActiveBlockOverlayActive:n}=t(E_);return n(e)}),[e])}function bd(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{__unstableIsHtml:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{clientId:n,className:o,wrapperProps:r={},isAligned:l}=(0,u.useContext)(up),{index:i,mode:a,name:c,blockApiVersion:d,blockTitle:f,isPartOfSelection:h,adjustScrolling:v,enableAnimation:b}=(0,g.useSelect)((e=>{const{getBlockAttributes:t,getBlockIndex:o,getBlockMode:r,getBlockName:l,isTyping:i,getGlobalBlockCount:a,isBlockSelected:c,isBlockMultiSelected:u,isAncestorMultiSelected:d,isFirstMultiSelectedBlock:p}=e(E_),{getActiveBlockVariation:m}=e(s.store),g=c(n),f=u(n)||d(n),h=l(n),v=(0,s.getBlockType)(h),b=m(h,t(n));return{index:o(n),mode:r(n),name:h,blockApiVersion:(null==v?void 0:v.apiVersion)||1,blockTitle:(null==b?void 0:b.title)||(null==v?void 0:v.title),isPartOfSelection:g||f,adjustScrolling:g||p(n),enableAnimation:!i()&&a()<=200}}),[n]),_=vd(n),y=(0,k.sprintf)((0,k.__)("Block: %s"),f),E="html"!==a||t?"":"-visual",C=(0,m.useMergeRefs)([e.ref,ld(n),xr(n),pd(n),gd(n),fd(n),sd(),hd(),Ju({isSelected:h,adjustScrolling:v,enableAnimation:b,triggerAnimationOnChange:i}),(0,m.useDisabled)({isDisabled:!_})]),S=$r();return d<2&&n===S.clientId&&"undefined"!=typeof process&&process.env,{tabIndex:0,...r,...e,ref:C,id:`block-${n}${E}`,role:"document","aria-label":y,"data-block":n,"data-type":c,"data-title":f,className:p()(p()("block-editor-block-list__block",{"wp-block":!l,"has-block-overlay":_}),o,e.className,r.className,ad(n),cd(n),ud(n),dd(n)),style:{...r.style,...e.style}}}bd.save=s.__unstableGetBlockProps;var _d=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"}));var kd=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M20 9h-7.2V4h-1.6v5H4v6h7.2v5h1.6v-5H20z"}));var yd=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"}));var Ed=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M9 15h6V9H9v6zm-5 5h1.5V4H4v16zM18.5 4v16H20V4h-1.5z"}));var Cd=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M4 4H5.5V20H4V4ZM7 10L17 10V14L7 14V10ZM20 4H18.5V20H20V4Z"}));var Sd=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"}));var wd=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"}));function Bd(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.split(",").map((e=>`.editor-styles-wrapper ${e}${t?` ${t}`:""}`)).join(",")}function Id(e,t,n,o){var r,l;let i="";return null!=t&&null!==(r=t[n])&&void 0!==r&&null!==(l=r.spacingStyles)&&void 0!==l&&l.length&&o&&t[n].spacingStyles.forEach((t=>{i+=`${Bd(e,t.selector.trim())} { `,i+=Object.entries(t.rules).map((e=>{let[t,n]=e;return`${t}: ${n||o}`})).join("; "),i+="; }"})),i}function xd(e){const{contentSize:t,wideSize:n}=e,o={},r=/^(?!0)\d+(px|em|rem|vw|vh|%)?$/i;return r.test(t)&&(o.none=(0,k.sprintf)((0,k.__)("Max %s wide"),t)),r.test(n)&&(o.wide=(0,k.sprintf)((0,k.__)("Max %s wide"),n)),o}const Td=(0,u.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(h.Path,{d:"M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z"})),Md=(0,u.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(h.Path,{d:"M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z"})),Nd=(0,u.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(h.Path,{d:"M9 20h6V9H9v11zM4 4v1.5h16V4H4z"})),Pd=(0,u.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(h.Path,{d:"M4 4L20 4L20 5.5L4 5.5L4 4ZM10 7L14 7L14 17L10 17L10 7ZM20 18.5L4 18.5L4 20L20 20L20 18.5Z"})),Ld=(0,u.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(h.Path,{d:"M7 4H17V8L7 8V4ZM7 16L17 16V20L7 20V16ZM20 11.25H4V12.75H20V11.25Z"})),Rd={top:{icon:Nd,title:(0,k._x)("Align top","Block vertical alignment setting")},center:{icon:Md,title:(0,k._x)("Align middle","Block vertical alignment setting")},bottom:{icon:Td,title:(0,k._x)("Align bottom","Block vertical alignment setting")},stretch:{icon:Pd,title:(0,k._x)("Stretch to fill","Block vertical alignment setting")},"space-between":{icon:Ld,title:(0,k._x)("Space between","Block vertical alignment setting")}},Ad=["top","center","bottom"];var Od=function(e){let{value:t,onChange:n,controls:o=Ad,isCollapsed:r=!0,isToolbar:l}=e;const i=Rd[t],s=Rd.top,a=l?h.ToolbarGroup:h.ToolbarDropdownMenu,d=l?{isCollapsed:r}:{popoverProps:{variant:"toolbar"}};return(0,u.createElement)(a,c({icon:i?i.icon:s.icon,label:(0,k._x)("Change vertical alignment","Block vertical alignment setting label"),controls:o.map((e=>{return{...Rd[e],isActive:t===e,role:r?"menuitemradio":void 0,onClick:(o=e,()=>n(t===o?void 0:o))};var o}))},d))};const Dd=e=>(0,u.createElement)(Od,c({},e,{isToolbar:!1})),zd=e=>(0,u.createElement)(Od,c({},e,{isToolbar:!0})),Fd={left:_d,center:kd,right:yd,"space-between":Ed,stretch:Cd};var Vd=function(e){let{allowedControls:t=["left","center","right","space-between"],isCollapsed:n=!0,onChange:o,value:r,popoverProps:l,isToolbar:i}=e;const s=e=>{o(e===r?void 0:e)},a=r?Fd[r]:Fd.left,d=[{name:"left",icon:_d,title:(0,k.__)("Justify items left"),isActive:"left"===r,onClick:()=>s("left")},{name:"center",icon:kd,title:(0,k.__)("Justify items center"),isActive:"center"===r,onClick:()=>s("center")},{name:"right",icon:yd,title:(0,k.__)("Justify items right"),isActive:"right"===r,onClick:()=>s("right")},{name:"space-between",icon:Ed,title:(0,k.__)("Space between items"),isActive:"space-between"===r,onClick:()=>s("space-between")},{name:"stretch",icon:Cd,title:(0,k.__)("Stretch items"),isActive:"stretch"===r,onClick:()=>s("stretch")}],p=i?h.ToolbarGroup:h.ToolbarDropdownMenu,m=i?{isCollapsed:n}:{};return(0,u.createElement)(p,c({icon:a,popoverProps:l,label:(0,k.__)("Change items justification"),controls:d.filter((e=>t.includes(e.name)))},m))};const Hd=e=>(0,u.createElement)(Vd,c({},e,{isToolbar:!1})),Gd=e=>(0,u.createElement)(Vd,c({},e,{isToolbar:!0})),Ud={left:"flex-start",right:"flex-end",center:"center","space-between":"space-between"},$d={left:"flex-start",right:"flex-end",center:"center",stretch:"stretch"},jd={top:"flex-start",center:"center",bottom:"flex-end",stretch:"stretch","space-between":"space-between"},Wd=["wrap","nowrap"];var Kd={name:"flex",label:(0,k.__)("Flex"),inspectorControls:function(e){let{layout:t={},onChange:n,layoutBlockSupport:o={}}=e;const{allowOrientation:r=!0}=o;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.Flex,null,(0,u.createElement)(h.FlexItem,null,(0,u.createElement)(Yd,{layout:t,onChange:n})),(0,u.createElement)(h.FlexItem,null,r&&(0,u.createElement)(Qd,{layout:t,onChange:n}))),(0,u.createElement)(Zd,{layout:t,onChange:n}))},toolBarControls:function(e){let{layout:t={},onChange:n,layoutBlockSupport:o}=e;if(null!=o&&o.allowSwitching)return null;const{allowVerticalAlignment:r=!0}=o;return(0,u.createElement)(x_,{group:"block",__experimentalShareWithChildBlocks:!0},(0,u.createElement)(Yd,{layout:t,onChange:n,isToolbar:!0}),r&&(0,u.createElement)(qd,{layout:t,onChange:n,isToolbar:!0}))},getLayoutStyle:function(e){var t,n;let{selector:o,layout:r,style:l,blockName:i,hasBlockGapSupport:s,layoutDefinitions:a}=e;const{orientation:c="horizontal"}=r,u=null!=l&&null!==(t=l.spacing)&&void 0!==t&&t.blockGap&&!_l(i,"spacing","blockGap")?ii(null==l||null===(n=l.spacing)||void 0===n?void 0:n.blockGap,"0.5em"):void 0,d=Ud[r.justifyContent],p=Wd.includes(r.flexWrap)?r.flexWrap:"wrap",m=jd[r.verticalAlignment],g=$d[r.justifyContent]||$d.left;let f="";const h=[];return p&&"wrap"!==p&&h.push(`flex-wrap: ${p}`),"horizontal"===c?(m&&h.push(`align-items: ${m}`),d&&h.push(`justify-content: ${d}`)):(m&&h.push(`justify-content: ${m}`),h.push("flex-direction: column"),h.push(`align-items: ${g}`)),h.length&&(f=`${Bd(o)} {\n\t\t\t\t${h.join("; ")};\n\t\t\t}`),s&&u&&(f+=Id(o,a,"flex",u)),f},getOrientation(e){const{orientation:t="horizontal"}=e;return t},getAlignments(){return[]}};function qd(e){let{layout:t,onChange:n,isToolbar:o=!1}=e;const{orientation:r="horizontal"}=t,l="horizontal"===r?jd.center:jd.top,{verticalAlignment:i=l}=t,s=e=>{n({...t,verticalAlignment:e})};if(o)return(0,u.createElement)(Dd,{onChange:s,value:i,controls:"horizontal"===r?["top","center","bottom","stretch"]:["top","center","bottom","space-between"]});const a=[{value:"flex-start",label:(0,k.__)("Align items top")},{value:"center",label:(0,k.__)("Align items center")},{value:"flex-end",label:(0,k.__)("Align items bottom")}];return(0,u.createElement)("fieldset",{className:"block-editor-hooks__flex-layout-vertical-alignment-control"},(0,u.createElement)("legend",null,(0,k.__)("Vertical alignment")),(0,u.createElement)("div",null,a.map(((e,t,n)=>(0,u.createElement)(h.Button,{key:e,label:n,icon:t,isPressed:i===e,onClick:()=>s(e)})))))}function Yd(e){let{layout:t,onChange:n,isToolbar:o=!1}=e;const{justifyContent:r="left",orientation:l="horizontal"}=t,i=e=>{n({...t,justifyContent:e})},s=["left","center","right"];if("horizontal"===l?s.push("space-between"):s.push("stretch"),o)return(0,u.createElement)(Hd,{allowedControls:s,value:r,onChange:i,popoverProps:{position:"bottom right",variant:"toolbar"}});const a=[{value:"left",icon:_d,label:(0,k.__)("Justify items left")},{value:"center",icon:kd,label:(0,k.__)("Justify items center")},{value:"right",icon:yd,label:(0,k.__)("Justify items right")}];return"horizontal"===l?a.push({value:"space-between",icon:Ed,label:(0,k.__)("Space between items")}):a.push({value:"stretch",icon:Cd,label:(0,k.__)("Stretch items")}),(0,u.createElement)(h.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Justification"),value:r,onChange:i,className:"block-editor-hooks__flex-layout-justification-controls"},a.map((e=>{let{value:t,icon:n,label:o}=e;return(0,u.createElement)(h.__experimentalToggleGroupControlOptionIcon,{key:t,value:t,icon:n,label:o})})))}function Zd(e){let{layout:t,onChange:n}=e;const{flexWrap:o="wrap"}=t;return(0,u.createElement)(h.ToggleControl,{label:(0,k.__)("Allow to wrap to multiple lines"),onChange:e=>{n({...t,flexWrap:e?"wrap":"nowrap"})},checked:"wrap"===o})}function Qd(e){let{layout:t,onChange:n}=e;const{orientation:o="horizontal",verticalAlignment:r,justifyContent:l}=t;return(0,u.createElement)(h.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,className:"block-editor-hooks__flex-layout-orientation-controls",label:(0,k.__)("Orientation"),value:o,onChange:e=>{let o=r,i=l;return"horizontal"===e?("space-between"===r&&(o="center"),"stretch"===l&&(i="left")):("stretch"===r&&(o="top"),"space-between"===l&&(i="left")),n({...t,orientation:e,verticalAlignment:o,justifyContent:i})}},(0,u.createElement)(h.__experimentalToggleGroupControlOptionIcon,{icon:Sd,value:"horizontal",label:(0,k.__)("Horizontal")}),(0,u.createElement)(h.__experimentalToggleGroupControlOptionIcon,{icon:wd,value:"vertical",label:(0,k.__)("Vertical")}))}var Xd={name:"default",label:(0,k.__)("Flow"),inspectorControls:function(){return null},toolBarControls:function(){return null},getLayoutStyle:function(e){var t;let{selector:n,style:o,blockName:r,hasBlockGapSupport:l,layoutDefinitions:i}=e;const s=ii(null==o||null===(t=o.spacing)||void 0===t?void 0:t.blockGap);let a="";_l(r,"spacing","blockGap")||(null!=s&&s.top?a=ii(null==s?void 0:s.top):"string"==typeof s&&(a=ii(s)));let c="";return l&&a&&(c+=Id(n,i,"default",a)),c},getOrientation(){return"vertical"},getAlignments(e){const t=xd(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 n=[{name:"left"},{name:"center"},{name:"right"}];return n.unshift({name:"none",info:t.none}),n}};var Jd=function(e){let{icon:t,size:n=24,...o}=e;return(0,u.cloneElement)(t,{width:n,height:n,...o})};var ep=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M7 9v6h10V9H7zM5 19.8h14v-1.5H5v1.5zM5 4.3v1.5h14V4.3H5z"}));var tp=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z"})),np={name:"constrained",label:(0,k.__)("Constrained"),inspectorControls:function(e){let{layout:t,onChange:n}=e;const{wideSize:o,contentSize:r,justifyContent:l="center"}=t,i=[{value:"left",icon:_d,label:(0,k.__)("Justify items left")},{value:"center",icon:kd,label:(0,k.__)("Justify items center")},{value:"right",icon:yd,label:(0,k.__)("Justify items right")}],s=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["%","px","em","rem","vw"]});return(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{className:"block-editor-hooks__layout-controls"},(0,u.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,u.createElement)(h.__experimentalUnitControl,{className:"block-editor-hooks__layout-controls-unit-input",label:(0,k.__)("Content"),labelPosition:"top",__unstableInputWidth:"80px",value:r||o||"",onChange:e=>{e=0>parseFloat(e)?"0":e,n({...t,contentSize:e})},units:s}),(0,u.createElement)(Jd,{icon:ep})),(0,u.createElement)("div",{className:"block-editor-hooks__layout-controls-unit"},(0,u.createElement)(h.__experimentalUnitControl,{className:"block-editor-hooks__layout-controls-unit-input",label:(0,k.__)("Wide"),labelPosition:"top",__unstableInputWidth:"80px",value:o||r||"",onChange:e=>{e=0>parseFloat(e)?"0":e,n({...t,wideSize:e})},units:s}),(0,u.createElement)(Jd,{icon:tp}))),(0,u.createElement)("p",{className:"block-editor-hooks__layout-controls-helptext"},(0,k.__)("Customize the width for all elements that are assigned to the center or wide columns.")),(0,u.createElement)(h.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Justification"),value:l,onChange:e=>{n({...t,justifyContent:e})}},i.map((e=>{let{value:t,icon:n,label:o}=e;return(0,u.createElement)(h.__experimentalToggleGroupControlOptionIcon,{key:t,value:t,icon:n,label:o})}))))},toolBarControls:function(){return null},getLayoutStyle:function(e){var t,n;let{selector:o,layout:r={},style:l,blockName:i,hasBlockGapSupport:s,layoutDefinitions:a}=e;const{contentSize:c,wideSize:u,justifyContent:d}=r,p=ii(null==l||null===(t=l.spacing)||void 0===t?void 0:t.blockGap);let m="";_l(i,"spacing","blockGap")||(null!=p&&p.top?m=ii(null==p?void 0:p.top):"string"==typeof p&&(m=ii(p)));const g="left"===d?"0 !important":"auto !important",f="right"===d?"0 !important":"auto !important";let h=c||u?`\n\t\t\t\t\t${Bd(o,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")} {\n\t\t\t\t\t\tmax-width: ${null!=c?c:u};\n\t\t\t\t\t\tmargin-left: ${g};\n\t\t\t\t\t\tmargin-right: ${f};\n\t\t\t\t\t}\n\t\t\t\t\t${Bd(o,"> .alignwide")} {\n\t\t\t\t\t\tmax-width: ${null!=u?u:c};\n\t\t\t\t\t}\n\t\t\t\t\t${Bd(o,"> .alignfull")} {\n\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t}\n\t\t\t\t`:"";if("left"===d?h+=`${Bd(o,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}\n\t\t\t{ margin-left: ${g}; }`:"right"===d&&(h+=`${Bd(o,"> :where(:not(.alignleft):not(.alignright):not(.alignfull))")}\n\t\t\t{ margin-right: ${f}; }`),null!=l&&null!==(n=l.spacing)&&void 0!==n&&n.padding){(0,jo.getCSSRules)(l).forEach((e=>{"paddingRight"===e.key?h+=`\n\t\t\t\t\t${Bd(o,"> .alignfull")} {\n\t\t\t\t\t\tmargin-right: calc(${e.value} * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`:"paddingLeft"===e.key&&(h+=`\n\t\t\t\t\t${Bd(o,"> .alignfull")} {\n\t\t\t\t\t\tmargin-left: calc(${e.value} * -1);\n\t\t\t\t\t}\n\t\t\t\t\t`)}))}return s&&m&&(h+=Id(o,a,"constrained",m)),h},getOrientation(){return"vertical"},getAlignments(e){const t=xd(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}};const op=[Xd,Kd,np];function rp(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return op.find((t=>t.name===e))}const lp={type:"default"},ip=(0,u.createContext)(lp),sp=ip.Provider;function ap(){return(0,u.useContext)(ip)}function cp(e){let{layout:t={},css:n,...o}=e;const r=rp(t.type),l=null!==qr("spacing.blockGap");if(r){var i;if(n)return(0,u.createElement)("style",null,n);const e=null===(i=r.getLayoutStyle)||void 0===i?void 0:i.call(r,{hasBlockGapSupport:l,layout:t,...o});if(e)return(0,u.createElement)("style",null,e)}return null}const up=(0,u.createContext)();function dp(e){let{children:t,isHtml:n,...o}=e;return(0,u.createElement)("div",bd(o,{__unstableIsHtml:n}),t)}const pp=(0,g.withSelect)(((e,t)=>{let{clientId:n,rootClientId:o}=t;const{isBlockSelected:r,getBlockMode:l,isSelectionEnabled:i,getTemplateLock:s,__unstableGetBlockWithoutInnerBlocks:a,canRemoveBlock:c,canMoveBlock:u}=e(E_),d=a(n),p=r(n),m=s(o),g=c(n,o),f=u(n,o),{name:h,attributes:v,isValid:b}=d||{};return{mode:l(n),isSelectionEnabled:i(),isLocked:!!m,canRemove:g,canMove:f,block:d,name:h,attributes:v,isValid:b,isSelected:p}})),mp=(0,g.withDispatch)(((e,t,n)=>{const{updateBlockAttributes:o,insertBlocks:r,mergeBlocks:l,replaceBlocks:i,toggleSelection:a,__unstableMarkLastChangeAsPersistent:c,moveBlocksToPosition:u,removeBlock:d}=e(E_);return{setAttributes(e){const{getMultiSelectedBlockClientIds:r}=n.select(E_),l=r(),{clientId:i}=t,s=l.length?l:[i];o(s,e)},onInsertBlocks(e,n){const{rootClientId:o}=t;r(e,n,o)},onInsertBlocksAfter(e){const{clientId:o,rootClientId:l}=t,{getBlockIndex:i}=n.select(E_),s=i(o);r(e,s+1,l)},onMerge(e){const{clientId:o,rootClientId:i}=t,{getPreviousBlockClientId:a,getNextBlockClientId:c,getBlock:p,getBlockAttributes:m,getBlockName:g,getBlockOrder:f,getBlockIndex:h,getBlockRootClientId:v,canInsertBlockType:b}=n.select(E_);function _(e){let t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const o=v(e),l=f(e),[i]=l;if(1===l.length&&(0,s.isUnmodifiedBlock)(p(i)))d(e);else{if(b(g(i),o))u([i],e,o,h(e));else{const l=(0,s.switchToBlockType)(p(i),(0,s.getDefaultBlockName)());l&&l.length&&n.batch((()=>{r(l,h(e),o,t),d(i,!1)}))}!f(e).length&&(0,s.isUnmodifiedBlock)(p(e))&&d(e,!1)}}if(e){if(i){const e=c(i);if(e){if(g(i)!==g(e))return void l(i,e);{const t=m(i),o=m(e);if(Object.keys(t).every((e=>t[e]===o[e])))return void n.batch((()=>{u(f(e),e,i),d(e,!1)}))}}}const e=c(o);if(!e)return;f(e).length?_(e,!1):l(o,e)}else{const e=a(o);if(e)l(e,o);else if(i){const e=a(i);if(e&&g(i)===g(e)){const t=m(i),o=m(e);if(Object.keys(t).every((e=>t[e]===o[e])))return void n.batch((()=>{u(f(i),i,e),d(i,!1)}))}_(i)}}},onReplace(e,n,o){e.length&&!(0,s.isUnmodifiedDefaultBlock)(e[e.length-1])&&c(),i([t.clientId],e,n,o)},toggleSelection(e){a(e)}}}));var gp=(0,m.compose)(m.pure,pp,mp,(0,m.ifCondition)((e=>{let{block:t}=e;return!!t})),(0,h.withFilters)("editor.BlockListBlock"))((function(e){var t;let{block:{__unstableBlockSource:n},mode:o,isLocked:r,canRemove:l,clientId:i,isSelected:a,isSelectionEnabled:c,className:d,__unstableLayoutClassNames:m,name:f,isValid:h,attributes:v,wrapperProps:b,setAttributes:_,onReplace:k,onInsertBlocksAfter:y,onMerge:E,toggleSelection:C}=e;const{themeSupportsLayout:S,hasContentLockedParent:w,isContentBlock:B,isContentLocking:I,isTemporarilyEditingAsBlocks:x}=(0,g.useSelect)((e=>{const{getSettings:t,__unstableGetContentLockingParent:n,getTemplateLock:o,__unstableGetTemporarilyEditingAsBlocks:r}=e(E_),l=!!n(i);return{themeSupportsLayout:t().supportsLayout,isContentBlock:e(s.store).__experimentalHasContentRoleAttribute(f),hasContentLockedParent:l,isContentLocking:"contentOnly"===o(i)&&!l,isTemporarilyEditingAsBlocks:r()===i}}),[f,i]),{removeBlock:T}=(0,g.useDispatch)(E_),M=(0,u.useCallback)((()=>T(i)),[i]),N=ap()||{};let P=(0,u.createElement)(Ui,{name:f,isSelected:a,attributes:v,setAttributes:_,insertBlocksAfter:r?void 0:y,onReplace:l?k:void 0,onRemove:l?M:void 0,mergeBlocks:l?E:void 0,clientId:i,isSelectionEnabled:c,toggleSelection:C,__unstableLayoutClassNames:m,__unstableParentLayout:Object.keys(N).length?N:void 0});const L=(0,s.getBlockType)(f);w&&!B&&(b={...b,tabIndex:-1}),null!=L&&L.getEditWrapperProps&&(b=function(e,t){const n={...e,...t};return null!=e&&e.className&&null!=t&&t.className&&(n.className=p()(e.className,t.className)),null!=e&&e.style&&null!=t&&t.style&&(n.style={...e.style,...t.style}),n}(b,L.getEditWrapperProps(v)));const R=b&&!!b["data-align"]&&!S;let A;if(R&&(P=(0,u.createElement)("div",{className:"wp-block","data-align":b["data-align"]},P)),h)A="html"===o?(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{style:{display:"none"}},P),(0,u.createElement)(dp,{isHtml:!0},(0,u.createElement)(ns,{clientId:i}))):(null==L?void 0:L.apiVersion)>1?P:(0,u.createElement)(dp,b,P);else{const e=n?(0,s.serializeRawBlock)(n):(0,s.getSaveContent)(L,v);A=(0,u.createElement)(dp,{className:"has-warning"},(0,u.createElement)(Zi,{clientId:i}),(0,u.createElement)(u.RawHTML,null,(0,Di.safeHTML)(e)))}const{"data-align":O,...D}=null!==(t=b)&&void 0!==t?t:{},z={clientId:i,className:p()({"is-content-locked":I,"is-content-locked-temporarily-editing-as-blocks":x,"is-content-block":w&&B},O&&S&&`align${O}`,d),wrapperProps:D,isAligned:R},F=(0,u.useMemo)((()=>z),Object.values(z));return(0,u.createElement)(up.Provider,{value:F},(0,u.createElement)(es,{fallback:(0,u.createElement)(dp,{className:"has-warning"},(0,u.createElement)(Xi,null))},A))})),fp=window.wp.htmlEntities;var hp=(0,m.compose)((0,g.withSelect)(((e,t)=>{const{getBlockCount:n,getSettings:o,getTemplateLock:r}=e(E_),l=!n(t.rootClientId),{bodyPlaceholder:i}=o();return{showPrompt:l,isLocked:!!r(t.rootClientId),placeholder:i}})),(0,g.withDispatch)(((e,t)=>{const{insertDefaultBlock:n,startTyping:o}=e(E_);return{onAppend(){const{rootClientId:e}=t;n(void 0,e),o()}}})))((function(e){let{isLocked:t,onAppend:n,showPrompt:o,placeholder:r,rootClientId:l}=e;if(t)return null;const i=(0,fp.decodeEntities)(r)||(0,k.__)("Type / to choose a block");return(0,u.createElement)("div",{"data-root-client-id":l||"",className:p()("block-editor-default-block-appender",{"has-visible-prompt":o})},(0,u.createElement)("p",{tabIndex:"0",role:"button","aria-label":(0,k.__)("Add default block"),className:"block-editor-default-block-appender__content",onKeyDown:e=>{md.ENTER!==e.keyCode&&md.SPACE!==e.keyCode||n()},onClick:()=>n(),onFocus:()=>{o&&n()}},o?i:"\ufeff"),(0,u.createElement)(eb,{rootClientId:l,position:"bottom right",isAppender:!0,__experimentalIsQuick:!0}))}));function vp(e,t){let{rootClientId:n,className:o,onFocus:r,tabIndex:l}=e;return(0,u.createElement)(eb,{position:"bottom center",rootClientId:n,__experimentalIsQuick:!0,renderToggle:e=>{let n,{onToggle:i,disabled:s,isOpen:a,blockTitle:c,hasSingleBlockType:d}=e;n=d?(0,k.sprintf)((0,k._x)("Add %s","directly add the only allowed block"),c):(0,k._x)("Add block","Generic label for block inserter button");const m=!d;let g=(0,u.createElement)(h.Button,{ref:t,onFocus:r,tabIndex:l,className:p()(o,"block-editor-button-block-appender"),onClick:i,"aria-haspopup":m?"true":void 0,"aria-expanded":m?a:void 0,disabled:s,label:n},!d&&(0,u.createElement)(h.VisuallyHidden,{as:"span"},n),(0,u.createElement)(Jd,{icon:Ti}));return(m||d)&&(g=(0,u.createElement)(h.Tooltip,{text:n},g)),g},isAppender:!0})}const bp=(0,u.forwardRef)(((e,t)=>(W()("wp.blockEditor.ButtonBlockerAppender",{alternative:"wp.blockEditor.ButtonBlockAppender",since:"5.9"}),vp(e,t))));var _p=(0,u.forwardRef)(vp);function kp(e){let{rootClientId:t}=e;return(0,g.useSelect)((e=>e(E_).canInsertBlockType((0,s.getDefaultBlockName)(),t)))?(0,u.createElement)(hp,{rootClientId:t}):(0,u.createElement)(_p,{rootClientId:t,className:"block-list-appender__toggle"})}var yp=function(e){let{rootClientId:t,renderAppender:n,className:o,tagName:r="div"}=e;const l=function(e,t){const{hideInserter:n,isParentSelected:o}=(0,g.useSelect)((t=>{const{getTemplateLock:n,getSelectedBlockClientId:o,__unstableGetEditorMode:r}=t(E_),l=o();return{hideInserter:!!n(e)||"zoom-out"===r(),isParentSelected:e===l||!e&&!l}}),[e]);return n||!1===t?null:t?(0,u.createElement)(t,null):o?(0,u.createElement)(kp,{rootClientId:e}):null}(t,n);return l?(0,u.createElement)(r,{tabIndex:-1,className:p()("block-list-appender wp-block",o),contentEditable:!1,"data-block":!0},l):null};const Ep=Number.MAX_SAFE_INTEGER;(0,u.createContext)();var Cp=function(e){let{previousClientId:t,nextClientId:n,children:o,__unstablePopoverSlot:r,__unstableContentRef:l,...i}=e;const[s,a]=(0,u.useReducer)((e=>(e+1)%Ep),0),{orientation:d,rootClientId:m,isVisible:f}=(0,g.useSelect)((e=>{var o;const{getBlockListSettings:r,getBlockRootClientId:l,isBlockVisible:i}=e(E_),s=l(null!=t?t:n);return{orientation:(null===(o=r(s))||void 0===o?void 0:o.orientation)||"vertical",rootClientId:s,isVisible:i(t)&&i(n)}}),[t,n]),v=Mr(t),b=Mr(n),_="vertical"===d,y=(0,u.useMemo)((()=>{if(s<0||!v&&!b||!f)return{};const e=v?v.getBoundingClientRect():null,t=b?b.getBoundingClientRect():null;if(_)return{width:e?e.width:t.width,height:t&&e?t.top-e.bottom:0};let n=0;return e&&t&&(n=(0,k.isRTL)()?e.left-t.right:t.left-e.right),{width:n,height:e?e.height:t.height}}),[v,b,_,s,f]),E=(0,u.useMemo)((()=>{if(s<0||!v&&!b||!f)return;const{ownerDocument:e}=v||b;return{ownerDocument:e,getBoundingClientRect(){const e=v?v.getBoundingClientRect():null,t=b?b.getBoundingClientRect():null;let n=0,o=0;return _?(o=e?e.bottom:t.top,n=(0,k.isRTL)()?e?e.right:t.right:e?e.left:t.left):(o=e?e.top:t.top,n=(0,k.isRTL)()?e?e.left:t.right:e?e.right:t.left),new window.DOMRect(n,o,0,0)}}}),[v,b,s,_,f]),C=xl(l);return(0,u.useLayoutEffect)((()=>{if(!v)return;const e=new window.MutationObserver(a);return e.observe(v,{attributes:!0}),()=>{e.disconnect()}}),[v]),(0,u.useLayoutEffect)((()=>{if(!b)return;const e=new window.MutationObserver(a);return e.observe(b,{attributes:!0}),()=>{e.disconnect()}}),[b]),(0,u.useLayoutEffect)((()=>{if(v)return v.ownerDocument.defaultView.addEventListener("resize",a),()=>{var e;null===(e=v.ownerDocument.defaultView)||void 0===e||e.removeEventListener("resize",a)}}),[v]),(v||b)&&f?(0,u.createElement)(h.Popover,c({ref:C,animate:!1,anchor:E,focusOnMount:!1,__unstableSlotName:r||null,key:n+"--"+m},i,{className:p()("block-editor-block-popover","block-editor-block-popover__inbetween",i.className),resize:!1,flip:!1,placement:"bottom-start",variant:"unstyled"}),(0,u.createElement)("div",{className:"block-editor-block-popover__inbetween-container",style:y},o)):null};const Sp={hide:{opacity:0,scaleY:.75},show:{opacity:1,scaleY:1},exit:{opacity:0,scaleY:.9}};var wp=function(e){let{__unstablePopoverSlot:t,__unstableContentRef:n}=e;const{clientId:o}=(0,g.useSelect)((e=>{const{getBlockOrder:t,getBlockInsertionPoint:n}=e(E_),o=n(),r=t(o.rootClientId);return r.length?{clientId:r[o.index]}:{}}),[]),r=(0,m.useReducedMotion)();return(0,u.createElement)(Ml,{clientId:o,__unstableCoverTarget:!0,__unstablePopoverSlot:t,__unstableContentRef:n,className:"block-editor-block-popover__drop-zone"},(0,u.createElement)(h.__unstableMotion.div,{"data-testid":"block-popover-drop-zone",initial:r?Sp.show:Sp.hide,animate:Sp.show,exit:r?Sp.show:Sp.exit,className:"block-editor-block-popover__drop-zone-foreground"}))};const Bp=(0,u.createContext)();function Ip(e){let{__unstablePopoverSlot:t,__unstableContentRef:n}=e;const{selectBlock:o,hideInsertionPoint:r}=(0,g.useDispatch)(E_),l=(0,u.useContext)(Bp),i=(0,u.useRef)(),{orientation:s,previousClientId:a,nextClientId:c,rootClientId:d,isInserterShown:f,isDistractionFree:v,isNavigationMode:b}=(0,g.useSelect)((e=>{var t;const{getBlockOrder:n,getBlockListSettings:o,getBlockInsertionPoint:r,isBlockBeingDragged:l,getPreviousBlockClientId:i,getNextBlockClientId:s,getSettings:a,isNavigationMode:c}=e(E_),u=r(),d=n(u.rootClientId);if(!d.length)return{};let p=d[u.index-1],m=d[u.index];for(;l(p);)p=i(p);for(;l(m);)m=s(m);const g=a();return{previousClientId:p,nextClientId:m,orientation:(null===(t=o(u.rootClientId))||void 0===t?void 0:t.orientation)||"vertical",rootClientId:u.rootClientId,isNavigationMode:c(),isDistractionFree:g.isDistractionFree,isInserterShown:null==u?void 0:u.__unstableWithInserter}}),[]),_=(0,m.useReducedMotion)();const k={start:{opacity:0,scale:0},rest:{opacity:1,scale:1,transition:{delay:f?.5:0,type:"tween"}},hover:{opacity:1,scale:1,transition:{delay:.5,type:"tween"}}},y={start:{scale:_?1:0},rest:{scale:1,transition:{delay:.4,type:"tween"}}};if(v&&!b)return null;const E=p()("block-editor-block-list__insertion-point","is-"+s);return(0,u.createElement)(Cp,{previousClientId:a,nextClientId:c,__unstablePopoverSlot:t,__unstableContentRef:n},(0,u.createElement)(h.__unstableMotion.div,{layout:!_,initial:_?"rest":"start",animate:"rest",whileHover:"hover",whileTap:"pressed",exit:"start",ref:i,tabIndex:-1,onClick:function(e){e.target===i.current&&c&&o(c,-1)},onFocus:function(e){e.target!==i.current&&(l.current=!0)},className:p()(E,{"is-with-inserter":f}),onHoverEnd:function(e){e.target!==i.current||l.current||r()}},(0,u.createElement)(h.__unstableMotion.div,{variants:k,className:"block-editor-block-list__insertion-point-indicator","data-testid":"block-list-insertion-point-indicator"}),f&&(0,u.createElement)(h.__unstableMotion.div,{variants:y,className:p()("block-editor-block-list__insertion-point-inserter")},(0,u.createElement)(eb,{position:"bottom center",clientId:c,rootClientId:d,__experimentalIsQuick:!0,onToggle:e=>{l.current=e},onSelectOrClose:()=>{l.current=!1}}))))}function xp(e){const{insertionPoint:t,isVisible:n}=(0,g.useSelect)((e=>{const{getBlockInsertionPoint:t,isBlockInsertionPointVisible:n}=e(E_);return{insertionPoint:t(),isVisible:n()}}),[]);return n?"replace"===t.operation?(0,u.createElement)(wp,c({key:`${t.rootClientId}-${t.index}`},e)):(0,u.createElement)(Ip,e):null}function Tp(){const e=(0,u.useContext)(Bp),t=(0,g.useSelect)((e=>e(E_).getSettings().isDistractionFree||"zoom-out"===e(E_).__unstableGetEditorMode()),[]),{getBlockListSettings:n,getBlockRootClientId:o,getBlockIndex:r,isBlockInsertionPointVisible:l,isMultiSelecting:i,getSelectedBlockClientIds:s,getTemplateLock:a,__unstableIsWithinBlockOverlay:c}=(0,g.useSelect)(E_),{showInsertionPoint:d,hideInsertionPoint:p}=(0,g.useDispatch)(E_);return(0,m.useRefEffect)((o=>{if(!t)return o.addEventListener("mousemove",l),()=>{o.removeEventListener("mousemove",l)};function l(t){var o;if(e.current)return;if(t.target.nodeType===t.target.TEXT_NODE)return;if(i())return;if(!t.target.classList.contains("block-editor-block-list__layout"))return void p();let l;if(!t.target.classList.contains("is-root-container")){l=(t.target.getAttribute("data-block")?t.target:t.target.closest("[data-block]")).getAttribute("data-block")}if(a(l))return;const u=(null===(o=n(l))||void 0===o?void 0:o.orientation)||"vertical",m=t.clientY,g=t.clientX;let f=Array.from(t.target.children).find((e=>{const t=e.getBoundingClientRect();return e.classList.contains("wp-block")&&"vertical"===u&&t.top>m||e.classList.contains("wp-block")&&"horizontal"===u&&t.left>g}));if(!f)return void p();if(!f.id&&(f=f.firstElementChild,!f))return void p();const h=f.id.slice("block-".length);if(!h||c(h))return;if(s().includes(h))return;const v=f.getBoundingClientRect();if("horizontal"===u&&(t.clientY>v.bottom||t.clientYv.right||t.clientX{setTimeout((()=>e(Date.now())),0)}:window.requestIdleCallback||window.requestAnimationFrame,Np="undefined"==typeof window?clearTimeout:window.cancelIdleCallback||window.cancelAnimationFrame;var Pp=window.wp.keyboardShortcuts;var Lp=(0,u.createElement)(G.SVG,{width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"}));function Rp(e){let{clientId:t,maximumLength:n,context:o}=e;return xi({clientId:t,maximumLength:n,context:o})}function Ap(e){let{count:t,icon:n,isPattern:o}=e;const r=o&&(0,k.__)("Pattern");return(0,u.createElement)("div",{className:"block-editor-block-draggable-chip-wrapper"},(0,u.createElement)("div",{className:"block-editor-block-draggable-chip","data-testid":"block-draggable-chip"},(0,u.createElement)(h.Flex,{justify:"center",className:"block-editor-block-draggable-chip__content"},(0,u.createElement)(h.FlexItem,null,n?(0,u.createElement)(Ai,{icon:n}):r||(0,k.sprintf)((0,k._n)("%d block","%d blocks",t),t)),(0,u.createElement)(h.FlexItem,null,(0,u.createElement)(Ai,{icon:Lp})))))}var Op=e=>{let{children:t,clientIds:n,cloneClassname:o,onDragStart:r,onDragEnd:l}=e;const{srcRootClientId:i,isDraggable:a,icon:c}=(0,g.useSelect)((e=>{var t;const{canMoveBlocks:o,getBlockRootClientId:r,getBlockName:l}=e(E_),i=r(n[0]),a=l(n[0]);return{srcRootClientId:i,isDraggable:o(n,i),icon:null===(t=(0,s.getBlockType)(a))||void 0===t?void 0:t.icon}}),[n]),d=(0,u.useRef)(!1),[p,m,f]=function(){const e=(0,u.useRef)(null),t=(0,u.useRef)(null),n=(0,u.useRef)(null),o=(0,u.useRef)(null);return(0,u.useEffect)((()=>()=>{o.current&&(clearInterval(o.current),o.current=null)}),[]),[(0,u.useCallback)((r=>{e.current=r.clientY,n.current=(0,Di.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,u.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{e.current=null,n.current=null,o.current&&(clearInterval(o.current),o.current=null)}]}(),{startDraggingBlocks:v,stopDraggingBlocks:b}=(0,g.useDispatch)(E_);if((0,u.useEffect)((()=>()=>{d.current&&b()}),[]),!a)return t({draggable:!1});const _={type:"block",srcClientIds:n,srcRootClientId:i};return(0,u.createElement)(h.Draggable,{cloneClassname:o,__experimentalTransferDataType:"wp-blocks",transferData:_,onDragStart:e=>{v(n),d.current=!0,p(e),r&&r()},onDragOver:m,onDragEnd:()=>{b(),d.current=!1,f(),l&&l()},__experimentalDragComponent:(0,u.createElement)(Ap,{count:n.length,icon:c})},(e=>{let{onDraggableStart:n,onDraggableEnd:o}=e;return t({draggable:!0,onDragStart:n,onDragEnd:o})}))};var Dp=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}));var zp=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"}));const Fp=(e,t)=>"up"===e?"horizontal"===t?(0,k.isRTL)()?"right":"left":"up":"down"===e?"horizontal"===t?(0,k.isRTL)()?"left":"right":"down":null;function Vp(e,t,n,o,r,l,i){const s=n+1;if(e>1)return function(e,t,n,o,r,l){const i=t+1;if(n&&o)return(0,k.__)("All blocks are selected, and cannot be moved");if(r>0&&!o){const t=Fp("down",l);if("down"===t)return(0,k.sprintf)((0,k.__)("Move %1$d blocks from position %2$d down by one place"),e,i);if("left"===t)return(0,k.sprintf)((0,k.__)("Move %1$d blocks from position %2$d left by one place"),e,i);if("right"===t)return(0,k.sprintf)((0,k.__)("Move %1$d blocks from position %2$d right by one place"),e,i)}if(r>0&&o){const e=Fp("down",l);if("down"===e)return(0,k.__)("Blocks cannot be moved down as they are already at the bottom");if("left"===e)return(0,k.__)("Blocks cannot be moved left as they are already are at the leftmost position");if("right"===e)return(0,k.__)("Blocks cannot be moved right as they are already are at the rightmost position")}if(r<0&&!n){const t=Fp("up",l);if("up"===t)return(0,k.sprintf)((0,k.__)("Move %1$d blocks from position %2$d up by one place"),e,i);if("left"===t)return(0,k.sprintf)((0,k.__)("Move %1$d blocks from position %2$d left by one place"),e,i);if("right"===t)return(0,k.sprintf)((0,k.__)("Move %1$d blocks from position %2$d right by one place"),e,i)}if(r<0&&n){const e=Fp("up",l);if("up"===e)return(0,k.__)("Blocks cannot be moved up as they are already at the top");if("left"===e)return(0,k.__)("Blocks cannot be moved left as they are already are at the leftmost position");if("right"===e)return(0,k.__)("Blocks cannot be moved right as they are already are at the rightmost position")}}(e,n,o,r,l,i);if(o&&r)return(0,k.sprintf)((0,k.__)("Block %s is the only block, and cannot be moved"),t);if(l>0&&!r){const e=Fp("down",i);if("down"===e)return(0,k.sprintf)((0,k.__)("Move %1$s block from position %2$d down to position %3$d"),t,s,s+1);if("left"===e)return(0,k.sprintf)((0,k.__)("Move %1$s block from position %2$d left to position %3$d"),t,s,s+1);if("right"===e)return(0,k.sprintf)((0,k.__)("Move %1$s block from position %2$d right to position %3$d"),t,s,s+1)}if(l>0&&r){const e=Fp("down",i);if("down"===e)return(0,k.sprintf)((0,k.__)("Block %1$s is at the end of the content and can’t be moved down"),t);if("left"===e)return(0,k.sprintf)((0,k.__)("Block %1$s is at the end of the content and can’t be moved left"),t);if("right"===e)return(0,k.sprintf)((0,k.__)("Block %1$s is at the end of the content and can’t be moved right"),t)}if(l<0&&!o){const e=Fp("up",i);if("up"===e)return(0,k.sprintf)((0,k.__)("Move %1$s block from position %2$d up to position %3$d"),t,s,s-1);if("left"===e)return(0,k.sprintf)((0,k.__)("Move %1$s block from position %2$d left to position %3$d"),t,s,s-1);if("right"===e)return(0,k.sprintf)((0,k.__)("Move %1$s block from position %2$d right to position %3$d"),t,s,s-1)}if(l<0&&o){const e=Fp("up",i);if("up"===e)return(0,k.sprintf)((0,k.__)("Block %1$s is at the beginning of the content and can’t be moved up"),t);if("left"===e)return(0,k.sprintf)((0,k.__)("Block %1$s is at the beginning of the content and can’t be moved left"),t);if("right"===e)return(0,k.sprintf)((0,k.__)("Block %1$s is at the beginning of the content and can’t be moved right"),t)}}const Hp=(e,t)=>"up"===e?"horizontal"===t?(0,k.isRTL)()?Pi:Li:Dp:"down"===e?"horizontal"===t?(0,k.isRTL)()?Li:Pi:zp:null,Gp=(e,t)=>"up"===e?"horizontal"===t?(0,k.isRTL)()?(0,k.__)("Move right"):(0,k.__)("Move left"):(0,k.__)("Move up"):"down"===e?"horizontal"===t?(0,k.isRTL)()?(0,k.__)("Move left"):(0,k.__)("Move right"):(0,k.__)("Move down"):null,Up=(0,u.forwardRef)(((e,t)=>{let{clientIds:n,direction:o,orientation:r,...l}=e;const i=(0,m.useInstanceId)(Up),a=Array.isArray(n)?n:[n],d=a.length,{blockType:f,isDisabled:v,rootClientId:b,isFirst:_,isLast:k,firstIndex:y,orientation:E="vertical"}=(0,g.useSelect)((e=>{const{getBlockIndex:t,getBlockRootClientId:n,getBlockOrder:l,getBlock:i,getBlockListSettings:c}=e(E_),u=a[0],d=n(u),p=t(u),m=t(a[a.length-1]),g=l(d),f=i(u),h=0===p,v=m===g.length-1,{orientation:b}=c(d)||{};return{blockType:f?(0,s.getBlockType)(f.name):null,isDisabled:"up"===o?h:v,rootClientId:d,firstIndex:p,isFirst:h,isLast:v,orientation:r||b}}),[n,o]),{moveBlocksDown:C,moveBlocksUp:S}=(0,g.useDispatch)(E_),w="up"===o?S:C,B=`block-editor-block-mover-button__description-${i}`;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.Button,c({ref:t,className:p()("block-editor-block-mover-button",`is-${o}-button`),icon:Hp(o,E),label:Gp(o,E),"aria-describedby":B},l,{onClick:v?null:e=>{w(n,b),l.onClick&&l.onClick(e)},disabled:v,__experimentalIsFocusable:!0})),(0,u.createElement)(h.VisuallyHidden,{id:B},Vp(d,f&&f.title,y,_,k,"up"===o?-1:1,E)))})),$p=(0,u.forwardRef)(((e,t)=>(0,u.createElement)(Up,c({direction:"up",ref:t},e)))),jp=(0,u.forwardRef)(((e,t)=>(0,u.createElement)(Up,c({direction:"down",ref:t},e))));var Wp=function(e){let{clientIds:t,hideDragHandle:n}=e;const{canMove:o,rootClientId:r,isFirst:l,isLast:i,orientation:s}=(0,g.useSelect)((e=>{var n;const{getBlockIndex:o,getBlockListSettings:r,canMoveBlocks:l,getBlockOrder:i,getBlockRootClientId:s}=e(E_),a=Array.isArray(t)?t:[t],c=a[0],u=s(c),d=o(c),p=o(a[a.length-1]),m=i(u);return{canMove:l(t,u),rootClientId:u,isFirst:0===d,isLast:p===m.length-1,orientation:null===(n=r(u))||void 0===n?void 0:n.orientation}}),[t]);if(!o||l&&i&&!r)return null;const a=(0,k.__)("Drag");return(0,u.createElement)(h.ToolbarGroup,{className:p()("block-editor-block-mover",{"is-horizontal":"horizontal"===s})},!n&&(0,u.createElement)(Op,{clientIds:t},(e=>(0,u.createElement)(h.Button,c({icon:Lp,className:"block-editor-block-mover__drag-handle","aria-hidden":"true",label:a,tabIndex:"-1"},e)))),(0,u.createElement)("div",{className:"block-editor-block-mover__move-button-container"},(0,u.createElement)(h.ToolbarItem,null,(e=>(0,u.createElement)($p,c({clientIds:t},e)))),(0,u.createElement)(h.ToolbarItem,null,(e=>(0,u.createElement)(jp,c({clientIds:t},e))))))};var Kp=function(e){let{clientId:t,rootClientId:n}=e;const o=Ii(t),r=(0,g.useSelect)((e=>{var o;const{getBlock:r,getBlockIndex:l,hasBlockMovingClientId:i,getBlockListSettings:s,__unstableGetEditorMode:a}=e(E_),c=l(t),{name:u,attributes:d}=r(t);return{index:c,name:u,attributes:d,blockMovingMode:i(),orientation:null===(o=s(n))||void 0===o?void 0:o.orientation,editorMode:a()}}),[t,n]),{index:l,name:i,attributes:a,blockMovingMode:d,orientation:m,editorMode:f}=r,{setNavigationMode:v,removeBlock:b}=(0,g.useDispatch)(E_),_=(0,u.useRef)(),y=(0,s.getBlockType)(i),E=(0,s.__experimentalGetAccessibleBlockLabel)(y,a,l+1,m);(0,u.useEffect)((()=>{_.current.focus(),(0,pn.speak)(E)}),[E]);const C=Mr(t),{hasBlockMovingClientId:S,getBlockIndex:w,getBlockRootClientId:B,getClientIdsOfDescendants:I,getSelectedBlockClientId:x,getMultiSelectedBlocksEndClientId:T,getPreviousBlockClientId:M,getNextBlockClientId:N}=(0,g.useSelect)(E_),{selectBlock:P,clearSelectedBlock:L,setBlockMovingClientId:R,moveBlockToPosition:A}=(0,g.useDispatch)(E_),O=p()("block-editor-block-list__block-selection-button",{"is-block-moving-mode":!!d}),D=(0,k.__)("Drag");return(0,u.createElement)("div",{className:O},(0,u.createElement)(h.Flex,{justify:"center",className:"block-editor-block-list__block-selection-button__content"},(0,u.createElement)(h.FlexItem,null,(0,u.createElement)(Ai,{icon:null==o?void 0:o.icon,showColors:!0})),(0,u.createElement)(h.FlexItem,null,"zoom-out"===f&&(0,u.createElement)(Wp,{clientIds:[t],hideDragHandle:!0}),"navigation"===f&&(0,u.createElement)(Op,{clientIds:[t]},(e=>(0,u.createElement)(h.Button,c({icon:Lp,className:"block-selection-button_drag-handle","aria-hidden":"true",label:D,tabIndex:"-1"},e))))),(0,u.createElement)(h.FlexItem,null,(0,u.createElement)(h.Button,{ref:_,onClick:"navigation"===f?()=>v(!1):void 0,onKeyDown:function(e){const{keyCode:n}=e,o=n===md.UP,r=n===md.DOWN,l=n===md.LEFT,i=n===md.RIGHT,s=n===md.TAB,a=n===md.ESCAPE,c=n===md.ENTER,u=n===md.SPACE,d=e.shiftKey;if(n===md.BACKSPACE||n===md.DELETE)return b(t),void e.preventDefault();const p=x(),m=T(),g=M(m||p),f=N(m||p),h=s&&d||o,v=s&&!d||r,_=l,k=i;let y;if(h)y=g;else if(v)y=f;else if(_){var E;y=null!==(E=B(p))&&void 0!==E?E:p}else if(k){var O;y=null!==(O=I([p])[0])&&void 0!==O?O:p}const D=S();if(a&&D&&!e.defaultPrevented&&(R(null),e.preventDefault()),(c||u)&&D){const e=B(D),t=B(p),n=w(D);let o=w(p);n{!function(e){const[t]=Di.focus.tabbable.find(e);t&&t.focus({preventScroll:!0})}(e.current)}),[]);(0,Pp.useShortcut)("core/block-editor/focus-toolbar",s),(0,u.useEffect)((()=>{l&&s()}),[n,l,s]),(0,u.useEffect)((()=>{let t=0;return i&&!l&&(t=window.requestAnimationFrame((()=>{const t=qp(e.current),n=i||0;var o;t[n]&&(o=e.current).contains(o.ownerDocument.activeElement)&&t[n].focus({preventScroll:!0})}))),()=>{if(window.cancelAnimationFrame(t),!r||!e.current)return;const n=qp(e.current).findIndex((e=>0===e.tabIndex));r(n)}}),[i,l])}var Zp=function(e){let{children:t,focusOnMount:n,__experimentalInitialIndex:o,__experimentalOnIndexChange:r,...l}=e;const i=(0,u.useRef)(),s=function(e){const[t,n]=(0,u.useState)(!0),o=(0,u.useCallback)((()=>{const t=!Di.focus.tabbable.find(e.current).some((e=>!("toolbarItem"in e.dataset)));t||W()("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,u.useLayoutEffect)((()=>{const t=new window.MutationObserver(o);return t.observe(e.current,{childList:!0,subtree:!0}),()=>t.disconnect()}),[t]),t}(i);return Yp(i,n,s,o,r),s?(0,u.createElement)(h.Toolbar,c({label:l["aria-label"],ref:i},l),t):(0,u.createElement)(h.NavigableMenu,c({orientation:"horizontal",role:"toolbar",ref:i},l),t)};const{clearTimeout:Qp,setTimeout:Xp}=window,Jp=()=>{},em=200;function tm(e){let{ref:t,isFocused:n,debounceTimeout:o=em,onChange:r=Jp}=e;const[l,i]=(0,u.useState)(!1),s=(0,u.useRef)(),a=e=>{null!=t&&t.current&&i(e),r(e)},c=()=>{const e=(null==t?void 0:t.current)&&t.current.matches(":hover");return!n&&!e},d=()=>{const e=s.current;e&&Qp&&Qp(e)};return(0,u.useEffect)((()=>()=>{a(!1),d()}),[]),{showMovers:l,debouncedShowMovers:e=>{e&&e.stopPropagation(),d(),l||a(!0)},debouncedHideMovers:e=>{e&&e.stopPropagation(),d(),s.current=Xp((()=>{c()&&a(!1)}),o)}}}function nm(e){let{ref:t,debounceTimeout:n=em,onChange:o=Jp}=e;const[r,l]=(0,u.useState)(!1),{showMovers:i,debouncedShowMovers:s,debouncedHideMovers:a}=tm({ref:t,debounceTimeout:n,isFocused:r,onChange:o}),c=(0,u.useRef)(!1),d=()=>(null==t?void 0:t.current)&&t.current.contains(t.current.ownerDocument.activeElement);return(0,u.useEffect)((()=>{const e=t.current,n=()=>{d()&&(l(!0),s())},o=()=>{d()||(l(!1),a())};return e&&!c.current&&(e.addEventListener("focus",n,!0),e.addEventListener("blur",o,!0),c.current=!0),()=>{e&&(e.removeEventListener("focus",n),e.removeEventListener("blur",o))}}),[t,c,l,s,a]),{showMovers:i,gestures:{onMouseMove:s,onMouseLeave:a}}}function om(){const{selectBlock:e,toggleBlockHighlight:t}=(0,g.useDispatch)(E_),{firstParentClientId:n,shouldHide:o,isDistractionFree:r}=(0,g.useSelect)((e=>{const{getBlockName:t,getBlockParents:n,getSelectedBlockClientId:o,getSettings:r}=e(E_),{hasBlockSupport:l}=e(s.store),i=n(o()),a=i[i.length-1],c=t(a),u=(0,s.getBlockType)(c),d=r();return{firstParentClientId:a,shouldHide:!l(u,"__experimentalParentSelector",!0),isDistractionFree:d.isDistractionFree}}),[]),l=Ii(n),i=(0,u.useRef)(),{gestures:a}=nm({ref:i,onChange(e){e&&r||t(n,e)}});return o||void 0===n?null:(0,u.createElement)("div",c({className:"block-editor-block-parent-selector",key:n,ref:i},a),(0,u.createElement)(h.ToolbarButton,{className:"block-editor-block-parent-selector__button",onClick:()=>e(n),label:(0,k.sprintf)((0,k.__)("Select %s"),null==l?void 0:l.title),showTooltip:!0,icon:(0,u.createElement)(Ai,{icon:null==l?void 0:l.icon})}))}var rm=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 lm(e){let{blocks:t}=e;return(0,u.createElement)("div",{className:"block-editor-block-switcher__popover__preview__parent"},(0,u.createElement)("div",{className:"block-editor-block-switcher__popover__preview__container"},(0,u.createElement)(h.Popover,{className:"block-editor-block-switcher__preview__popover",placement:"bottom-start",focusOnMount:!1},(0,u.createElement)("div",{className:"block-editor-block-switcher__preview"},(0,u.createElement)("div",{className:"block-editor-block-switcher__preview-title"},(0,k.__)("Preview")),(0,u.createElement)(yh,{viewportWidth:500,blocks:t})))))}function im(e){let{restTransformations:t,onSelect:n,setHoveredTransformItemName:o}=e;return t.map((e=>(0,u.createElement)(sm,{key:e.name,item:e,onSelect:n,setHoveredTransformItemName:o})))}function sm(e){let{item:t,onSelect:n,setHoveredTransformItemName:o}=e;const{name:r,icon:l,title:i,isDisabled:a}=t;return(0,u.createElement)(h.MenuItem,{className:(0,s.getBlockMenuDefaultClassName)(r),onClick:e=>{e.preventDefault(),n(r)},disabled:a,onMouseLeave:()=>o(null),onMouseEnter:()=>o(r)},(0,u.createElement)(Ai,{icon:l,showColors:!0}),i)}var am=e=>{let{className:t,possibleBlockTransformations:n,onSelect:o,blocks:r}=e;const[l,i]=(0,u.useState)(),{priorityTextTransformations:a,restTransformations:c}=function(e){const t={"core/paragraph":1,"core/heading":2,"core/list":3,"core/quote":4},n=(0,u.useMemo)((()=>{const n=Object.keys(t);return e.reduce(((e,t)=>{const{name:o}=t;return n.includes(o)?e.priorityTextTransformations.push(t):e.restTransformations.push(t),e}),{priorityTextTransformations:[],restTransformations:[]})}),[e]);return n.priorityTextTransformations.sort(((e,n)=>{let{name:o}=e,{name:r}=n;return t[o](0,u.createElement)(sm,{key:e.name,item:e,onSelect:o,setHoveredTransformItemName:i}))),!d&&p),!!d&&(0,u.createElement)(h.MenuGroup,{className:t},p))};var cm=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})),um=window.wp.tokenList,dm=n.n(um);function pm(e,t,n){const o=new(dm())(e);return t&&o.remove("is-style-"+t.name),o.add("is-style-"+n.name),o.value}function mm(e){return null==e?void 0:e.find((e=>e.isDefault))}function gm(e){let{clientId:t,onSwitch:n}=e;const{styles:o,block:r,blockType:l,className:i}=(0,g.useSelect)((e=>{const{getBlock:n}=e(E_),o=n(t);if(!o)return{};const r=(0,s.getBlockType)(o.name),{getBlockStyles:l}=e(s.store);return{block:o,blockType:r,styles:l(o.name),className:o.attributes.className||""}}),[t]),{updateBlockAttributes:a}=(0,g.useDispatch)(E_),c=function(e){return e&&0!==e.length?mm(e)?e:[{name:"default",label:(0,k._x)("Default","block style"),isDefault:!0},...e]:[]}(o),d=function(e,t){for(const n of new(dm())(t).values()){if(-1===n.indexOf("is-style-"))continue;const t=n.substring(9),o=null==e?void 0:e.find((e=>{let{name:n}=e;return n===t}));if(o)return o}return mm(e)}(c,i),p=function(e,t){return(0,u.useMemo)((()=>{const n=null==t?void 0:t.example,o=null==t?void 0:t.name;return n&&o?(0,s.getBlockFromExample)(o,{attributes:n.attributes,innerBlocks:n.innerBlocks}):e?(0,s.cloneBlock)(e):void 0}),[null!=t&&t.example?null==e?void 0:e.name:e,t])}(r,l);return{onSelect:e=>{const o=pm(i,d,e);a(t,{className:o}),n()},stylesToRender:c,activeStyle:d,genericPreviewBlock:p,className:i}}const fm=()=>{};function hm(e){let{clientId:t,onSwitch:n=fm}=e;const{onSelect:o,stylesToRender:r,activeStyle:l}=gm({clientId:t,onSwitch:n});return r&&0!==r.length?(0,u.createElement)(u.Fragment,null,r.map((e=>{const t=e.label||e.name;return(0,u.createElement)(h.MenuItem,{key:e.name,icon:l.name===e.name?cm:null,onClick:()=>o(e)},(0,u.createElement)(h.__experimentalText,{as:"span",limit:18,ellipsizeMode:"tail",truncate:!0},t))}))):null}function vm(e){let{hoveredBlock:t,onSwitch:n}=e;const{clientId:o}=t;return(0,u.createElement)(h.MenuGroup,{label:(0,k.__)("Styles"),className:"block-editor-block-switcher__styles__menugroup"},(0,u.createElement)(hm,{clientId:o,onSwitch:n}))}const bm=function(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]: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=bm(e,t,n);if(o)return o}}},_m=(e,t)=>{const n=((e,t)=>{const n=(0,s.__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}};var km=(e,t)=>(0,u.useMemo)((()=>e.reduce(((e,n)=>{const o=((e,t)=>{const n=t.map((e=>(0,s.cloneBlock)(e))),o=new Set;for(const t of e){let e=!1;for(const r of n){const n=bm(r,t.name,o);if(n){e=!0,o.add(n.clientId),_m(n,t);break}}if(!e)return}return n})(t,n.blocks);return o&&e.push({...n,transformedBlocks:o}),e}),[])),[e,t]);function ym(e){let{patterns:t,onSelect:n}=e;return(0,u.createElement)("div",{className:"block-editor-block-switcher__popover__preview__parent"},(0,u.createElement)("div",{className:"block-editor-block-switcher__popover__preview__container"},(0,u.createElement)(h.Popover,{className:"block-editor-block-switcher__preview__popover",position:"bottom right"},(0,u.createElement)("div",{className:"block-editor-block-switcher__preview"},(0,u.createElement)("div",{className:"block-editor-block-switcher__preview-title"},(0,k.__)("Preview")),(0,u.createElement)(Em,{patterns:t,onSelect:n})))))}function Em(e){let{patterns:t,onSelect:n}=e;const o=(0,h.__unstableUseCompositeState)();return(0,u.createElement)(h.__unstableComposite,c({},o,{role:"listbox",className:"block-editor-block-switcher__preview-patterns-container","aria-label":(0,k.__)("Patterns list")}),t.map((e=>(0,u.createElement)(Cm,{key:e.name,pattern:e,onSelect:n,composite:o}))))}function Cm(e){let{pattern:t,onSelect:n,composite:o}=e;const r="block-editor-block-switcher__preview-patterns-container",l=(0,m.useInstanceId)(Cm,`${r}-list__item-description`);return(0,u.createElement)("div",{className:`${r}-list__list-item`,"aria-label":t.title,"aria-describedby":t.description?l:void 0},(0,u.createElement)(h.__unstableCompositeItem,c({role:"option",as:"div"},o,{className:`${r}-list__item`,onClick:()=>n(t.transformedBlocks)}),(0,u.createElement)(yh,{blocks:t.transformedBlocks,viewportWidth:t.viewportWidth||500}),(0,u.createElement)("div",{className:`${r}-list__item-title`},t.title)),!!t.description&&(0,u.createElement)(h.VisuallyHidden,{id:l},t.description))}var Sm=function(e){let{blocks:t,patterns:n,onSelect:o}=e;const[r,l]=(0,u.useState)(!1),i=km(n,t);return i.length?(0,u.createElement)(h.MenuGroup,{className:"block-editor-block-switcher__pattern__transforms__menugroup"},r&&(0,u.createElement)(ym,{patterns:i,onSelect:o}),(0,u.createElement)(h.MenuItem,{onClick:e=>{e.preventDefault(),l(!r)},icon:Pi},(0,k.__)("Patterns"))):null};const wm=e=>{let{clientIds:t,blocks:n}=e;const{replaceBlocks:o,multiSelect:r}=(0,g.useDispatch)(E_),l=Ii(n[0].clientId),{possibleBlockTransformations:i,canRemove:a,hasBlockStyles:c,icon:d,patterns:p}=(0,g.useSelect)((e=>{const{getBlockRootClientId:o,getBlockTransformItems:r,__experimentalGetPatternTransformItems:i}=e(E_),{getBlockStyles:a,getBlockType:c}=e(s.store),{canRemoveBlocks:u}=e(E_),d=o(Array.isArray(t)?t[0]:t),[{name:p}]=n,m=1===n.length,g=m&&a(p);let f;if(m)f=null==l?void 0:l.icon;else{var h;f=1===new Set(n.map((e=>{let{name:t}=e;return t}))).size?null===(h=c(p))||void 0===h?void 0:h.icon:rm}return{possibleBlockTransformations:r(n,d),canRemove:u(t,d),hasBlockStyles:!(null==g||!g.length),icon:f,patterns:i(n,d)}}),[t,n,null==l?void 0:l.icon]),m=xi({clientId:Array.isArray(t)?t[0]:t,maximumLength:35}),f=1===n.length&&(0,s.isReusableBlock)(n[0]),v=1===n.length&&(0,s.isTemplatePart)(n[0]);function b(e){e.length>1&&r(e[0].clientId,e[e.length-1].clientId)}const _=!!i.length&&a&&!v,y=!(null==p||!p.length)&&a;if(!c&&!_)return(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(h.ToolbarButton,{disabled:!0,className:"block-editor-block-switcher__no-switcher-icon",title:m,icon:(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Ai,{icon:d,showColors:!0}),(f||v)&&(0,u.createElement)("span",{className:"block-editor-block-switcher__toggle-text"},m))}));const E=m,C=1===n.length?(0,k.sprintf)((0,k.__)("%s: Change block type or style"),m):(0,k.sprintf)((0,k._n)("Change type of %d block","Change type of %d blocks",n.length),n.length),S=c||_||y;return(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(h.ToolbarItem,null,(e=>(0,u.createElement)(h.DropdownMenu,{className:"block-editor-block-switcher",label:E,popoverProps:{position:"bottom right",variant:"toolbar",className:"block-editor-block-switcher__popover"},icon:(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Ai,{icon:d,className:"block-editor-block-switcher__toggle",showColors:!0}),(f||v)&&(0,u.createElement)("span",{className:"block-editor-block-switcher__toggle-text"},m)),toggleProps:{describedBy:C,...e},menuProps:{orientation:"both"}},(e=>{let{onClose:r}=e;return S&&(0,u.createElement)("div",{className:"block-editor-block-switcher__container"},y&&(0,u.createElement)(Sm,{blocks:n,patterns:p,onSelect:e=>{!function(e){o(t,e),b(e)}(e),r()}}),_&&(0,u.createElement)(am,{className:"block-editor-block-switcher__transforms__menugroup",possibleBlockTransformations:i,blocks:n,onSelect:e=>{!function(e){const r=(0,s.switchToBlockType)(n,e);o(t,r),b(r)}(e),r()}}),c&&(0,u.createElement)(vm,{hoveredBlock:n[0],onSwitch:r}))})))))};var Bm=e=>{let{clientIds:t}=e;const n=(0,g.useSelect)((e=>e(E_).getBlocksByClientId(t)),[t]);return!n.length||n.some((e=>!e))?null:(0,u.createElement)(wm,{clientIds:t,blocks:n})};const{Fill:Im,Slot:xm}=(0,h.createSlotFill)("__unstableBlockToolbarLastItem");Im.Slot=xm;var Tm=Im;var Mm=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"})),Nm=window.wp.notices;function Pm(e,t){if(t&&1===(null==e?void 0:e.length)&&0===e[0].type.indexOf("image/")){var n;const e=/<\s*img\b/gi;if(1!==(null===(n=t.match(e))||void 0===n?void 0:n.length))return!0;const o=/<\s*img\b[^>]*\bsrc="file:\/\//i;if(t.match(o))return!0}return!1}function Lm(){const{getBlockName:e}=(0,g.useSelect)(E_),{getBlockType:t}=(0,g.useSelect)(s.store),{createSuccessNotice:n}=(0,g.useDispatch)(Nm.store);return(0,u.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,k.sprintf)((0,k.__)('Copied "%s" to clipboard.'),s):(0,k.sprintf)((0,k.__)('Moved "%s" to clipboard.'),s)}else l="copy"===o?(0,k.sprintf)((0,k._n)("Copied %d block to clipboard.","Copied %d blocks to clipboard.",r.length),r.length):(0,k.sprintf)((0,k._n)("Moved %d block to clipboard.","Moved %d blocks to clipboard.",r.length),r.length);n(l,{type:"snackbar"})}),[])}function Rm(){const{getBlocksByClientId:e,getSelectedBlockClientIds:t,hasMultiSelection:n,getSettings:o,__unstableIsFullySelected:r,__unstableIsSelectionCollapsed:l,__unstableIsSelectionMergeable:i,__unstableGetSelectedBlocksWithPartialSelection:a,canInsertBlockType:c}=(0,g.useSelect)(E_),{flashBlock:u,removeBlocks:d,replaceBlocks:p,__unstableDeleteSelection:f,__unstableExpandSelection:h,insertBlocks:v}=(0,g.useDispatch)(E_),b=Lm();return(0,m.useRefEffect)((m=>{function g(g){const _=t();if(0===_.length)return;if(!n()){const{target:e}=g,{ownerDocument:t}=e;if("copy"===g.type||"cut"===g.type?(0,Di.documentHasUncollapsedSelection)(t):(0,Di.documentHasSelection)(t))return}if(!m.contains(g.target.ownerDocument.activeElement))return;const k=g.defaultPrevented;g.preventDefault();const y=i(),E=l()||r(),C=!E&&!y;if("copy"===g.type||"cut"===g.type)if(1===_.length&&u(_[0]),C)h();else{let t;if(b(g.type,_),E)t=e(_);else{const[n,o]=a();t=[n,...e(_.slice(1,_.length-1)),o]}const n=g.clipboardData.getData("__unstableWrapperBlockName");n&&(t=(0,s.createBlock)(n,JSON.parse(g.clipboardData.getData("__unstableWrapperBlockAttributes")),t));const o=(0,s.serialize)(t);g.clipboardData.setData("text/plain",function(e){e=e.replace(/
    /g,"\n");return(0,Di.__unstableStripHTML)(e).trim().replace(/\n\n+/g,"\n\n")}(o)),g.clipboardData.setData("text/html",o)}if("cut"===g.type)E&&!C?d(_):f();else if("paste"===g.type){if(k)return;const{__experimentalCanUserUseUnfilteredHTML:e}=o(),{plainText:t,html:n,files:r}=function(e){let{clipboardData:t}=e,n="",o="";try{n=t.getData("text/plain"),o=t.getData("text/html")}catch(e){try{o=t.getData("Text")}catch(e){return}}const r=(0,Di.getFilesFromDataTransfer)(t);return r.length&&!Pm(r,o)?{files:r}:{html:o,plainText:n,files:[]}}(g);let l=[];if(r.length){const e=(0,s.getBlockTransforms)("from");l=r.reduce(((t,n)=>{const o=(0,s.findTransform)(e,(e=>"files"===e.type&&e.isMatch([n])));return o&&t.push(o.transform([n])),t}),[]).flat()}else l=(0,s.pasteHandler)({HTML:n,plainText:t,mode:"BLOCKS",canUserUseUnfilteredHTML:e});if(1===_.length){const[e]=_;if(l.every((t=>c(t.name,e))))return void v(l,void 0,e)}p(_,l,l.length-1,-1)}}return m.ownerDocument.addEventListener("copy",g),m.ownerDocument.addEventListener("cut",g),m.ownerDocument.addEventListener("paste",g),()=>{m.ownerDocument.removeEventListener("copy",g),m.ownerDocument.removeEventListener("cut",g),m.ownerDocument.removeEventListener("paste",g)}}),[])}var Am=function(e){let{children:t}=e;return(0,u.createElement)("div",{ref:Rm()},t)};const Om="align",Dm="__experimentalBorder",zm="color",Fm="customClassName",Vm="typography.__experimentalFontFamily",Hm="typography.fontSize",Gm="__experimentalLayout",Um=[...["typography.lineHeight",Hm,"typography.__experimentalFontStyle","typography.__experimentalFontWeight",Vm,"typography.__experimentalTextDecoration","typography.__experimentalTextTransform","typography.__experimentalLetterSpacing"],Dm,zm,"spacing"];const $m={align:e=>(0,s.hasBlockSupport)(e,Om),borderColor:e=>function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"any";if("web"!==u.Platform.OS)return!1;const n=(0,s.getBlockSupport)(e,Dm);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]))}(e,"color"),backgroundColor:e=>{const t=(0,s.getBlockSupport)(e,zm);return t&&!1!==t.background},textColor:e=>{const t=(0,s.getBlockSupport)(e,zm);return t&&!1!==t.text},gradient:e=>{const t=(0,s.getBlockSupport)(e,zm);return null!==t&&"object"==typeof t&&!!t.gradients},className:e=>(0,s.hasBlockSupport)(e,Fm,!0),fontFamily:e=>(0,s.hasBlockSupport)(e,Vm),fontSize:e=>(0,s.hasBlockSupport)(e,Hm),layout:e=>(0,s.hasBlockSupport)(e,Gm),style:e=>Um.some((t=>(0,s.hasBlockSupport)(e,t)))};function jm(e,t){return Object.entries($m).reduce(((n,o)=>{let[r,l]=o;return l(e.name)&&l(t.name)&&(n[r]=e.attributes[r]),n}),{})}function Wm(e,t,n){for(let o=0;o{let i="";try{if(!window.navigator.clipboard)return void r((0,k.__)("Unable to paste styles. This feature is only available on secure (https) sites in supporting browsers."),{type:"snackbar"});i=await window.navigator.clipboard.readText()}catch(e){return void r((0,k.__)("Unable to paste styles. Please allow browser clipboard permissions before continuing."),{type:"snackbar"})}if(!i||!function(e){try{const t=(0,s.parse)(e,{__unstableSkipMigrationLogs:!0,__unstableSkipAutop:!0});return 1!==t.length||"core/freeform"!==t[0].name}catch(e){return!1}}(i))return void o((0,k.__)("Unable to paste styles. Block styles couldn't be found within the copied content."),{type:"snackbar"});const a=(0,s.parse)(i);if(1===a.length?e.batch((()=>{Wm(l,l.map((()=>a[0])),t)})):e.batch((()=>{Wm(l,a,t)})),1===l.length){var c;const e=null===(c=(0,s.getBlockType)(l[0].name))||void 0===c?void 0:c.title;n((0,k.sprintf)((0,k.__)("Pasted styles to %s."),e),{type:"snackbar"})}else n((0,k.sprintf)((0,k.__)("Pasted styles to %d blocks."),l.length),{type:"snackbar"})}),[e.batch,t,n,o,r])}function qm(e){let{clientIds:t,children:n,__experimentalUpdateSelection:o}=e;const{canInsertBlockType:r,getBlockRootClientId:l,getBlocksByClientId:i,canMoveBlocks:a,canRemoveBlocks:c}=(0,g.useSelect)(E_),{getDefaultBlockName:u,getGroupingBlockName:d}=(0,g.useSelect)(s.store),p=i(t),m=l(t[0]),f=p.every((e=>!!e&&(0,s.hasBlockSupport)(e.name,"multiple",!0)&&r(e.name,m))),h=r(u(),m),v=a(t,m),b=c(t,m),{removeBlocks:_,replaceBlocks:k,duplicateBlocks:y,insertAfterBlock:E,insertBeforeBlock:C,flashBlock:S,setBlockMovingClientId:w,setNavigationMode:B,selectBlock:I,clearSelectedBlock:x,multiSelect:T}=(0,g.useDispatch)(E_),M=Lm(),N=Km();return n({canDuplicate:f,canInsertDefaultBlock:h,canMove:v,canRemove:b,rootClientId:m,blocks:p,onDuplicate(){return y(t,o)},onRemove(){return _(t,o)},onInsertBefore(){const e=Array.isArray(t)?t[0]:e;C(e)},onInsertAfter(){const e=Array.isArray(t)?t[t.length-1]:e;E(e)},onMoveTo(){B(!0),I(t[0]),w(t[0])},onGroup(){if(!p.length)return;const e=d(),n=(0,s.switchToBlockType)(p,e);n&&k(t,n)},onUngroup(){if(!p.length)return;const e=p[0].innerBlocks;e.length&&k(t,e)},onCopy(){const e=p.map((e=>{let{clientId:t}=e;return t}));1===p.length&&S(e[0]),M("copy",e)},async onPasteStyles(){await N(p),x(),T(p[0].clientId,p[p.length-1].clientId)}})}const Ym=()=>{};var Zm=(0,m.compose)([(0,g.withSelect)(((e,t)=>{let{clientId:n}=t;const{getBlock:o,getBlockMode:r,getSettings:l}=e(E_),i=o(n),a=l().codeEditingEnabled;return{mode:r(n),blockType:i?(0,s.getBlockType)(i.name):null,isCodeEditingEnabled:a}})),(0,g.withDispatch)(((e,t)=>{let{onToggle:n=Ym,clientId:o}=t;return{onToggleMode(){e(E_).toggleBlockMode(o),n()}}}))])((function(e){let{blockType:t,mode:n,onToggleMode:o,small:r=!1,isCodeEditingEnabled:l=!0}=e;if(!t||!(0,s.hasBlockSupport)(t,"html",!0)||!l)return null;const i="visual"===n?(0,k.__)("Edit as HTML"):(0,k.__)("Edit visually");return(0,u.createElement)(h.MenuItem,{onClick:o},!r&&i)}));var Qm=(0,m.compose)((0,g.withSelect)(((e,t)=>{let{clientId:n}=t;const o=e(E_).getBlock(n);return{block:o,shouldRender:o&&"core/html"===o.name}})),(0,g.withDispatch)(((e,t)=>{let{block:n}=t;return{onClick:()=>e(E_).replaceBlocks(n.clientId,(0,s.rawHandler)({HTML:(0,s.getBlockContent)(n)}))}})))((function(e){let{shouldRender:t,onClick:n,small:o}=e;if(!t)return null;const r=(0,k.__)("Convert to Blocks");return(0,u.createElement)(h.MenuItem,{onClick:n},!o&&r)}));const{Fill:Xm,Slot:Jm}=(0,h.createSlotFill)("__unstableBlockSettingsMenuFirstItem");Xm.Slot=Jm;var eg=Xm;function tg(){const{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:r}=(0,g.useSelect)((e=>{var t;const{getBlockRootClientId:n,getBlocksByClientId:o,canInsertBlockType:r,getSelectedBlockClientIds:l}=e(E_),{getGroupingBlockName:i}=e(s.store),a=l(),c=i(),u=r(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,isUngroupable:p&&!!d[0].innerBlocks.length,blocksSelection:d,groupingBlockName:c}}),[]);return{clientIds:e,isGroupable:t,isUngroupable:n,blocksSelection:o,groupingBlockName:r}}function ng(e){let{clientIds:t,isGroupable:n,isUngroupable:o,blocksSelection:r,groupingBlockName:l,onClose:i=(()=>{})}=e;const{replaceBlocks:a}=(0,g.useDispatch)(E_);return n||o?(0,u.createElement)(u.Fragment,null,n&&(0,u.createElement)(h.MenuItem,{onClick:()=>{(()=>{const e=(0,s.switchToBlockType)(r,l);e&&a(t,e)})(),i()}},(0,k._x)("Group","verb")),o&&(0,u.createElement)(h.MenuItem,{onClick:()=>{(()=>{const e=r[0].innerBlocks;e.length&&a(t,e)})(),i()}},(0,k._x)("Ungroup","Ungrouping blocks from within a Group block back into individual blocks within the Editor "))):null}function og(e){return(0,g.useSelect)((t=>{const{canEditBlock:n,canMoveBlock:o,canRemoveBlock:r,canLockBlockType:l,getBlockName:i,getBlockRootClientId:s,getTemplateLock:a}=t(E_),c=s(e),u=n(e),d=o(e,c),p=r(e,c);return{canEdit:u,canMove:d,canRemove:p,canLock:l(i(e)),isContentLocked:"contentOnly"===a(e),isLocked:!u||!d||!p}}),[e])}var rg=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8h1.5c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1z"}));var lg=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zM9.8 7c0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2v3H9.8V7zm6.7 11.5h-9v-7h9v7z"}));var ig=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M17 10h-1.2V7c0-2.1-1.7-3.8-3.8-3.8-2.1 0-3.8 1.7-3.8 3.8v3H7c-.6 0-1 .4-1 1v8c0 .6.4 1 1 1h10c.6 0 1-.4 1-1v-8c0-.6-.4-1-1-1zm-2.8 0H9.8V7c0-1.2 1-2.2 2.2-2.2s2.2 1 2.2 2.2v3z"}));const sg=["core/block","core/navigation"];function ag(e){return e.remove&&e.move?"all":!(!e.remove||e.move)&&"insert"}function cg(e){let{clientId:t,onClose:n}=e;const[o,r]=(0,u.useState)({move:!1,remove:!1}),{canEdit:l,canMove:i,canRemove:a}=og(t),{allowsEditLocking:c,templateLock:d,hasTemplateLock:p}=(0,g.useSelect)((e=>{var n,o;const{getBlockName:r,getBlockAttributes:l}=e(E_),i=r(t),a=(0,s.getBlockType)(i);return{allowsEditLocking:sg.includes(i),templateLock:null===(n=l(t))||void 0===n?void 0:n.templateLock,hasTemplateLock:!(null==a||null===(o=a.attributes)||void 0===o||!o.templateLock)}}),[t]),[f,v]=(0,u.useState)(!!d),{updateBlockAttributes:b}=(0,g.useDispatch)(E_),_=Ii(t),y=(0,m.useInstanceId)(cg,"block-editor-block-lock-modal__options-title");(0,u.useEffect)((()=>{r({move:!i,remove:!a,...c?{edit:!l}:{}})}),[l,i,a,c]);const E=Object.values(o).every(Boolean),C=Object.values(o).some(Boolean)&&!E;return(0,u.createElement)(h.Modal,{title:(0,k.sprintf)((0,k.__)("Lock %s"),_.title),overlayClassName:"block-editor-block-lock-modal",onRequestClose:n},(0,u.createElement)("p",null,(0,k.__)("Choose specific attributes to restrict or lock all available options.")),(0,u.createElement)("form",{onSubmit:e=>{e.preventDefault(),b([t],{lock:o,templateLock:f?ag(o):void 0}),n()}},(0,u.createElement)("div",{role:"group","aria-labelledby":y,className:"block-editor-block-lock-modal__options"},(0,u.createElement)(h.CheckboxControl,{__nextHasNoMarginBottom:!0,className:"block-editor-block-lock-modal__options-title",label:(0,u.createElement)("span",{id:y},(0,k.__)("Lock all")),checked:E,indeterminate:C,onChange:e=>r({move:e,remove:e,...c?{edit:e}:{}})}),(0,u.createElement)("ul",{className:"block-editor-block-lock-modal__checklist"},c&&(0,u.createElement)("li",{className:"block-editor-block-lock-modal__checklist-item"},(0,u.createElement)(h.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Restrict editing"),checked:!!o.edit,onChange:e=>r((t=>({...t,edit:e})))}),(0,u.createElement)(h.Icon,{className:"block-editor-block-lock-modal__lock-icon",icon:o.edit?ig:rg})),(0,u.createElement)("li",{className:"block-editor-block-lock-modal__checklist-item"},(0,u.createElement)(h.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Disable movement"),checked:o.move,onChange:e=>r((t=>({...t,move:e})))}),(0,u.createElement)(h.Icon,{className:"block-editor-block-lock-modal__lock-icon",icon:o.move?ig:rg})),(0,u.createElement)("li",{className:"block-editor-block-lock-modal__checklist-item"},(0,u.createElement)(h.CheckboxControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Prevent removal"),checked:o.remove,onChange:e=>r((t=>({...t,remove:e})))}),(0,u.createElement)(h.Icon,{className:"block-editor-block-lock-modal__lock-icon",icon:o.remove?ig:rg}))),p&&(0,u.createElement)(h.ToggleControl,{className:"block-editor-block-lock-modal__template-lock",label:(0,k.__)("Apply to all blocks inside"),checked:f,disabled:o.move&&!o.remove,onChange:()=>v(!f)})),(0,u.createElement)(h.Flex,{className:"block-editor-block-lock-modal__actions",justify:"flex-end",expanded:!1},(0,u.createElement)(h.FlexItem,null,(0,u.createElement)(h.Button,{variant:"tertiary",onClick:n},(0,k.__)("Cancel"))),(0,u.createElement)(h.FlexItem,null,(0,u.createElement)(h.Button,{variant:"primary",type:"submit"},(0,k.__)("Apply"))))))}function ug(e){let{clientId:t}=e;const{canLock:n,isLocked:o}=og(t),[r,l]=(0,u.useReducer)((e=>!e),!1);if(!n)return null;const i=o?(0,k.__)("Unlock"):(0,k.__)("Lock");return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.MenuItem,{icon:o?rg:lg,onClick:l},i),r&&(0,u.createElement)(cg,{clientId:t,onClose:l}))}const{Fill:dg,Slot:pg}=(0,h.createSlotFill)("BlockSettingsMenuControls");function mg(e){let{...t}=e;return(0,u.createElement)(h.__experimentalStyleProvider,{document:document},(0,u.createElement)(dg,t))}mg.Slot=e=>{let{fillProps:t,clientIds:n=null,__unstableDisplayLocation:o}=e;const{selectedBlocks:r,selectedClientIds:l,canRemove:i}=(0,g.useSelect)((e=>{const{getBlockNamesByClientId:t,getSelectedBlockClientIds:o,canRemoveBlocks:r}=e(E_),l=null!==n?n:o();return{selectedBlocks:t(l),selectedClientIds:l,canRemove:r(l)}}),[n]),{canLock:s}=og(l[0]),a=1===l.length&&s,d=tg(),{isGroupable:p,isUngroupable:m}=d,f=(p||m)&&i;return(0,u.createElement)(pg,{fillProps:{...t,__unstableDisplayLocation:o,selectedBlocks:r,selectedClientIds:l}},(e=>!(null!=e&&e.length)>0&&!f&&!a?null:(0,u.createElement)(h.MenuGroup,null,a&&(0,u.createElement)(ug,{clientId:l[0]}),e,f&&(0,u.createElement)(ng,c({},d,{onClose:null==t?void 0:t.onClose})))))};var gg=mg;const fg=()=>{},hg={className:"block-editor-block-settings-menu__popover",position:"bottom right",variant:"toolbar"};function vg(e){let{blocks:t,onCopy:n,label:o}=e;const r=(0,m.useCopyToClipboard)((()=>(0,s.serialize)(t)),n),l=t.length>1?(0,k.__)("Copy blocks"):(0,k.__)("Copy block"),i=o||l;return(0,u.createElement)(h.MenuItem,{ref:r},i)}var bg=function(e){let{clientIds:t,__experimentalSelectBlock:n,children:o,__unstableDisplayLocation:r,...l}=e;const i=Array.isArray(t)?t:[t],a=i.length,d=i[0],{firstParentClientId:p,isDistractionFree:f,onlyBlock:v,parentBlockType:b,previousBlockClientId:_,nextBlockClientId:y,selectedBlockClientIds:E}=(0,g.useSelect)((e=>{const{getBlockCount:t,getBlockName:n,getBlockRootClientId:o,getPreviousBlockClientId:r,getNextBlockClientId:l,getSelectedBlockClientIds:i,getSettings:a,getBlockAttributes:c}=e(E_),{getActiveBlockVariation:u}=e(s.store),p=o(d),m=p&&n(p);return{firstParentClientId:p,isDistractionFree:a().isDistractionFree,onlyBlock:1===t(p),parentBlockType:p&&(u(m,c(p))||(0,s.getBlockType)(m)),previousBlockClientId:r(d),nextBlockClientId:l(d),selectedBlockClientIds:i()}}),[d]),C=(0,g.useSelect)((e=>{const{getShortcutRepresentation:t}=e(Pp.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")}}),[]),{selectBlock:S,toggleBlockHighlight:w}=(0,g.useDispatch)(E_),B=(0,u.useCallback)(n?async e=>{const t=await e;t&&t[0]&&n(t[0])}:fg,[n]),I=xi({clientId:d,maximumLength:25}),x=(0,u.useCallback)(n?()=>{const e=_||y;e&&E.includes(d)&&!E.includes(e)&&n(e)}:fg,[n,_,y,E]),T=(0,k.sprintf)((0,k.__)("Remove %s"),I),M=1===a?T:(0,k.__)("Remove blocks"),N=(0,u.useRef)(),{gestures:P}=nm({ref:N,onChange(e){e&&f||w(p,e)}}),L=null==E?void 0:E.includes(p);return(0,u.createElement)(qm,{clientIds:t,__experimentalUpdateSelection:!n},(e=>{let{canDuplicate:n,canInsertDefaultBlock:i,canMove:s,canRemove:g,onDuplicate:f,onInsertAfter:_,onInsertBefore:y,onRemove:E,onCopy:w,onPasteStyles:I,onMoveTo:T,blocks:R}=e;return(0,u.createElement)(h.DropdownMenu,c({icon:Mm,label:(0,k.__)("Options"),className:"block-editor-block-settings-menu",popoverProps:hg,noIcons:!0},l),(e=>{let{onClose:l}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.MenuGroup,null,(0,u.createElement)(eg.Slot,{fillProps:{onClose:l}}),!L&&!!p&&(0,u.createElement)(h.MenuItem,c({},P,{ref:N,icon:(0,u.createElement)(Ai,{icon:b.icon}),onClick:()=>S(p)}),(0,k.sprintf)((0,k.__)("Select parent block (%s)"),b.title)),1===a&&(0,u.createElement)(Qm,{clientId:d}),(0,u.createElement)(vg,{blocks:R,onCopy:w}),n&&(0,u.createElement)(h.MenuItem,{onClick:(0,m.pipe)(l,f,B),shortcut:C.duplicate},(0,k.__)("Duplicate")),i&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.MenuItem,{onClick:(0,m.pipe)(l,y),shortcut:C.insertBefore},(0,k.__)("Insert before")),(0,u.createElement)(h.MenuItem,{onClick:(0,m.pipe)(l,_),shortcut:C.insertAfter},(0,k.__)("Insert after"))),s&&!v&&(0,u.createElement)(h.MenuItem,{onClick:(0,m.pipe)(l,T)},(0,k.__)("Move to")),1===a&&(0,u.createElement)(Zm,{clientId:d,onToggle:l})),(0,u.createElement)(h.MenuGroup,null,(0,u.createElement)(vg,{blocks:R,onCopy:w,label:(0,k.__)("Copy styles")}),(0,u.createElement)(h.MenuItem,{onClick:I},(0,k.__)("Paste styles"))),(0,u.createElement)(gg.Slot,{fillProps:{onClose:l},clientIds:t,__unstableDisplayLocation:r}),"function"==typeof o?o({onClose:l}):u.Children.map((e=>(0,u.cloneElement)(e,{onClose:l}))),g&&(0,u.createElement)(h.MenuGroup,null,(0,u.createElement)(h.MenuItem,{onClick:(0,m.pipe)(l,E,x),shortcut:C.remove},M)))}))}))};var _g=function(e){let{clientIds:t,...n}=e;return(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(h.ToolbarItem,null,(e=>(0,u.createElement)(bg,c({clientIds:t,toggleProps:e},n)))))};function kg(e){let{clientId:t}=e;const n=Ii(t),{canEdit:o,canMove:r,canRemove:l,canLock:i}=og(t),[s,a]=(0,u.useReducer)((e=>!e),!1);return i?o&&r&&l?null:(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.ToolbarGroup,{className:"block-editor-block-lock-toolbar"},(0,u.createElement)(h.ToolbarButton,{icon:ig,label:(0,k.sprintf)((0,k.__)("Unlock %s"),n.title),onClick:a})),s&&(0,u.createElement)(cg,{clientId:t,onClose:a})):null}var yg=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z"}));var Eg=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M9.2 6.5H4V8h5.2c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H4v1.5h5.2c1.1 0 2-.9 2-2v-7c0-1.1-.8-2-2-2zM14.8 8H20V6.5h-5.2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2H20V16h-5.2c-.3 0-.5-.2-.5-.5v-7c-.1-.3.2-.5.5-.5z"}));var Cg=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M16 4v5.2c0 .3-.2.5-.5.5h-7c-.3.1-.5-.2-.5-.5V4H6.5v5.2c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V4H16zm-.5 8.8h-7c-1.1 0-2 .9-2 2V20H8v-5.2c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5V20h1.5v-5.2c0-1.2-.9-2-2-2z"}));const Sg={group:{type:"constrained"},row:{type:"flex",flexWrap:"nowrap"},stack:{type:"flex",orientation:"vertical"}};var wg=function(){const{blocksSelection:e,clientIds:t,groupingBlockName:n,isGroupable:o}=tg(),{replaceBlocks:r}=(0,g.useDispatch)(E_),{canRemove:l,variations:i}=(0,g.useSelect)((e=>{const{canRemoveBlocks:o}=e(E_),{getBlockVariations:r}=e(s.store);return{canRemove:o(t),variations:r(n,"transform")}}),[t,n]),a=o=>{const l=(0,s.switchToBlockType)(e,n);"string"!=typeof o&&(o="group"),l&&l.length>0&&(l[0].attributes.layout=Sg[o],r(t,l))};if(!o||!l)return null;const c=!!i.find((e=>{let{name:t}=e;return"group-row"===t})),d=!!i.find((e=>{let{name:t}=e;return"group-stack"===t}));return(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(h.ToolbarButton,{icon:yg,label:(0,k._x)("Group","verb"),onClick:a}),c&&(0,u.createElement)(h.ToolbarButton,{icon:Eg,label:(0,k._x)("Row","single horizontal line"),onClick:()=>a("row")}),d&&(0,u.createElement)(h.ToolbarButton,{icon:Cg,label:(0,k._x)("Stack","verb"),onClick:()=>a("stack")}))};function Bg(e){let{clientIds:t}=e;const n=1===t.length?t[0]:void 0,o=(0,g.useSelect)((e=>!!n&&"html"===e(E_).getBlockMode(n)),[n]),{toggleBlockMode:r}=(0,g.useDispatch)(E_);return o?(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(h.ToolbarButton,{onClick:()=>{r(n)}},(0,k.__)("Edit visually"))):null}var Ig=(0,u.createContext)("");var xg=e=>{let{hideDragHandle:t}=e;const{blockClientIds:n,blockClientId:o,blockType:r,hasFixedToolbar:l,isDistractionFree:i,isValid:a,isVisual:d,isContentLocked:f}=(0,g.useSelect)((e=>{const{getBlockName:t,getBlockMode:n,getSelectedBlockClientIds:o,isBlockValid:r,getBlockRootClientId:l,getSettings:i,__unstableGetContentLockingParent:a}=e(E_),c=o(),u=c[0],d=l(u),p=i();return{blockClientIds:c,blockClientId:u,blockType:u&&(0,s.getBlockType)(t(u)),hasFixedToolbar:p.hasFixedToolbar,isDistractionFree:p.isDistractionFree,rootClientId:d,isValid:c.every((e=>r(e))),isVisual:c.every((e=>"visual"===n(e))),isContentLocked:!!a(u)}}),[]),{toggleBlockHighlight:v}=(0,g.useDispatch)(E_),b=(0,u.useRef)(),{showMovers:_,gestures:k}=nm({ref:b,onChange(e){e&&i||v(o,e)}}),y=(0,m.useViewportMatch)("medium","<")||l;if(r&&!(0,s.hasBlockSupport)(r,"__experimentalToolbar",!0))return null;const E=y||_;if(0===n.length)return null;const C=a&&d,S=n.length>1,w=(0,s.isReusableBlock)(r)||(0,s.isTemplatePart)(r),B=p()("block-editor-block-toolbar",{"is-showing-movers":E,"is-synced":w});return(0,u.createElement)("div",{className:B},!S&&!y&&!f&&(0,u.createElement)(om,null),(0,u.createElement)("div",c({ref:b},k),(C||S)&&!f&&(0,u.createElement)(h.ToolbarGroup,{className:"block-editor-block-toolbar__block-controls"},(0,u.createElement)(Bm,{clientIds:n}),!S&&(0,u.createElement)(kg,{clientId:n[0]}),(0,u.createElement)(Wp,{clientIds:n,hideDragHandle:t}))),C&&S&&(0,u.createElement)(wg,null),C&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(x_.Slot,{group:"parent",className:"block-editor-block-toolbar__slot"}),(0,u.createElement)(x_.Slot,{group:"block",className:"block-editor-block-toolbar__slot"}),(0,u.createElement)(x_.Slot,{className:"block-editor-block-toolbar__slot"}),(0,u.createElement)(x_.Slot,{group:"inline",className:"block-editor-block-toolbar__slot"}),(0,u.createElement)(x_.Slot,{group:"other",className:"block-editor-block-toolbar__slot"}),(0,u.createElement)(Ig.Provider,{value:null==r?void 0:r.name},(0,u.createElement)(Tm.Slot,null))),(0,u.createElement)(Bg,{clientIds:n}),!f&&(0,u.createElement)(_g,{clientIds:n}))};var Tg=function(e){let{focusOnMount:t,isFixed:n,...o}=e;const{blockType:r,hasParents:l,showParentSelector:i}=(0,g.useSelect)((e=>{const{getBlockName:t,getBlockParents:n,getSelectedBlockClientIds:o,__unstableGetContentLockingParent:r}=e(E_),{getBlockType:l}=e(s.store),i=o(),a=i[0],c=n(a),u=l(t(c[c.length-1]));return{blockType:a&&l(t(a)),hasParents:c.length,showParentSelector:u&&(0,s.hasBlockSupport)(u,"__experimentalParentSelector",!0)&&i.length<=1&&!r(a)}}),[]);if(r&&!(0,s.hasBlockSupport)(r,"__experimentalToolbar",!0))return null;const a=p()("block-editor-block-contextual-toolbar",{"has-parent":l&&i,"is-fixed":n});return(0,u.createElement)(Zp,c({focusOnMount:t,className:a,"aria-label":(0,k.__)("Block tools")},o),(0,u.createElement)(xg,{hideDragHandle:n}))};const Mg="position",Ng="block-editor-hooks__position-selection__select-control__option",Pg={key:"default",value:"",name:(0,k.__)("Default"),className:Ng},Lg={key:"sticky",value:"sticky",name:(0,k.__)("Sticky"),className:Ng,__experimentalHint:(0,k.__)("The block will stick to the top of the window instead of scrolling.")},Rg={key:"fixed",value:"fixed",name:(0,k.__)("Fixed"),className:Ng,__experimentalHint:(0,k.__)("The block will not move when the page is scrolled.")},Ag=["top","right","bottom","left"],Og=["sticky","fixed"];function Dg(e){return!!(0,s.getBlockSupport)(e,Mg)}function zg(e){var t,n;const o=null===(t=e.style)||void 0===t||null===(n=t.position)||void 0===n?void 0:n.type;return"sticky"===o||"fixed"===o}function Fg(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=qr("position.fixed"),n=qr("position.sticky"),o=!t&&!n;return!Dg(e)||o}function Vg(e){var t;const{attributes:{style:n={}},clientId:o,name:r,setAttributes:l}=e,i=function(e){const t=(0,s.getBlockSupport)(e,Mg);return!!(!0===t||null!=t&&t.fixed)}(r),a=function(e){const t=(0,s.getBlockSupport)(e,Mg);return!!(!0===t||null!=t&&t.sticky)}(r),c=null==n||null===(t=n.position)||void 0===t?void 0:t.type,{hasParents:d}=(0,g.useSelect)((e=>{const{getBlockParents:t}=e(E_);return{hasParents:t(o).length}}),[o]),p=(0,u.useMemo)((()=>{const e=[Pg];return(a&&!d||c===Lg.value)&&e.push(Lg),(i||c===Rg.value)&&e.push(Rg),e}),[i,a,d,c]),m=c&&p.find((e=>e.value===c))||Pg;return u.Platform.select({web:p.length>1?(0,u.createElement)(wl,{group:"position"},(0,u.createElement)(h.BaseControl,{className:"block-editor-hooks__position-selection"},(0,u.createElement)(h.CustomSelectControl,{__nextUnconstrainedWidth:!0,__next36pxDefaultSize:!0,className:"block-editor-hooks__position-selection__select-control",label:(0,k.__)("Position"),hideLabelFromVision:!0,describedBy:(0,k.sprintf)((0,k.__)("Currently selected position: %s"),m.name),options:p,value:m,__experimentalShowSelectedHint:!0,onChange:e=>{let{selectedItem:t}=e;(e=>{const t={...n,position:{...null==n?void 0:n.position,type:e,top:"sticky"===e||"fixed"===e?"0px":void 0}};l({style:fl(t)})})(t.value)},size:"__unstable-large"}))):null,native:null})}const Hg=(0,m.createHigherOrderComponent)((e=>t=>{const{name:n}=t;return[(0,s.hasBlockSupport)(n,Mg)&&!Fg(t)&&(0,u.createElement)(Vg,c({key:"position"},t)),(0,u.createElement)(e,c({key:"edit"},t))]}),"withInspectorControls"),Gg=(0,m.createHigherOrderComponent)((e=>t=>{var n,o,r,l;const{name:i,attributes:a}=t,d=(0,s.hasBlockSupport)(i,Mg)&&!Fg(t),g=(0,m.useInstanceId)(e),f=(0,u.useContext)(Sf.__unstableElementContext);let h;d&&(h=function(e){let{selector:t,style:n}=e,o="";const{type:r}=(null==n?void 0:n.position)||{};return Og.includes(r)?(o+=`${t} {`,o+=`position: ${r};`,Ag.forEach((e=>{var t;void 0!==(null==n||null===(t=n.position)||void 0===t?void 0:t[e])&&(o+=`${e}: ${n.position[e]};`)})),"sticky"!==r&&"fixed"!==r||(o+="z-index: 10"),o+="}",o):o}({selector:`.wp-container-${g}.wp-container-${g}`,style:null==a?void 0:a.style})||"");const v=p()(null==t?void 0:t.className,{[`wp-container-${g}`]:d&&!!h,[`is-position-${null==a||null===(n=a.style)||void 0===n||null===(o=n.position)||void 0===o?void 0:o.type}`]:d&&!!h&&!(null==a||null===(r=a.style)||void 0===r||null===(l=r.position)||void 0===l||!l.type)});return(0,u.createElement)(u.Fragment,null,d&&f&&!!h&&(0,u.createPortal)((0,u.createElement)("style",null,h),f),(0,u.createElement)(e,c({},t,{className:v})))}));(0,a.addFilter)("editor.BlockListBlock","core/editor/position/with-position-styles",Gg),(0,a.addFilter)("editor.BlockEdit","core/editor/position/with-inspector-controls",Hg);const Ug={placement:"top-start"},$g={...Ug,flip:!1,shift:!0},jg={...Ug,flip:!0,shift:!1};function Wg(e,t,n,o,r){if(!e||!t)return $g;const l=(null==n?void 0:n.scrollTop)||0,i=t.getBoundingClientRect(),s=l+e.getBoundingClientRect().top,a=e.ownerDocument.documentElement.clientHeight,c=s+o,u=i.top>c,d=i.height>a-o;return r||!u&&!d?jg:$g}function Kg(e){const{__unstableGetEditorMode:t,isMultiSelecting:n,hasMultiSelection:o,isTyping:r,isBlockInterfaceHidden:l,getSettings:i,getLastMultiSelectedBlockClientId:s}=__(e(E_));return{editorMode:t(),hasMultiSelection:o(),isMultiSelecting:n(),isTyping:r(),isBlockInterfaceHidden:l(),hasFixedToolbar:i().hasFixedToolbar,isDistractionFree:i().isDistractionFree,lastClientId:o()?s():null}}function qg(e){let{clientId:t,rootClientId:n,isEmptyDefaultBlock:o,showContents:r,capturingClientId:l,__unstablePopoverSlot:i,__unstableContentRef:s}=e;const{editorMode:a,hasMultiSelection:d,isMultiSelecting:f,isTyping:h,isBlockInterfaceHidden:v,hasFixedToolbar:b,isDistractionFree:_,lastClientId:k}=(0,g.useSelect)(Kg,[]),y=(0,g.useSelect)((e=>{const{isBlockInsertionPointVisible:n,getBlockInsertionPoint:o,getBlockOrder:r}=e(E_);if(!n())return!1;const l=o();return r(l.rootClientId)[l.index]===t}),[t]),E=(0,m.useViewportMatch)("medium"),C=(0,u.useRef)(!1),{stopTyping:S}=(0,g.useDispatch)(E_),w=!h&&"edit"===a&&o,B=!d&&("navigation"===a||"zoom-out"===a),I="edit"===a&&!b&&E&&!f&&!w&&!h&&!v,x=!("edit"!==a||I||b||_||o);(0,Pp.useShortcut)("core/block-editor/focus-toolbar",(()=>{C.current=!0,S(!0)}),{isDisabled:!x}),(0,u.useEffect)((()=>{C.current=!1}));const T=(0,u.useRef)(),M=function(e){let{contentElement:t,clientId:n}=e;const o=Mr(n),[r,l]=(0,u.useState)(0),{blockIndex:i,isSticky:s}=(0,g.useSelect)((e=>{const{getBlockIndex:t,getBlockAttributes:o}=e(E_);return{blockIndex:t(n),isSticky:zg(o(n))}}),[n]),a=(0,u.useMemo)((()=>{if(t)return(0,Di.getScrollContainer)(t)}),[t]),[c,d]=(0,u.useState)((()=>Wg(t,o,a,r,s))),p=(0,m.useRefEffect)((e=>{l(e.offsetHeight)}),[]),f=(0,u.useCallback)((()=>d(Wg(t,o,a,r,s))),[t,o,a,r]);return(0,u.useLayoutEffect)(f,[i,f]),(0,u.useLayoutEffect)((()=>{var e,n,r;if(!t||!o)return;const l=null==t||null===(e=t.ownerDocument)||void 0===e?void 0:e.defaultView;let i;null==l||null===(n=l.addEventHandler)||void 0===n||n.call(l,"resize",f);const s=null==o||null===(r=o.ownerDocument)||void 0===r?void 0:r.defaultView;return s.ResizeObserver&&(i=new s.ResizeObserver(f),i.observe(o)),()=>{var e;null==l||null===(e=l.removeEventHandler)||void 0===e||e.call(l,"resize",f),i&&i.disconnect()}}),[f,t,o]),{...c,ref:p}}({contentElement:null==s?void 0:s.current,clientId:t});return w?(0,u.createElement)(Ml,c({clientId:l||t,__unstableCoverTarget:!0,bottomClientId:k,className:p()("block-editor-block-list__block-side-inserter-popover",{"is-insertion-point-visible":y}),__unstablePopoverSlot:i,__unstableContentRef:s,resize:!1,shift:!1},M),(0,u.createElement)("div",{className:"block-editor-block-list__empty-block-inserter"},(0,u.createElement)(eb,{position:"bottom right",rootClientId:n,clientId:t,__experimentalIsQuick:!0}))):B||I?(0,u.createElement)(Ml,c({clientId:l||t,bottomClientId:k,className:p()("block-editor-block-list__block-popover",{"is-insertion-point-visible":y}),__unstablePopoverSlot:i,__unstableContentRef:s,resize:!1},M),I&&r&&(0,u.createElement)(Tg,{focusOnMount:C.current,__experimentalInitialIndex:T.current,__experimentalOnIndexChange:e=>{T.current=e},key:t}),B&&(0,u.createElement)(Kp,{clientId:t,rootClientId:n})):null}function Yg(e){const{getSelectedBlockClientId:t,getFirstMultiSelectedBlockClientId:n,getBlockRootClientId:o,getBlock:r,getBlockParents:l,getSettings:i,isNavigationMode:a,__experimentalGetBlockListSettingsForBlocks:c}=e(E_),u=t()||n();if(!u)return;const{name:d,attributes:p={}}=r(u)||{},m=l(u),g=c(m),f=m.find((e=>{var t;return null===(t=g[e])||void 0===t?void 0:t.__experimentalCaptureToolbars})),h=i();return{clientId:u,rootClientId:o(u),name:d,isDistractionFree:h.isDistractionFree,isNavigationMode:a(),isEmptyDefaultBlock:d&&(0,s.isUnmodifiedDefaultBlock)({name:d,attributes:p}),capturingClientId:f}}function Zg(e){let{__unstablePopoverSlot:t,__unstableContentRef:n}=e;const o=(0,g.useSelect)(Yg,[]);if(!o)return null;const{clientId:r,rootClientId:l,name:i,isEmptyDefaultBlock:s,capturingClientId:a,isDistractionFree:c,isNavigationMode:d}=o;return i?(0,u.createElement)(qg,{clientId:r,rootClientId:l,isEmptyDefaultBlock:s,showContents:!c||d,capturingClientId:a,__unstablePopoverSlot:t,__unstableContentRef:n}):null}function Qg(e){let{children:t}=e;const n=(0,u.useContext)(Bp),o=(0,u.useContext)(h.Disabled.Context);return n||o?t:(W()('wp.components.Popover.Slot name="block-toolbar"',{alternative:"wp.blockEditor.BlockTools",since:"5.8",version:"6.3"}),(0,u.createElement)(xp,{__unstablePopoverSlot:"block-toolbar"},(0,u.createElement)(Zg,{__unstablePopoverSlot:"block-toolbar"}),t))}function Xg(){const{getSettings:e,hasSelectedBlock:t,hasMultiSelection:n}=(0,g.useSelect)(E_),{clearSelectedBlock:o}=(0,g.useDispatch)(E_),{clearBlockSelection:r}=e();return(0,m.useRefEffect)((e=>{if(r)return e.addEventListener("mousedown",l),()=>{e.removeEventListener("mousedown",l)};function l(r){(t()||n())&&r.target===e&&o()}}),[t,n,o,r])}function Jg(e){return(0,u.createElement)("div",c({ref:Xg()},e))}var ef=(0,m.createHigherOrderComponent)((e=>t=>{const{clientId:n}=$r();return(0,u.createElement)(e,c({},t,{clientId:n}))}),"withClientId");var tf=ef((e=>{let{clientId:t,showSeparator:n,isFloating:o,onAddBlock:r,isToggle:l}=e;return(0,u.createElement)(_p,{className:p()({"block-list-appender__toggle":l}),rootClientId:t,showSeparator:n,isFloating:o,onAddBlock:r})}));var nf=(0,m.compose)([ef,(0,g.withSelect)(((e,t)=>{let{clientId:n}=t;const{getBlockOrder:o}=e(E_),r=o(n);return{lastBlockClientId:r[r.length-1]}}))])((e=>{let{clientId:t}=e;return(0,u.createElement)(hp,{rootClientId:t})}));const of=new WeakMap;function rf(e,t,n,o,r,l,i){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){i();const e=p.map((e=>(0,s.cloneBlock)(e)));l(e,!0,null)}if("block"===d){const l=n(u[0]);if(c===e&&l===t)return;if(u.includes(e)||o(u).some((t=>t===e)))return;const i=c===e,s=u.length;r(u,c,i&&l{if(!n)return;const i=(0,s.findTransform)((0,s.getBlockTransforms)("from"),(n=>"files"===n.type&&r(n.blockName,e)&&n.isMatch(t)));if(i){const e=i.transform(t,o);l(e)}}}function sf(e,t,n){return e=>{const t=(0,s.pasteHandler)({HTML:e,mode:"BLOCKS"});t.length&&n(t)}}function af(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{operation:o="insert"}=n,r=(0,g.useSelect)((e=>e(E_).getSettings().mediaUpload),[]),{canInsertBlockType:l,getBlockIndex:i,getClientIdsOfDescendants:s,getBlockOrder:a,getBlocksByClientId:c}=(0,g.useSelect)(E_),{insertBlocks:d,moveBlocksToPosition:p,updateBlockAttributes:m,clearSelectedBlock:f,replaceBlocks:h,removeBlocks:v}=(0,g.useDispatch)(E_),b=(0,g.useRegistry)(),_=(0,u.useCallback)((function(n){let r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if("replace"===o){const o=a(e)[t];h(o,n,void 0,l)}else d(n,t,e,r,l)}),[o,a,d,h,t,e]),k=(0,u.useCallback)(((n,r,l)=>{if("replace"===o){const o=c(n),r=a(e)[t];b.batch((()=>{v(n,!1),h(r,o,void 0,0)}))}else p(n,r,e,l)}),[o,a,c,d,p,v,t,e]),y=rf(e,t,i,s,k,_,f),E=lf(e,0,r,m,l,_),C=sf(0,0,_);return e=>{const t=(0,Di.getFilesFromDataTransfer)(e.dataTransfer),n=e.dataTransfer.getData("text/html");n?C(n):t.length?E(t):y(e)}}function cf(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:i2&&void 0!==arguments[2]?arguments[2]:["top","bottom","left","right"];return r.forEach((r=>{const l=cf(e,t,r);(void 0===n||l=e.x&&t.top<=e.y&&t.bottom>=e.y}function pf(e,t){var n,o;let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"vertical";const l="horizontal"===r?["left","right"]:["top","bottom"],i=(0,k.isRTL)();let s=0,a="before",c=1/0;e.forEach((e=>{let{isUnmodifiedDefaultBlock:n,getBoundingClientRect:o,blockIndex:r}=e;const u=o();let[d,p]=uf(t,u,l);n&&df(t,u)&&(d=0),d0&&void 0!==arguments[0]?arguments[0]:{};const[t,n]=(0,u.useState)({index:null,operation:"insert"}),o=(0,g.useSelect)((t=>{const{getTemplateLock:n,__unstableIsWithinBlockOverlay:o,__unstableHasActiveBlockOverlayActive:r}=t(E_),l=n(e);return["all","contentOnly"].some((e=>e===l))||r(e)||o(e)}),[e]),{getBlockListSettings:r,getBlocks:l,getBlockIndex:i}=(0,g.useSelect)(E_),{showInsertionPoint:a,hideInsertionPoint:c}=(0,g.useDispatch)(E_),d=af(e,t.index,{operation:t.operation}),p=(0,m.useThrottle)((0,u.useCallback)(((t,o)=>{var c;const u=l(e);if(0===u.length)return void n({index:0,operation:"insert"});const d=u.map((e=>{const t=e.clientId;return{isUnmodifiedDefaultBlock:(0,s.isUnmodifiedDefaultBlock)(e),getBoundingClientRect:()=>o.getElementById(`block-${t}`).getBoundingClientRect(),blockIndex:i(t)}})),[p,m]=pf(d,{x:t.clientX,y:t.clientY},null===(c=r(e))||void 0===c?void 0:c.orientation);n({index:p,operation:m}),a(e,p,{operation:m})}),[e]),200);return(0,m.__experimentalUseDropZone)({isDisabled:o,onDrop:d,onDragOver(e){p(e,e.currentTarget.ownerDocument)},onDragLeave(){p.cancel(),c()},onDragEnd(){p.cancel(),c()}})}const gf={};function ff(e){const{clientId:t,allowedBlocks:n,__experimentalDefaultBlock:o,__experimentalDirectInsert:r,template:l,templateLock:i,wrapperRef:a,templateInsertUpdatesSelection:c,__experimentalCaptureToolbars:d,__experimentalAppenderTagName:p,renderAppender:m,orientation:f,placeholder:h,layout:v}=e;!function(e,t,n,o,r,l,i,s){const{updateBlockListSettings:a}=(0,g.useDispatch)(E_),c=(0,g.useRegistry)(),{blockListSettings:d,parentLock:p}=(0,g.useSelect)((t=>{const n=t(E_).getBlockRootClientId(e);return{blockListSettings:t(E_).getBlockListSettings(e),parentLock:t(E_).getTemplateLock(n)}}),[e]),m=(0,u.useMemo)((()=>t),t);(0,u.useLayoutEffect)((()=>{const t={allowedBlocks:m,templateLock:void 0===r||"contentOnly"===p?p:r};if(void 0!==l&&(t.__experimentalCaptureToolbars=l),void 0!==i)t.orientation=i;else{const e=rp(null==s?void 0:s.type);t.orientation=e.getOrientation(s)}void 0!==n&&(t.__experimentalDefaultBlock=n),void 0!==o&&(t.__experimentalDirectInsert=o),Il()(d,t)||(of.get(c)||of.set(c,[]),of.get(c).push([e,t]),window.queueMicrotask((()=>{var e;null!==(e=of.get(c))&&void 0!==e&&e.length&&c.batch((()=>{of.get(c).forEach((e=>{a(...e)})),of.set(c,[])}))})))}),[e,d,m,n,o,r,p,l,i,a,s,c])}(t,n,o,r,i,d,f,v),function(e,t,n,o){const{getBlocks:r,getSelectedBlocksInitialCaretPosition:l,isBlockSelected:i}=(0,g.useSelect)(E_),{replaceInnerBlocks:a,__unstableMarkNextChangeAsNotPersistent:c}=(0,g.useDispatch)(E_),{innerBlocks:d}=(0,g.useSelect)((t=>({innerBlocks:t(E_).getBlocks(e)})),[e]),p=(0,u.useRef)(null);(0,u.useLayoutEffect)((()=>{let u=!1;return window.queueMicrotask((()=>{if(u)return;const d=r(e),m=0===d.length||"all"===n||"contentOnly"===n,g=!_()(t,p.current);if(!m||!g)return;p.current=t;const f=(0,s.synchronizeBlocksWithTemplate)(d,t);_()(f,d)||(c(),a(e,f,0===d.length&&o&&0!==f.length&&i(e),l()))})),()=>{u=!0}}),[d,t,n,e])}(t,l,i,c);const b=function(e){return(0,g.useSelect)((t=>{const n=t(E_).getBlock(e);if(!n)return;const o=t(s.store).getBlockType(n.name);return o&&0!==Object.keys(o.providesContext).length?Object.fromEntries(Object.entries(o.providesContext).map((e=>{let[t,o]=e;return[t,n.attributes[o]]}))):void 0}),[e])}(t),k=(0,g.useSelect)((e=>{var n;return null===(n=e(E_).getBlock(t))||void 0===n?void 0:n.name}),[t]),y=(0,s.getBlockSupport)(k,"__experimentalLayout")||gf,{allowSizingOnChildren:E=!1}=y,C=qr("layout")||gf,S=v||y,w=(0,u.useMemo)((()=>({...C,...S,...E&&{allowSizingOnChildren:!0}})),[C,S,E]);return(0,u.createElement)(Fi,{value:b},(0,u.createElement)(Bf,{rootClientId:t,renderAppender:m,__experimentalAppenderTagName:p,__experimentalLayout:w,wrapperRef:a,placeholder:h}))}function hf(e){return Si(e),(0,u.createElement)(ff,e)}const vf=(0,u.forwardRef)(((e,t)=>{const n=bf({ref:t},e);return(0,u.createElement)("div",{className:"block-editor-inner-blocks"},(0,u.createElement)("div",n))}));function bf(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{__unstableDisableLayoutClassNames:n,__unstableDisableDropZone:o}=t,{clientId:r,layout:l=null,__unstableLayoutClassNames:i=""}=$r(),a=(0,m.useViewportMatch)("medium","<"),{__experimentalCaptureToolbars:d,hasOverlay:f}=(0,g.useSelect)((e=>{if(!r)return{};const{getBlockName:t,isBlockSelected:n,hasSelectedInnerBlock:o,__unstableGetEditorMode:l}=e(E_),i=t(r),c="navigation"===l()||a;return{__experimentalCaptureToolbars:e(s.store).hasBlockSupport(i,"__experimentalExposeControlsToChildren",!1),hasOverlay:"core/template"!==i&&!n(r)&&!o(r,!0)&&c}}),[r,a]),h=mf({rootClientId:r}),v=(0,m.useMergeRefs)([e.ref,o?null:h]),b={__experimentalCaptureToolbars:d,layout:l,...t},_=b.value&&b.onChange?hf:ff;return{...e,ref:v,className:p()(e.className,"block-editor-block-list__layout",n?"":i,{"has-overlay":f}),children:r?(0,u.createElement)(_,c({},b,{clientId:r})):(0,u.createElement)(Bf,t)}}bf.save=s.__unstableGetInnerBlocksProps,vf.DefaultBlockAppender=nf,vf.ButtonBlockAppender=tf,vf.Content=()=>bf.save().children;var _f=vf;const kf=(0,u.createContext)(),yf=(0,u.createContext)(),Ef=new WeakMap;function Cf(e){let{className:t,...n}=e;const[o,r]=(0,u.useState)(),l=(0,m.useViewportMatch)("medium"),{isOutlineMode:i,isFocusMode:s,editorMode:a}=(0,g.useSelect)((e=>{const{getSettings:t,__unstableGetEditorMode:n}=e(E_),{outlineMode:o,focusMode:r}=t();return{isOutlineMode:o,isFocusMode:r,editorMode:n()}}),[]),c=(0,g.useRegistry)(),{setBlockVisibility:d}=(0,g.useDispatch)(E_),f=(0,m.useDebounce)((0,u.useCallback)((()=>{const e={};Ef.get(c).forEach((t=>{let[n,o]=t;e[n]=o})),d(e)}),[c]),300,{trailing:!0}),h=(0,u.useMemo)((()=>{const{IntersectionObserver:e}=window;if(e)return new e((e=>{Ef.get(c)||Ef.set(c,[]);for(const t of e){const e=t.target.getAttribute("data-block");Ef.get(c).push([e,t.isIntersecting])}f()}))}),[]),v=bf({ref:(0,m.useMergeRefs)([Xg(),Tp(),r]),className:p()("is-root-container",t,{"is-outline-mode":i,"is-focus-mode":s&&l,"is-navigate-mode":"navigation"===a})},n);return(0,u.createElement)(kf.Provider,{value:o},(0,u.createElement)(yf.Provider,{value:h},(0,u.createElement)("div",v)))}function Sf(e){return function(){const{patterns:e,isPreviewMode:t}=(0,g.useSelect)((e=>{const{__experimentalBlockPatterns:t,__unstableIsPreviewMode:n}=e(E_).getSettings();return{patterns:t,isPreviewMode:n}}),[]);(0,u.useEffect)((()=>{if(t)return;if(null==e||!e.length)return;let n,o=-1;const r=()=>{o++,o>=e.length||((0,g.select)(E_).__experimentalGetParsedPattern(e[o].name),n=Mp(r))};return n=Mp(r),()=>Np(n)}),[e,t])}(),(0,u.createElement)(Qg,null,(0,u.createElement)(Ur,{value:Hr},(0,u.createElement)(Cf,e)))}function wf(e){let{placeholder:t,rootClientId:n,renderAppender:o,__experimentalAppenderTagName:r,__experimentalLayout:l=lp}=e;const{order:i,selectedBlocks:s,visibleBlocks:a}=(0,g.useSelect)((e=>{const{getBlockOrder:t,getSelectedBlockClientIds:o,__unstableGetVisibleBlocks:r}=e(E_);return{order:t(n),selectedBlocks:o(),visibleBlocks:r()}}),[n]);return(0,u.createElement)(sp,{value:l},i.map((e=>(0,u.createElement)(g.AsyncModeProvider,{key:e,value:!a.has(e)&&!s.includes(e)},(0,u.createElement)(gp,{rootClientId:n,clientId:e})))),i.length<1&&t,(0,u.createElement)(yp,{tagName:r,rootClientId:n,renderAppender:o}))}function Bf(e){return(0,u.createElement)(g.AsyncModeProvider,{value:!1},(0,u.createElement)(wf,e))}function If(e){const{isMultiSelecting:t,getMultiSelectedBlockClientIds:n,hasMultiSelection:o,getSelectedBlockClientId:r,getSelectedBlocksInitialCaretPosition:l,__unstableIsFullySelected:i}=e(E_);return{isMultiSelecting:t(),multiSelectedBlockClientIds:n(),hasMultiSelection:o(),selectedBlockClientId:r(),initialPosition:l(),isFullSelection:i()}}function xf(){const{initialPosition:e,isMultiSelecting:t,multiSelectedBlockClientIds:n,hasMultiSelection:o,selectedBlockClientId:r,isFullSelection:l}=(0,g.useSelect)(If,[]);return(0,m.useRefEffect)((r=>{const{ownerDocument:i}=r,{defaultView:s}=i;if(null==e)return;if(!o||t)return;const{length:a}=n;a<2||l&&(r.contentEditable=!0,r.focus(),s.getSelection().removeAllRanges())}),[o,t,n,r,e,l])}function Tf(e,t,n,o){let r,l=Di.focus.focusable.find(n);return t&&l.reverse(),l=l.slice(l.indexOf(e)+1),o&&(r=e.getBoundingClientRect()),l.find((function(e){if(1!==e.children.length||!function(e,t){return e.closest(ed)===t.closest(ed)}(e,e.firstElementChild)||"true"!==e.firstElementChild.getAttribute("contenteditable")){if(!Di.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 Mf(){const{getMultiSelectedBlocksStartClientId:e,getMultiSelectedBlocksEndClientId:t,getSettings:n,hasMultiSelection:o,__unstableIsFullySelected:r}=(0,g.useSelect)(E_),{selectBlock:l}=(0,g.useDispatch)(E_);return(0,m.useRefEffect)((i=>{let s;function a(){s=null}function c(a){if(a.defaultPrevented)return;const{keyCode:c,target:u,shiftKey:d,ctrlKey:p,altKey:m,metaKey:g}=a,f=c===md.UP,h=c===md.DOWN,v=c===md.LEFT,b=c===md.RIGHT,_=f||v,k=v||b,y=f||h,E=k||y,C=d||p||m||g,S=y?Di.isVerticalEdge:Di.isHorizontalEdge,{ownerDocument:w}=i,{defaultView:B}=w;if(!E)return;if(o()){if(d)return;if(!r())return;return a.preventDefault(),void(_?l(e()):l(t(),-1))}if(!function(e,t,n){if((t===md.UP||t===md.DOWN)&&!n)return!0;const{tagName:o}=e;if("INPUT"===o)return["button","checkbox","color","file","image","radio","reset","submit"].includes(e.getAttribute("type"));return"TEXTAREA"!==o}(u,c,C))return;y?s||(s=(0,Di.computeCaretRect)(B)):s=null;const I=(0,Di.isRTL)(u)?!_:_,{keepCaretInsideBlock:x}=n();if(d)(function(e,t){const n=Tf(e,t,i);return n&&rd(n)})(u,_)&&S(u,_)&&(i.contentEditable=!0,i.focus());else if(!y||!(0,Di.isVerticalEdge)(u,_)||m&&!(0,Di.isHorizontalEdge)(u,I)||x){if(k&&B.getSelection().isCollapsed&&(0,Di.isHorizontalEdge)(u,I)&&!x){const e=Tf(u,I,i);(0,Di.placeCaretAtHorizontalEdge)(e,_),a.preventDefault()}}else{const e=Tf(u,_,i,!0);e&&((0,Di.placeCaretAtVerticalEdge)(e,m?!_:_,m?void 0:s),a.preventDefault())}}return i.addEventListener("mousedown",a),i.addEventListener("keydown",c),()=>{i.removeEventListener("mousedown",a),i.removeEventListener("keydown",c)}}),[])}function Nf(){const{getBlockOrder:e,getSelectedBlockClientIds:t,getBlockRootClientId:n}=(0,g.useSelect)(E_),{multiSelect:o,selectBlock:r}=(0,g.useDispatch)(E_),l=(0,Pp.__unstableUseShortcutEventMatch)();return(0,m.useRefEffect)((i=>{function s(s){if(!l("core/block-editor/select-all",s))return;const a=t();if(a.length<2&&!(0,Di.isEntirelySelected)(s.target))return;s.preventDefault();const[c]=a,u=n(c),d=e(u);a.length!==d.length?o(d[0],d[d.length-1]):u&&(i.ownerDocument.defaultView.getSelection().removeAllRanges(),r(u))}return i.addEventListener("keydown",s),()=>{i.removeEventListener("keydown",s)}}),[])}function Pf(e,t){e.contentEditable=t,t&&e.focus()}function Lf(){const{startMultiSelect:e,stopMultiSelect:t}=(0,g.useDispatch)(E_),{isSelectionEnabled:n,hasMultiSelection:o,isDraggingBlocks:r}=(0,g.useSelect)(E_);return(0,m.useRefEffect)((l=>{const{ownerDocument:i}=l,{defaultView:s}=i;let a,c;function u(){t(),s.removeEventListener("mouseup",u),c=s.requestAnimationFrame((()=>{if(o())return;Pf(l,!1);const e=s.getSelection();if(e.rangeCount){const{commonAncestorContainer:t}=e.getRangeAt(0);a.contains(t)&&a.focus()}}))}function d(t){let{buttons:o,target:c}=t;r()||1===o&&c.getAttribute("contenteditable")&&n()&&(a=i.activeElement,e(),s.addEventListener("mouseup",u),Pf(l,!0))}return l.addEventListener("mouseout",d),()=>{l.removeEventListener("mouseout",d),s.removeEventListener("mouseup",u),s.cancelAnimationFrame(c)}}),[e,t,n,o])}function Rf(e,t){e.contentEditable=t,t&&e.focus()}function Af(){const{multiSelect:e,selectBlock:t,selectionChange:n}=(0,g.useDispatch)(E_),{getBlockParents:o,getBlockSelectionStart:r}=(0,g.useSelect)(E_);return(0,m.useRefEffect)((n=>{const{ownerDocument:l}=n,{defaultView:i}=l;function s(l){const s=i.getSelection();if(!s.rangeCount)return;const a=l.shiftKey&&"mouseup"===l.type;if(s.isCollapsed&&!a)return void Rf(n,!1);let c=rd(function(e){const{anchorNode:t,anchorOffset:n}=e;return t.nodeType===t.TEXT_NODE||0===n?t:t.childNodes[n-1]}(s)),u=rd(function(e){const{focusNode:t,focusOffset:n}=e;return t.nodeType===t.TEXT_NODE||n===t.childNodes.length?t:t.childNodes[n]}(s));if(a){const e=r(),t=rd(l.target),n=t!==u;(c===u&&s.isCollapsed||!u||n)&&(u=t),c!==e&&(c=e)}if(void 0===c&&void 0===u)return void Rf(n,!1);if(c===u)t(c);else{const t=[...o(c),c],n=[...o(u),u],r=function(e,t){let n=0;for(;e[n]===t[n];)n++;return n}(t,n);e(t[r],n[r])}}function a(){l.addEventListener("selectionchange",s),i.addEventListener("mouseup",s)}function c(){l.removeEventListener("selectionchange",s),i.removeEventListener("mouseup",s)}function u(){c(),a()}return a(),n.addEventListener("focusin",u),()=>{c(),n.removeEventListener("focusin",u)}}),[e,t,n,o])}function Of(){const{selectBlock:e}=(0,g.useDispatch)(E_),{isSelectionEnabled:t,getBlockSelectionStart:n,hasMultiSelection:o}=(0,g.useSelect)(E_);return(0,m.useRefEffect)((r=>{function l(l){if(!t()||0!==l.button)return;const i=n(),s=rd(l.target);l.shiftKey?i!==s&&(r.contentEditable=!0,r.focus()):o()&&e(s)}return r.addEventListener("mousedown",l),()=>{r.removeEventListener("mousedown",l)}}),[e,t,n,o])}function Df(){const{__unstableIsFullySelected:e,getSelectedBlockClientIds:t,__unstableIsSelectionMergeable:n,hasMultiSelection:o}=(0,g.useSelect)(E_),{replaceBlocks:r,__unstableSplitSelection:l,removeBlocks:i,__unstableDeleteSelection:a,__unstableExpandSelection:c}=(0,g.useDispatch)(E_);return(0,m.useRefEffect)((u=>{function d(e){var t;o()&&null!==(t=e.inputType)&&void 0!==t&&t.startsWith("format")&&e.preventDefault()}function p(d){d.defaultPrevented||o()&&(d.keyCode===md.ENTER?(u.contentEditable=!1,d.preventDefault(),e()?r(t(),(0,s.createBlock)((0,s.getDefaultBlockName)())):l()):d.keyCode===md.BACKSPACE||d.keyCode===md.DELETE?(u.contentEditable=!1,d.preventDefault(),e()?i(t()):n()?a(d.keyCode===md.DELETE):c()):1!==d.key.length||d.metaKey||d.ctrlKey||(u.contentEditable=!1,n()?a(d.keyCode===md.DELETE):(d.preventDefault(),u.ownerDocument.defaultView.getSelection().removeAllRanges())))}function m(e){o()&&(u.contentEditable=!1,n()?a():(e.preventDefault(),u.ownerDocument.defaultView.getSelection().removeAllRanges()))}return u.addEventListener("beforeinput",d),u.addEventListener("keydown",p),u.addEventListener("compositionstart",m),()=>{u.removeEventListener("beforeinput",d),u.removeEventListener("keydown",p),u.removeEventListener("compositionstart",m)}}),[])}function zf(){const[e,t,n]=function(){const e=(0,u.useRef)(),t=(0,u.useRef)(),n=(0,u.useRef)(),o=(0,u.useRef)(),{hasMultiSelection:r,getSelectedBlockClientId:l,getBlockCount:i}=(0,g.useSelect)(E_),{setNavigationMode:s}=(0,g.useDispatch)(E_),a=(0,g.useSelect)((e=>e(E_).isNavigationMode()),[])?void 0:"0",c=(0,u.useRef)();function d(t){if(c.current)c.current=null;else if(r())e.current.focus();else if(l())o.current.focus();else{s(!0);const n=t.target.compareDocumentPosition(e.current)&t.target.DOCUMENT_POSITION_FOLLOWING?"findNext":"findPrevious";Di.focus.tabbable[n](t.target).focus()}}const p=(0,u.createElement)("div",{ref:t,tabIndex:a,onFocus:d}),f=(0,u.createElement)("div",{ref:n,tabIndex:a,onFocus:d}),h=(0,m.useRefEffect)((a=>{function u(e){if(e.defaultPrevented)return;if(e.keyCode===md.ESCAPE)return e.preventDefault(),void s(!0);if(e.keyCode!==md.TAB)return;const o=e.shiftKey,i=o?"findPrevious":"findNext";if(!r()&&!l())return void(e.target===a&&s(!0));if(((0,Di.isFormElement)(e.target)||e.target.getAttribute("data-block")===l())&&(0,Di.isFormElement)(Di.focus.tabbable[i](e.target)))return;const u=o?t:n;c.current=!0,u.current.focus({preventScroll:!0})}function d(e){o.current=e.target;const{ownerDocument:t}=a;e.relatedTarget||t.activeElement!==t.body||0!==i()||a.focus()}function p(o){var r;if(o.keyCode!==md.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=Di.focus.tabbable[l](o.target);i!==t.current&&i!==n.current||(o.preventDefault(),i.focus({preventScroll:!0}))}const{ownerDocument:m}=a,{defaultView:g}=m;return g.addEventListener("keydown",p),a.addEventListener("keydown",u),a.addEventListener("focusout",d),()=>{g.removeEventListener("keydown",p),a.removeEventListener("keydown",u),a.removeEventListener("focusout",d)}}),[]);return[p,(0,m.useMergeRefs)([e,h]),f]}(),o=(0,g.useSelect)((e=>e(E_).hasMultiSelection()),[]);return[e,(0,m.useMergeRefs)([t,Df(),Lf(),Af(),Of(),xf(),Nf(),Mf(),(0,m.useRefEffect)((e=>{if(e.tabIndex=0,e.contentEditable=o,o)return e.classList.add("has-multi-selection"),e.setAttribute("aria-label",(0,k.__)("Multiple selected blocks")),()=>{e.classList.remove("has-multi-selection"),e.removeAttribute("aria-label")}}),[o])]),n]}Sf.__unstableElementContext=kf;var Ff=(0,u.forwardRef)((function(e,t){let{children:n,...o}=e;const[r,l,i]=zf();return(0,u.createElement)(u.Fragment,null,r,(0,u.createElement)("div",c({},o,{ref:(0,m.useMergeRefs)([l,t]),className:p()(o.className,"block-editor-writing-flow")}),n),i)}));function Vf(e){return(0,u.useMemo)((()=>{const t=document.implementation.createHTMLDocument("");return t.body.innerHTML=e,Array.from(t.body.children)}),[e])}function Hf(e){let{contentRef:t,children:n,head:o,tabIndex:r=0,scale:l=1,frameSize:i=0,readonly:s,forwardedRef:a,...d}=e;const f=(0,g.useSelect)((e=>e(E_).getSettings().__unstableResolvedAssets),[]),[,v]=(0,u.useReducer)((()=>({}))),[b,_]=(0,u.useState)(),[y,E]=(0,u.useState)([]),C=Vf(null==f?void 0:f.styles),S=C.map((e=>e.id)),w=(0,u.useMemo)((()=>Array.from(document.styleSheets).reduce(((e,t)=>{try{t.cssRules}catch(t){return e}const{ownerNode:n,cssRules:o}=t;if(null===n)return e;if(!o)return e;if("LINK"!==n.tagName)return e;if("wp-reset-editor-styles-css"===n.id)return e;if(function e(t){return Array.from(t).find((t=>{let{selectorText:n,conditionText:o,cssRules:r}=t;return o?e(r):n&&(n.includes(".editor-styles-wrapper")||n.includes(".wp-block"))}))}(o)){e.push(n.cloneNode(!0));const t=n.id.replace("-css","-inline-css"),o=document.getElementById(t);o&&e.push(o.cloneNode(!0))}return e}),[])),[]).filter((e=>!S.includes(e.id))),B=Vf(null==f?void 0:f.scripts),I=Xg(),[x,T,M]=zf(),[N,{height:P}]=(0,m.useResizeObserver)(),L=(0,m.useRefEffect)((e=>{let t;function n(e){e.preventDefault()}function o(){const{contentDocument:o,ownerDocument:r}=e,{readyState:l,documentElement:i}=o;return t=o,("interactive"===l||"complete"===l)&&(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)}(o),_(o),I(i),E(Array.from(r.body.classList).filter((e=>e.startsWith("admin-color-")||e.startsWith("post-type-")||"wp-embed-responsive"===e))),o.dir=r.dir,i.removeChild(o.head),i.removeChild(o.body),t.addEventListener("dragover",n,!1),t.addEventListener("drop",n,!1),!0)}return e.addEventListener("load",o),()=>{var r,l;e.removeEventListener("load",o),null===(r=t)||void 0===r||r.removeEventListener("dragover",n),null===(l=t)||void 0===l||l.removeEventListener("drop",n)}}),[]),R=(0,m.useRefEffect)((e=>{B.reduce(((t,n)=>t.then((()=>async function(e,t){let{id:n,src:o}=t;return new Promise(((t,r)=>{const l=e.ownerDocument.createElement("script");l.id=n,o?(l.src=o,l.onload=()=>t(),l.onerror=()=>r()):t(),e.appendChild(l)}))}(e,n)))),Promise.resolve()).finally((()=>{v()}))}),[]),A=(0,m.useDisabled)({isDisabled:!s}),O=(0,m.useMergeRefs)([t,I,T,A]),D=(0,u.createElement)(u.Fragment,null,(0,u.createElement)("style",null,"html{height:auto!important;}body{margin:0}"),[...C,...w].map((e=>{let{tagName:t,href:n,id:o,rel:r,media:l,textContent:i}=e;const s=t.toLowerCase();return"style"===s?(0,u.createElement)(s,{id:o,key:o},i):(0,u.createElement)(s,{href:n,id:o,rel:r,media:l,key:o})}))),z=(0,u.useMemo)((()=>""+(0,u.renderToString)(D)),[]);return(0,u.createElement)(u.Fragment,null,r>=0&&x,(0,u.createElement)("iframe",c({},d,{ref:(0,m.useMergeRefs)([a,L]),tabIndex:r,srcDoc:z,title:(0,k.__)("Editor canvas")}),b&&(0,u.createPortal)((0,u.createElement)(u.Fragment,null,(0,u.createElement)("head",{ref:R},D,o,(0,u.createElement)("style",null,`html { transition: background 5s; ${i?"background: #2f2f2f; transition: background 0s;":""} }`)),(0,u.createElement)("body",{ref:O,className:p()("block-editor-iframe__body","editor-styles-wrapper",...y),style:{marginBottom:`-${P*(1-l)-i}px`,marginTop:i,transform:`scale( ${l} )`}},N,(0,u.createElement)(h.__experimentalStyleProvider,{document:b},n))),b.documentElement)),r>=0&&M)}var Gf=(0,u.forwardRef)((function(e,t){return(0,g.useSelect)((e=>e(E_).getSettings().__internalIsInitialized),[])?(0,u.createElement)(Hf,c({},e,{forwardedRef:t})):null}));function Uf(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(a=jf(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 Kf=n(3124),qf=n.n(Kf);const Yf=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;function Zf(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(),g(n);e.length&&"}"!==e.charAt(0)&&(t=S()||w());)!1!==t&&(n.push(t),g(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 g(e){let t;for(e=e||[];t=f();)!1!==t&&e.push(t);return e}function f(){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 Qf(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=Qf(t[0]),!p(/^:\s*/))return a("property missing ':'");const n=p(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/),o=e({type:"declaration",property:t.replace(Yf,""),value:n?Qf(n[0]).replace(Yf,""):""});return p(/^[;\s]*/),o}function b(){const e=[];if(!c())return a("missing '{'");let t;for(g(e);t=v();)!1!==t&&(e.push(t),g(e));return u()?e:a("missing '}'")}function _(){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 k=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=g();for(;r=_();)i.push(r),i=i.concat(g());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=Qf(t[1]);if(!c())return a("@media missing '{'");const o=g().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:Qf(t[1]),media:Qf(t[2])})}()||function(){const e=l(),t=p(/^@supports *([^{]+)/);if(!t)return;const n=Qf(t[1]);if(!c())return a("@supports missing '{'");const o=g().concat(d());return u()?e({type:"supports",supports:n,rules:o}):a("@supports missing '}'")}()||k()||y()||E()||function(){const e=l(),t=p(/^@([-\w]+)?document *([^{]+)/);if(!t)return;const n=Qf(t[1]),o=Qf(t[2]);if(!c())return a("@document missing '{'");const r=g().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=g();for(;n=v();)o.push(n),o=o.concat(g());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=g().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=g();for(;t=v();)n.push(t),n=n.concat(g());return u()?e({type:"font-face",declarations:n}):a("@font-face missing '}'")}()}function w(){const e=l(),t=h();return t?(g(),e({type:"rule",selectors:t,declarations:b()})):a("selector missing")}return Xf(function(){const e=d();return{type:"stylesheet",stylesheet:{source:t.source,rules:e,parsingErrors:s}}}())}function Qf(e){return e?e.replace(/^\s+|\s+$/g,""):""}function Xf(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){Xf(e,o)})):n&&"object"==typeof n&&Xf(n,o)}return n&&Object.defineProperty(e,"parent",{configurable:!0,writable:!0,enumerable:!1,value:t||null}),e}var Jf=n(8575),eh=n.n(Jf),th=nh;function nh(e){this.options=e||{}}nh.prototype.emit=function(e){return e},nh.prototype.visit=function(e){return this[e.type](e)},nh.prototype.mapVisit=function(e,t){let n="";t=t||"";for(let o=0,r=e.length;ot=>{if("declaration"===t.type){const l=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]};ah(e)&&o.push(e)}return o}(t.value).map((r=e,e=>({...e,newUrl:"url("+e.before+e.quote+ch(e.value,r)+e.quote+e.after+")"})));return{...t,value:(n=t.value,o=l,o.forEach((e=>{n=n.replace(e.source,e.newUrl)})),n)}}var n,o,r;return t};const dh=/^(body|html|:root).*$/;var ph=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n=>{const o=n=>t.includes(n.trim())?n:n.match(dh)?n.replace(/^(body|html|:root)/,e):e+" "+n;return"rule"===n.type?{...n,selectors:n.selectors.map(o)}:n}};var mh=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Object.values(null!=e?e:[]).map((e=>{let{css:n,baseURL:o}=e;const r=[];return t&&r.push(ph(t)),o&&r.push(uh(o)),r.length?sh(n,(0,m.compose)(r)):n}))};const gh=".editor-styles-wrapper";function fh(e){return(0,u.useCallback)((e=>{if(!e)return;const{ownerDocument:t}=e,{defaultView:n,body:o}=t,r=t.querySelector(gh);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=br(l);i.luminance()>.5||0===i.alpha()?o.classList.remove("is-dark-theme"):o.classList.add("is-dark-theme")}),[e])}function hh(e){let{styles:t}=e;const n=(0,u.useMemo)((()=>mh(t,gh)),[t]);return(0,u.createElement)(u.Fragment,null,(0,u.createElement)("style",{ref:fh(t)}),n.map(((e,t)=>(0,u.createElement)("style",{key:t},e))))}let vh;kr([Uf,Wf]);const bh=2e3;function _h(e){let{viewportWidth:t,containerWidth:n,minHeight:o,additionalStyles:r=[]}=e;t||(t=n);const[l,{height:i}]=(0,m.useResizeObserver)(),{styles:s,duotone:a}=(0,g.useSelect)((e=>{var t,n;const o=e(E_).getSettings();return{styles:o.styles,duotone:null===(t=o.__experimentalFeatures)||void 0===t||null===(n=t.color)||void 0===n?void 0:n.duotone}}),[]),c=(0,u.useMemo)((()=>s?[...s,{css:"body{height:auto;overflow:hidden;border:none;padding:0;}",__unstableType:"presets"},...r]:s),[s,r]),d=(0,u.useMemo)((()=>{var e,t;return[...null!==(e=null==a?void 0:a.default)&&void 0!==e?e:[],...null!==(t=null==a?void 0:a.theme)&&void 0!==t?t:[]]}),[a]);vh=vh||(0,m.pure)(Sf);const p=n/t;return(0,u.createElement)(h.Disabled,{className:"block-editor-block-preview__content",style:{transform:`scale(${p})`,height:i*p,maxHeight:i>bh?bh*p:void 0,minHeight:o}},(0,u.createElement)(Gf,{head:(0,u.createElement)(hh,{styles:c}),contentRef:(0,m.useRefEffect)((e=>{const{ownerDocument:{documentElement:t}}=e;t.classList.add("block-editor-block-preview__content-iframe"),t.style.position="absolute",t.style.width="100%",e.style.boxSizing="border-box",e.style.position="absolute",e.style.width="100%"}),[]),"aria-hidden":!0,tabIndex:-1,style:{position:"absolute",width:t,height:i,pointerEvents:"none",maxHeight:bh,minHeight:0!==p&&p<1&&o?o/p:o}},l,d.map((e=>(0,u.createElement)(wr,{preset:e,key:e.slug}))),(0,u.createElement)(vh,{renderAppender:!1})))}function kh(e){const[t,{width:n}]=(0,m.useResizeObserver)();return(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{style:{position:"relative",width:"100%",height:0}},t),(0,u.createElement)("div",{className:"block-editor-block-preview__container"},!!n&&(0,u.createElement)(_h,c({},e,{containerWidth:n}))))}var yh=(0,u.memo)((function(e){let{blocks:t,viewportWidth:n=1200,minHeight:o,additionalStyles:r=[],__experimentalMinHeight:l,__experimentalPadding:i}=e;l&&(o=l,W()("The __experimentalMinHeight prop",{since:"6.2",version:"6.4",alternative:"minHeight"})),i&&(r=[...r,{css:`body { padding: ${i}px; }`}],W()("The __experimentalPadding prop of BlockPreview",{since:"6.2",version:"6.4",alternative:"additionalStyles"}));const s=(0,g.useSelect)((e=>e(E_).getSettings()),[]),a=(0,u.useMemo)((()=>({...s,__unstableIsPreviewMode:!0})),[s]),c=(0,u.useMemo)((()=>Array.isArray(t)?t:[t]),[t]);return t&&0!==t.length?(0,u.createElement)(wi,{value:c,settings:a},(0,u.createElement)(kh,{viewportWidth:n,minHeight:o,additionalStyles:r})):null}));function Eh(e){let{blocks:t,props:n={},__experimentalLayout:o}=e;const r=(0,g.useSelect)((e=>e(E_).getSettings()),[]),l=(0,u.useMemo)((()=>({...r,__unstableIsPreviewMode:!0})),[r]),i=(0,m.useDisabled)(),s=(0,m.useMergeRefs)([n.ref,i]),a=(0,u.useMemo)((()=>Array.isArray(t)?t:[t]),[t]),c=(0,u.createElement)(wi,{value:a,settings:l},(0,u.createElement)(Bf,{renderAppender:!1,__experimentalLayout:o}));return{...n,ref:s,className:p()(n.className,"block-editor-block-preview__live-content","components-disabled"),children:null!=t&&t.length?c:null}}var Ch=function(e){var t;let{item:n}=e;const{name:o,title:r,icon:l,description:i,initialAttributes:a,example:c}=n,d=(0,s.isReusableBlock)(n);return(0,u.createElement)("div",{className:"block-editor-inserter__preview-container"},(0,u.createElement)("div",{className:"block-editor-inserter__preview"},d||c?(0,u.createElement)("div",{className:"block-editor-inserter__preview-content"},(0,u.createElement)(yh,{blocks:c?(0,s.getBlockFromExample)(o,{attributes:{...c.attributes,...a},innerBlocks:c.innerBlocks}):(0,s.createBlock)(o,a),viewportWidth:null!==(t=null==c?void 0:c.viewportWidth)&&void 0!==t?t:500,additionalStyles:[{css:"body { padding: 16px; }"}]})):(0,u.createElement)("div",{className:"block-editor-inserter__preview-content-missing"},(0,k.__)("No Preview Available."))),!d&&(0,u.createElement)(Oi,{title:r,icon:l,description:i}))};var Sh=(0,u.createContext)();var wh=(0,u.forwardRef)((function(e,t){let{isFirst:n,as:o,children:r,...l}=e;const i=(0,u.useContext)(Sh);return(0,u.createElement)(h.__unstableCompositeItem,c({ref:t,state:i,role:"option",focusable:!0},l),(e=>{const t={...e,tabIndex:n?0:e.tabIndex};return o?(0,u.createElement)(o,t,r):"function"==typeof r?r(t):(0,u.createElement)(h.Button,t,r)}))}));var Bh=e=>{let{isEnabled:t,blocks:n,icon:o,children:r,isPattern:l}=e;const i={type:"inserter",blocks:n};return(0,u.createElement)(h.Draggable,{__experimentalTransferDataType:"wp-blocks",transferData:i,__experimentalDragComponent:(0,u.createElement)(Ap,{count:n.length,icon:o,isPattern:l})},(e=>{let{onDraggableStart:n,onDraggableEnd:o}=e;return r({draggable:t,onDragStart:t?n:void 0,onDragEnd:t?o:void 0})}))};var Ih=(0,u.memo)((function(e){let{className:t,isFirst:n,item:o,onSelect:r,onHover:l,isDraggable:i,...a}=e;const d=(0,u.useRef)(!1),m=o.icon?{backgroundColor:o.icon.background,color:o.icon.foreground}:{},g=(0,u.useMemo)((()=>[(0,s.createBlock)(o.name,o.initialAttributes,(0,s.createBlocksFromInnerBlocksTemplate)(o.innerBlocks))]),[o.name,o.initialAttributes,o.initialAttributes]),f=(0,s.isReusableBlock)(o)||(0,s.isTemplatePart)(o);return(0,u.createElement)(Bh,{isEnabled:i&&!o.disabled,blocks:g,icon:o.icon},(e=>{let{draggable:i,onDragStart:s,onDragEnd:g}=e;return(0,u.createElement)("div",{className:p()("block-editor-block-types-list__list-item",{"is-synced":f}),draggable:i,onDragStart:e=>{d.current=!0,s&&(l(null),s(e))},onDragEnd:e=>{d.current=!1,g&&g(e)}},(0,u.createElement)(wh,c({isFirst:n,className:p()("block-editor-block-types-list__item",t),disabled:o.isDisabled,onClick:e=>{e.preventDefault(),r(o,(0,md.isAppleOS)()?e.metaKey:e.ctrlKey),l(null)},onKeyDown:e=>{const{keyCode:t}=e;t===md.ENTER&&(e.preventDefault(),r(o,(0,md.isAppleOS)()?e.metaKey:e.ctrlKey),l(null))},onMouseEnter:()=>{d.current||l(o)},onMouseLeave:()=>l(null)},a),(0,u.createElement)("span",{className:"block-editor-block-types-list__item-icon",style:m},(0,u.createElement)(Ai,{icon:o.icon,showColors:!0})),(0,u.createElement)("span",{className:"block-editor-block-types-list__item-title"},(0,u.createElement)(h.__experimentalTruncate,{numberOfLines:3},o.title))))}))}));var xh=(0,u.forwardRef)((function(e,t){const[n,o]=(0,u.useState)(!1);return(0,u.useEffect)((()=>{n&&(0,pn.speak)((0,k.__)("Use left and right arrow keys to move through blocks"))}),[n]),(0,u.createElement)("div",c({ref:t,role:"listbox","aria-orientation":"horizontal",onFocus:()=>{o(!0)},onBlur:e=>{!e.currentTarget.contains(e.relatedTarget)&&o(!1)}},e))}));var Th=(0,u.forwardRef)((function(e,t){const n=(0,u.useContext)(Sh);return(0,u.createElement)(h.__unstableCompositeGroup,c({state:n,role:"presentation",ref:t},e))}));var Mh=function(e){let{items:t=[],onSelect:n,onHover:o=(()=>{}),children:r,label:l,isDraggable:i=!0}=e;return(0,u.createElement)(xh,{className:"block-editor-block-types-list","aria-label":l},function(e,t){const n=[];for(let o=0,r=e.length;o(0,u.createElement)(Th,{key:t},e.map(((e,r)=>(0,u.createElement)(Ih,{key:e.id,item:e,className:(0,s.getBlockMenuDefaultClassName)(e.id),onSelect:n,onHover:o,isDraggable:i&&!e.isDisabled,isFirst:0===t&&0===r})))))),r)};var Nh=function(e){let{title:t,icon:n,children:o}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{className:"block-editor-inserter__panel-header"},(0,u.createElement)("h2",{className:"block-editor-inserter__panel-title"},t),(0,u.createElement)(h.Icon,{icon:n})),(0,u.createElement)("div",{className:"block-editor-inserter__panel-content"},o))};var Ph=(e,t)=>{const{categories:n,collections:o,items:r}=(0,g.useSelect)((t=>{const{getInserterItems:n}=t(E_),{getCategories:o,getCollections:r}=t(s.store);return{categories:o(),collections:r(),items:n(e)}}),[e]);return[r,n,o,(0,u.useCallback)(((e,n)=>{let{name:o,initialAttributes:r,innerBlocks:l}=e;const i=(0,s.createBlock)(o,r,(0,s.createBlocksFromInnerBlocksTemplate)(l));t(i,void 0,n)}),[t])]};var Lh=function(e){let{children:t}=e;const n=(0,h.__unstableUseCompositeState)({shift:!0,wrap:"horizontal"});return(0,u.createElement)(Sh.Provider,{value:n},t)};const Rh=[];var Ah=function(e){let{rootClientId:t,onInsert:n,onHover:o,showMostUsedBlocks:r}=e;const[l,i,s,a]=Ph(t,n),c=(0,u.useMemo)((()=>Y(l,"frecency","desc").slice(0,6)),[l]),d=(0,u.useMemo)((()=>l.filter((e=>!e.category))),[l]),p=(0,u.useMemo)((()=>(0,m.pipe)((e=>e.filter((e=>e.category&&"reusable"!==e.category))),(e=>(0,f.groupBy)(e,"category")))(l)),[l]),g=(0,u.useMemo)((()=>{const e={...s};return Object.keys(s).forEach((t=>{e[t]=l.filter((e=>(e=>e.name.split("/")[0])(e)===t)),0===e[t].length&&delete e[t]})),e}),[l,s]);(0,u.useEffect)((()=>()=>o(null)),[]);const h=(0,m.useAsyncList)(i),v=i.length===h.length,b=(0,u.useMemo)((()=>Object.entries(s)),[s]),_=(0,m.useAsyncList)(v?b:Rh);return(0,u.createElement)(Lh,null,(0,u.createElement)("div",null,r&&!!c.length&&(0,u.createElement)(Nh,{title:(0,k._x)("Most used","blocks")},(0,u.createElement)(Mh,{items:c,onSelect:a,onHover:o,label:(0,k._x)("Most used","blocks")})),h.map((e=>{const t=p[e.slug];return t&&t.length?(0,u.createElement)(Nh,{key:e.slug,title:e.title,icon:e.icon},(0,u.createElement)(Mh,{items:t,onSelect:a,onHover:o,label:e.title})):null})),v&&d.length>0&&(0,u.createElement)(Nh,{className:"block-editor-inserter__uncategorized-blocks-panel",title:(0,k.__)("Uncategorized")},(0,u.createElement)(Mh,{items:d,onSelect:a,onHover:o,label:(0,k.__)("Uncategorized")})),_.map((e=>{let[t,n]=e;const r=g[t];return r&&r.length?(0,u.createElement)(Nh,{key:t,title:n.title,icon:n.icon},(0,u.createElement)(Mh,{items:r,onSelect:a,onHover:o,label:n.title})):null}))))};var Oh=(e,t)=>{const{patternCategories:n,patterns:o}=(0,g.useSelect)((e=>{const{__experimentalGetAllowedPatterns:n,getSettings:o}=e(E_);return{patterns:n(t),patternCategories:o().__experimentalBlockPatternCategories}}),[t]),{createSuccessNotice:r}=(0,g.useDispatch)(Nm.store),l=(0,u.useCallback)(((t,n)=>{e((null!=n?n:[]).map((e=>(0,s.cloneBlock)(e))),t.name),r((0,k.sprintf)((0,k.__)('Block pattern "%s" inserted.'),t.title),{type:"snackbar"})}),[]);return[o,n,l]};const Dh=e=>{let{showTooltip:t,title:n,children:o}=e;return t?(0,u.createElement)(h.Tooltip,{text:n},o):(0,u.createElement)(u.Fragment,null,o)};function zh(e){let{isDraggable:t,pattern:n,onClick:o,onHover:r,composite:l,showTooltip:i}=e;const[s,a]=(0,u.useState)(!1),{blocks:d,viewportWidth:p}=n,g=`block-editor-block-patterns-list__item-description-${(0,m.useInstanceId)(zh)}`;return(0,u.createElement)(Bh,{isEnabled:t,blocks:d,isPattern:!!n},(e=>{let{draggable:t,onDragStart:m,onDragEnd:f}=e;return(0,u.createElement)("div",{className:"block-editor-block-patterns-list__list-item",draggable:t,onDragStart:e=>{a(!0),m&&(null==r||r(null),m(e))},onDragEnd:e=>{a(!1),f&&f(e)}},(0,u.createElement)(Dh,{showTooltip:i,title:n.title},(0,u.createElement)(h.__unstableCompositeItem,c({role:"option",as:"div"},l,{className:"block-editor-block-patterns-list__item",onClick:()=>{o(n,d),null==r||r(null)},onMouseEnter:()=>{s||null==r||r(n)},onMouseLeave:()=>null==r?void 0:r(null),"aria-label":n.title,"aria-describedby":n.description?g:void 0}),(0,u.createElement)(yh,{blocks:d,viewportWidth:p}),!i&&(0,u.createElement)("div",{className:"block-editor-block-patterns-list__item-title"},n.title),!!n.description&&(0,u.createElement)(h.VisuallyHidden,{id:g},n.description))))}))}function Fh(){return(0,u.createElement)("div",{className:"block-editor-block-patterns-list__item is-placeholder"})}var Vh=function(e){let{isDraggable:t,blockPatterns:n,shownPatterns:o,onHover:r,onClickPattern:l,orientation:i,label:s=(0,k.__)("Block Patterns"),showTitlesAsTooltip:a}=e;const d=(0,h.__unstableUseCompositeState)({orientation:i});return(0,u.createElement)(h.__unstableComposite,c({},d,{role:"listbox",className:"block-editor-block-patterns-list","aria-label":s}),n.map((e=>o.includes(e)?(0,u.createElement)(zh,{key:e.name,pattern:e,onClick:l,onHover:r,isDraggable:t,composite:d,showTooltip:a}):(0,u.createElement)(Fh,{key:e.name}))))};function Hh(e){let{selectedCategory:t,patternCategories:n,onClickCategory:o}=e;const r="block-editor-block-patterns-explorer__sidebar";return(0,u.createElement)("div",{className:`${r}__categories-list`},n.map((e=>{let{name:n,label:l}=e;return(0,u.createElement)(h.Button,{key:n,label:l,className:`${r}__categories-list__item`,isPressed:t===n,onClick:()=>{o(n)}},l)})))}function Gh(e){let{filterValue:t,setFilterValue:n}=e;return(0,u.createElement)("div",{className:"block-editor-block-patterns-explorer__search"},(0,u.createElement)(h.SearchControl,{__nextHasNoMarginBottom:!0,onChange:n,value:t,label:(0,k.__)("Search for patterns"),placeholder:(0,k.__)("Search")}))}var Uh=function(e){let{selectedCategory:t,patternCategories:n,onClickCategory:o,filterValue:r,setFilterValue:l}=e;return(0,u.createElement)("div",{className:"block-editor-block-patterns-explorer__sidebar"},(0,u.createElement)(Gh,{filterValue:r,setFilterValue:l}),!r&&(0,u.createElement)(Hh,{selectedCategory:t,patternCategories:n,onClickCategory:o}))};var $h=function(){return(0,u.createElement)("div",{className:"block-editor-inserter__no-results"},(0,u.createElement)(Jd,{className:"block-editor-inserter__no-results-icon",icon:Ri}),(0,u.createElement)("p",null,(0,k.__)("No results found.")))};var jh=function(e){let{rootClientId:t="",insertionIndex:n,clientId:o,isAppender:r,onSelect:l,shouldFocusBlock:i=!0,selectBlockOnInsert:a=!0}=e;const{getSelectedBlock:c}=(0,g.useSelect)(E_),{destinationRootClientId:d,destinationIndex:p}=(0,g.useSelect)((e=>{const{getSelectedBlockClientId:l,getBlockRootClientId:i,getBlockIndex:s,getBlockOrder:a}=e(E_),c=l();let u,d=t;return void 0!==n?u=n:o?u=s(o):!r&&c?(d=i(c),u=s(c)+1):u=a(d).length,{destinationRootClientId:d,destinationIndex:u}}),[t,n,o,r]),{replaceBlocks:m,insertBlocks:f,showInsertionPoint:h,hideInsertionPoint:v}=(0,g.useDispatch)(E_),b=(0,u.useCallback)((function(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const o=c();!r&&o&&(0,s.isUnmodifiedDefaultBlock)(o)?m(o.clientId,e,null,i||n?0:null,t):f(e,p,d,a,i||n?0:null,t);const u=Array.isArray(e)?e.length:1,g=(0,k.sprintf)((0,k._n)("%d block added.","%d blocks added.",u),u);(0,pn.speak)(g),l&&l(e)}),[r,c,m,f,d,p,l,i]),_=(0,u.useCallback)((e=>{e?h(d,p):v()}),[h,v,d,p]);return[d,b,_]},Wh=n(4793),Kh=n.n(Wh);function qh(e){return e.toLowerCase()}var Yh=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],Zh=/[^A-Z0-9]+/gi;function Qh(e,t){void 0===t&&(t={});for(var n=t.splitRegexp,o=void 0===n?Yh:n,r=t.stripRegexp,l=void 0===r?Zh:r,i=t.transform,s=void 0===i?qh:i,a=t.delimiter,c=void 0===a?" ":a,u=Xh(Xh(e,o,"$1\0$2"),l,"\0"),d=0,p=u.length;"\0"===u.charAt(d);)d++;for(;"\0"===u.charAt(p-1);)p--;return u.slice(d,p).split("\0").map(s).join(c)}function Xh(e,t,n){return t instanceof RegExp?e.replace(t,n):t.reduce((function(e,t){return e.replace(t,n)}),e)}const Jh=e=>e.name||"",ev=e=>e.title,tv=e=>e.description||"",nv=e=>e.keywords||[],ov=e=>e.category,rv=()=>null;function lv(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return Qh(e,{splitRegexp:[/([\p{Ll}\p{Lo}\p{N}])([\p{Lu}\p{Lt}])/gu,/([\p{Lu}\p{Lt}])([\p{Lu}\p{Lt}][\p{Ll}\p{Lo}])/gu],stripRegexp:/(\p{C}|\p{P}|\p{S})+/giu}).split(" ").filter(Boolean)}function iv(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e=Kh()(e),e=e.replace(/^\//,""),e=e.toLowerCase(),e}const sv=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return lv(iv(e))},av=(e,t)=>e.filter((e=>!sv(t).some((t=>t.includes(e))))),cv=(e,t,n,o)=>{if(0===sv(o).length)return e;return uv(e,o,{getCategory:e=>{var n;return null===(n=t.find((t=>{let{slug:n}=t;return n===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}})},uv=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const o=sv(t);if(0===o.length)return e;const r=e.map((e=>[e,dv(e,t,n)])).filter((e=>{let[,t]=e;return t>0}));return r.sort(((e,t)=>{let[,n]=e,[,o]=t;return o-n})),r.map((e=>{let[t]=e;return t}))};function dv(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{getName:o=Jh,getTitle:r=ev,getDescription:l=tv,getKeywords:i=nv,getCategory:s=ov,getCollection:a=rv}=n,c=o(e),u=r(e),d=l(e),p=i(e),m=s(e),g=a(e),f=iv(t),h=iv(u);let v=0;if(f===h)v+=30;else if(h.startsWith(f))v+=20;else{const e=[c,u,d,...p,m,g].join(" "),t=lv(f);0===av(t,e).length&&(v+=10)}if(0!==v&&c.startsWith("core/")){v+=c!==e.id?1:2}return v}function pv(e){let{filterValue:t,filteredBlockPatternsLength:n}=e;return t?(0,u.createElement)(h.__experimentalHeading,{level:2,lineHeight:"48px",className:"block-editor-block-patterns-explorer__search-results-count"},(0,k.sprintf)((0,k._n)('%1$d pattern found for "%2$s"','%1$d patterns found for "%2$s"',n),n,t)):null}var mv=function(e){let{filterValue:t,selectedCategory:n,patternCategories:o}=e;const r=(0,m.useDebounce)(pn.speak,500),[l,i]=jh({shouldFocusBlock:!0}),[s,,a]=Oh(i,l),c=(0,u.useMemo)((()=>o.map((e=>e.name))),[o]),d=(0,u.useMemo)((()=>t?uv(s,t):s.filter((e=>{var t,o;return"uncategorized"===n?!(null!==(t=e.categories)&&void 0!==t&&t.length)||e.categories.every((e=>!c.includes(e))):null===(o=e.categories)||void 0===o?void 0:o.includes(n)}))),[t,n,s]);(0,u.useEffect)((()=>{if(!t)return;const e=d.length,n=(0,k.sprintf)((0,k._n)("%d result found.","%d results found.",e),e);r(n)}),[t,r]);const p=(0,m.useAsyncList)(d,{step:2}),g=!(null==d||!d.length);return(0,u.createElement)("div",{className:"block-editor-block-patterns-explorer__list"},g&&(0,u.createElement)(pv,{filterValue:t,filteredBlockPatternsLength:d.length}),(0,u.createElement)(Lh,null,!g&&(0,u.createElement)($h,null),g&&(0,u.createElement)(Vh,{shownPatterns:p,blockPatterns:d,onClickPattern:a,isDraggable:!1})))};function gv(e){let{initialCategory:t,patternCategories:n}=e;const[o,r]=(0,u.useState)(""),[l,i]=(0,u.useState)(null==t?void 0:t.name);return(0,u.createElement)("div",{className:"block-editor-block-patterns-explorer"},(0,u.createElement)(Uh,{selectedCategory:l,patternCategories:n,onClickCategory:i,filterValue:o,setFilterValue:r}),(0,u.createElement)(mv,{filterValue:o,selectedCategory:l,patternCategories:n}))}var fv=function(e){let{onModalClose:t,...n}=e;return(0,u.createElement)(h.Modal,{title:(0,k.__)("Patterns"),onRequestClose:t,isFullScreen:!0},(0,u.createElement)(gv,n))};function hv(e){let{title:t}=e;return(0,u.createElement)(h.__experimentalVStack,{spacing:0},(0,u.createElement)(h.__experimentalView,null,(0,u.createElement)(h.__experimentalSpacer,{marginBottom:0,paddingX:4,paddingY:3},(0,u.createElement)(h.__experimentalHStack,{spacing:2},(0,u.createElement)(h.__experimentalNavigatorBackButton,{style:{minWidth:24,padding:0},icon:(0,k.isRTL)()?Pi:Li,isSmall:!0,"aria-label":(0,k.__)("Navigate to the previous view")}),(0,u.createElement)(h.__experimentalSpacer,null,(0,u.createElement)(h.__experimentalHeading,{level:5},t))))))}function vv(e){let{categories:t,children:n}=e;return(0,u.createElement)(h.__experimentalNavigatorProvider,{initialPath:"/",className:"block-editor-inserter__mobile-tab-navigation"},(0,u.createElement)(h.__experimentalNavigatorScreen,{path:"/"},(0,u.createElement)(h.__experimentalItemGroup,null,t.map((e=>(0,u.createElement)(h.__experimentalNavigatorButton,{key:e.name,path:`/category/${e.name}`,as:h.__experimentalItem,isAction:!0},(0,u.createElement)(h.__experimentalHStack,null,(0,u.createElement)(h.FlexBlock,null,e.label),(0,u.createElement)(Jd,{icon:(0,k.isRTL)()?Li:Pi}))))))),t.map((e=>(0,u.createElement)(h.__experimentalNavigatorScreen,{key:e.name,path:`/category/${e.name}`},(0,u.createElement)(hv,{title:(0,k.__)("Back")}),n(e)))))}function bv(e){const[t,n]=Oh(void 0,e),o=(0,u.useCallback)((e=>!(!e.categories||!e.categories.length)&&e.categories.some((e=>n.some((t=>t.name===e))))),[n]),r=(0,u.useMemo)((()=>{const e=n.filter((e=>t.some((t=>{var n;return null===(n=t.categories)||void 0===n?void 0:n.includes(e.name)})))).sort(((e,t)=>{let{name:n}=e,{name:o}=t;return[n,o].some((e=>["featured","text"].includes(e)))?"featured"===n||"text"===o?-1:1:0}));return t.some((e=>!o(e)))&&!e.find((e=>"uncategorized"===e.name))&&e.push({name:"uncategorized",label:(0,k._x)("Uncategorized")}),e}),[t,n]);return r}function _v(e){let{rootClientId:t,onInsert:n,onHover:o,category:r,showTitlesAsTooltip:l}=e;const i=(0,u.useRef)();return(0,u.useEffect)((()=>{const e=setTimeout((()=>{const[e]=Di.focus.tabbable.find(i.current);null==e||e.focus()}));return()=>clearTimeout(e)}),[r]),(0,u.createElement)("div",{ref:i,className:"block-editor-inserter__patterns-category-dialog"},(0,u.createElement)(kv,{rootClientId:t,onInsert:n,onHover:o,category:r,showTitlesAsTooltip:l}))}function kv(e){let{rootClientId:t,onInsert:n,onHover:o,category:r,showTitlesAsTooltip:l}=e;const[i,,s]=Oh(n,t),a=bv(t),c=(0,u.useMemo)((()=>i.filter((e=>{var t,n,o;if("uncategorized"!==r.name)return null===(o=e.categories)||void 0===o?void 0:o.includes(r.name);return 0===(null!==(t=null===(n=e.categories)||void 0===n?void 0:n.filter((e=>a.find((t=>t.name===e)))))&&void 0!==t?t:[]).length}))),[i,r]),d=(0,m.useAsyncList)(c);return(0,u.useEffect)((()=>()=>o(null)),[]),c.length?(0,u.createElement)("div",{className:"block-editor-inserter__patterns-category-panel"},(0,u.createElement)("div",{className:"block-editor-inserter__patterns-category-panel-title"},r.label),(0,u.createElement)("p",null,r.description),(0,u.createElement)(Vh,{shownPatterns:d,blockPatterns:c,onClickPattern:s,onHover:o,label:r.label,orientation:"vertical",category:r.label,isDraggable:!0,showTitlesAsTooltip:l})):null}var yv=function(e){let{onSelectCategory:t,selectedCategory:n,onInsert:o,rootClientId:r}=e;const[l,i]=(0,u.useState)(!1),s=bv(r),a=n||s[0],c=(0,m.useViewportMatch)("medium","<");return(0,u.createElement)(u.Fragment,null,!c&&(0,u.createElement)("div",{className:"block-editor-inserter__block-patterns-tabs-container"},(0,u.createElement)("nav",{"aria-label":(0,k.__)("Block pattern categories")},(0,u.createElement)(h.__experimentalItemGroup,{role:"list",className:"block-editor-inserter__block-patterns-tabs"},s.map((e=>(0,u.createElement)(h.__experimentalItem,{role:"listitem",key:e.name,onClick:()=>t(e),className:e===n?"block-editor-inserter__patterns-category block-editor-inserter__patterns-selected-category":"block-editor-inserter__patterns-category","aria-label":e.label,"aria-current":e===n?"true":void 0},(0,u.createElement)(h.__experimentalHStack,null,(0,u.createElement)(h.FlexBlock,null,e.label),(0,u.createElement)(Jd,{icon:Pi}))))),(0,u.createElement)("div",{role:"listitem"},(0,u.createElement)(h.Button,{className:"block-editor-inserter__patterns-explore-button",onClick:()=>i(!0),variant:"secondary"},(0,k.__)("Explore all patterns")))))),c&&(0,u.createElement)(vv,{categories:s},(e=>(0,u.createElement)(kv,{onInsert:o,rootClientId:r,category:e,showTitlesAsTooltip:!1}))),l&&(0,u.createElement)(fv,{initialCategory:a,patternCategories:s,onModalClose:()=>i(!1)}))},Ev=window.wp.url;function Cv(e){let{onHover:t,onInsert:n,rootClientId:o}=e;const[r,,,l]=Ph(o,n),i=(0,u.useMemo)((()=>r.filter((e=>{let{category:t}=e;return"reusable"===t}))),[r]);return 0===i.length?(0,u.createElement)($h,null):(0,u.createElement)(Nh,{title:(0,k.__)("Reusable blocks")},(0,u.createElement)(Mh,{items:i,onSelect:l,onHover:t,label:(0,k.__)("Reusable blocks")}))}var Sv=function(e){let{rootClientId:t,onInsert:n,onHover:o}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Cv,{onHover:o,onInsert:n,rootClientId:t}),(0,u.createElement)("div",{className:"block-editor-inserter__manage-reusable-blocks-container"},(0,u.createElement)(h.Button,{className:"block-editor-inserter__manage-reusable-blocks",variant:"secondary",href:(0,Ev.addQueryArgs)("edit.php",{post_type:"wp_block"})},(0,k.__)("Manage Reusable blocks"))))};function wv(e){const[t,n]=(0,u.useState)([]),{canInsertImage:o,canInsertVideo:r,canInsertAudio:l}=(0,g.useSelect)((t=>{const{canInsertBlockType:n}=t(E_);return{canInsertImage:n("core/image",e),canInsertVideo:n("core/video",e),canInsertAudio:n("core/audio",e)}}),[e]),i=function(){const{inserterMediaCategories:e,allowedMimeTypes:t,enableOpenverseMediaCategory:n}=(0,g.useSelect)((e=>{const t=e(E_).getSettings();return{inserterMediaCategories:t.inserterMediaCategories,allowedMimeTypes:t.allowedMimeTypes,enableOpenverseMediaCategory:t.enableOpenverseMediaCategory}}),[]),o=(0,u.useMemo)((()=>{if(e&&t)return e.filter((e=>!(!n&&"openverse"===e.name)&&(!!e.isExternalResource||Object.values(t).some((t=>t.startsWith(`${e.mediaType}/`))))))}),[e,t,n]);return o}();return(0,u.useEffect)((()=>{(async()=>{const e=[];if(!i)return;const t=new Map(await Promise.all(i.map((async e=>{if(e.isExternalResource)return[e.name,!0];const t=await e.fetch({per_page:1});return[e.name,!!t.length]})))),s={image:o,video:r,audio:l};i.forEach((n=>{s[n.mediaType]&&t.get(n.name)&&e.push(n)})),e.length&&n(e)})()}),[o,r,l,i]),t}var Bv=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M18.2 17c0 .7-.6 1.2-1.2 1.2H7c-.7 0-1.2-.6-1.2-1.2V7c0-.7.6-1.2 1.2-1.2h3.2V4.2H7C5.5 4.2 4.2 5.5 4.2 7v10c0 1.5 1.2 2.8 2.8 2.8h10c1.5 0 2.8-1.2 2.8-2.8v-3.6h-1.5V17zM14.9 3v1.5h3.7l-6.4 6.4 1.1 1.1 6.4-6.4v3.7h1.5V3h-6.3z"}));const Iv={image:"img",video:"video",audio:"audio"};function xv(e,t){const n={id:e.id||void 0,caption:e.caption||void 0},o=e.url,r=e.alt||void 0;"image"===t?(n.url=o,n.alt=r):["video","audio"].includes(t)&&(n.src=o);const l=Iv[t],i=(0,u.createElement)(l,{src:e.previewUrl||o,alt:r,controls:"audio"===t||void 0,inert:"true",onError:t=>{let{currentTarget:n}=t;n.src===e.previewUrl&&(n.src=o)}});return[(0,s.createBlock)(`core/${t}`,n),i]}const Tv={position:"bottom left",className:"block-editor-inserter__media-list__item-preview-options__popover"};function Mv(e){let{category:t,media:n}=e;if(!t.getReportUrl)return null;const o=t.getReportUrl(n);return(0,u.createElement)(h.DropdownMenu,{className:"block-editor-inserter__media-list__item-preview-options",label:(0,k.__)("Options"),popoverProps:Tv,icon:Mm},(()=>(0,u.createElement)(h.MenuGroup,null,(0,u.createElement)(h.MenuItem,{onClick:()=>window.open(o,"_blank").focus(),icon:Bv},(0,k.sprintf)((0,k.__)("Report %s"),t.mediaType)))))}function Nv(e){var t;let{media:n,onClick:o,composite:r,category:l}=e;const[i,s]=(0,u.useState)(!1),[a,d]=(0,u.useMemo)((()=>xv(n,l.mediaType)),[n,l.mediaType]),m=(null===(t=n.title)||void 0===t?void 0:t.rendered)||n.title;let g;if(m.length>25){const e="...";g=m.slice(0,25-e.length)+e}const f=(0,u.useCallback)((()=>s(!0)),[]),v=(0,u.useCallback)((()=>s(!1)),[]);return(0,u.createElement)(Bh,{isEnabled:!0,blocks:[a]},(e=>{let{draggable:t,onDragStart:s,onDragEnd:b}=e;return(0,u.createElement)("div",{className:p()("block-editor-inserter__media-list__list-item",{"is-hovered":i}),draggable:t,onDragStart:s,onDragEnd:b},(0,u.createElement)(h.Tooltip,{text:g||m},(0,u.createElement)("div",{onMouseEnter:f,onMouseLeave:v},(0,u.createElement)(h.__unstableCompositeItem,c({role:"option",as:"div"},r,{className:"block-editor-inserter__media-list__item",onClick:()=>o(a),"aria-label":m}),(0,u.createElement)("div",{className:"block-editor-inserter__media-list__item-preview"},d)),(0,u.createElement)(Mv,{category:l,media:n}))))}))}var Pv=function(e){let{mediaList:t,category:n,onClick:o,label:r=(0,k.__)("Media List")}=e;const l=(0,h.__unstableUseCompositeState)(),i=(0,u.useCallback)((e=>{o((0,s.cloneBlock)(e))}),[o]);return(0,u.createElement)(h.__unstableComposite,c({},l,{role:"listbox",className:"block-editor-inserter__media-list","aria-label":r}),t.map(((e,t)=>(0,u.createElement)(Nv,{key:e.id||e.sourceId||t,media:e,category:n,onClick:i,composite:l}))))};function Lv(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const[t,n]=(0,u.useState)(e),[o,r]=(0,u.useState)(e),l=(0,m.useDebounce)(r,250);return(0,u.useEffect)((()=>{o!==t&&l(t)}),[o,t]),[t,n,o]}function Rv(e){let{rootClientId:t,onInsert:n,category:o}=e;const r=(0,u.useRef)();return(0,u.useEffect)((()=>{const e=setTimeout((()=>{const[e]=Di.focus.tabbable.find(r.current);null==e||e.focus()}));return()=>clearTimeout(e)}),[o]),(0,u.createElement)("div",{ref:r,className:"block-editor-inserter__media-dialog"},(0,u.createElement)(Av,{rootClientId:t,onInsert:n,category:o}))}function Av(e){let{rootClientId:t,onInsert:n,category:o}=e;const[r,l,i]=Lv(),{mediaList:s,isLoading:a}=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const[n,o]=(0,u.useState)(),[r,l]=(0,u.useState)(!1),i=(0,u.useRef)();return(0,u.useEffect)((()=>{(async()=>{var n;const r=JSON.stringify({category:e.name,...t});i.current=r,l(!0),o([]);const s=await(null===(n=e.fetch)||void 0===n?void 0:n.call(e,t));r===i.current&&(o(s),l(!1))})()}),[e.name,...Object.values(t)]),{mediaList:n,isLoading:r}}(o,{per_page:i?20:10,search:i}),c="block-editor-inserter__media-panel",d=o.labels.search_items||(0,k.__)("Search");return(0,u.createElement)("div",{className:c},(0,u.createElement)(h.SearchControl,{className:`${c}-search`,onChange:l,value:r,label:d,placeholder:d}),a&&(0,u.createElement)("div",{className:`${c}-spinner`},(0,u.createElement)(h.Spinner,null)),!a&&!(null!=s&&s.length)&&(0,u.createElement)($h,null),!a&&!(null==s||!s.length)&&(0,u.createElement)(Pv,{rootClientId:t,onClick:n,mediaList:s,category:o}))}var Ov=function(e){let{fallback:t=null,children:n}=e;const o=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return!!t().mediaUpload}),[]);return o?n:t};var Dv=(0,h.withFilters)("editor.MediaUpload")((()=>null));const zv=["image","video","audio"];var Fv=function(e){let{rootClientId:t,selectedCategory:n,onSelectCategory:o,onInsert:r}=e;const l=wv(t),i=(0,m.useViewportMatch)("medium","<"),s="block-editor-inserter__media-tabs",a=(0,u.useCallback)((e=>{if(null==e||!e.url)return;const[t]=xv(e,e.type);r(t)}),[r]),c=(0,u.useMemo)((()=>l.map((e=>({...e,label:e.labels.name})))),[l]);return(0,u.createElement)(u.Fragment,null,!i&&(0,u.createElement)("div",{className:`${s}-container`},(0,u.createElement)("nav",{"aria-label":(0,k.__)("Media categories")},(0,u.createElement)(h.__experimentalItemGroup,{role:"list",className:s},l.map((e=>(0,u.createElement)(h.__experimentalItem,{role:"listitem",key:e.name,onClick:()=>o(e),className:p()(`${s}__media-category`,{"is-selected":n===e}),"aria-label":e.labels.name,"aria-current":e===n?"true":void 0},(0,u.createElement)(h.__experimentalHStack,null,(0,u.createElement)(h.FlexBlock,null,e.labels.name),(0,u.createElement)(Jd,{icon:Pi}))))),(0,u.createElement)("div",{role:"listitem"},(0,u.createElement)(Ov,null,(0,u.createElement)(Dv,{multiple:!1,onSelect:a,allowedTypes:zv,render:e=>{let{open:t}=e;return(0,u.createElement)(h.Button,{onClick:e=>{e.target.focus(),t()},className:"block-editor-inserter__media-library-button",variant:"secondary","data-unstable-ignore-focus-outside-for-relatedtarget":".media-modal"},(0,k.__)("Open Media Library"))}})))))),i&&(0,u.createElement)(vv,{categories:c},(e=>(0,u.createElement)(Av,{onInsert:r,rootClientId:t,category:e}))))};const{Fill:Vv,Slot:Hv}=(0,h.createSlotFill)("__unstableInserterMenuExtension");Vv.Slot=Hv;var Gv=Vv;const Uv=[];var $v=function(e){let{filterValue:t,onSelect:n,onHover:o,rootClientId:r,clientId:l,isAppender:i,__experimentalInsertionIndex:s,maxBlockPatterns:a,maxBlockTypes:c,showBlockDirectory:d=!1,isDraggable:p=!0,shouldFocusBlock:g=!0,prioritizePatterns:f,selectBlockOnInsert:v}=e;const b=(0,m.useDebounce)(pn.speak,500),[_,y]=jh({onSelect:n,rootClientId:r,clientId:l,isAppender:i,insertionIndex:s,shouldFocusBlock:g,selectBlockOnInsert:v}),[E,C,S,w]=Ph(_,y),[B,,I]=Oh(y,_),x=(0,u.useMemo)((()=>{if(0===a)return[];const e=uv(B,t);return void 0!==a?e.slice(0,a):e}),[t,B,a]);let T=c;f&&x.length>2&&(T=0);const M=(0,u.useMemo)((()=>{if(0===T)return[];const e=cv(Y(E,"frecency","desc"),C,S,t);return void 0!==T?e.slice(0,T):e}),[t,E,C,S,c]);(0,u.useEffect)((()=>{if(!t)return;const e=M.length+x.length,n=(0,k.sprintf)((0,k._n)("%d result found.","%d results found.",e),e);b(n)}),[t,b]);const N=(0,m.useAsyncList)(M,{step:9}),P=(0,m.useAsyncList)(N.length===M.length?x:Uv),L=M.length>0||x.length>0,R=!!M.length&&(0,u.createElement)(Nh,{title:(0,u.createElement)(h.VisuallyHidden,null,(0,k.__)("Blocks"))},(0,u.createElement)(Mh,{items:N,onSelect:w,onHover:o,label:(0,k.__)("Blocks"),isDraggable:p})),A=!!x.length&&(0,u.createElement)(Nh,{title:(0,u.createElement)(h.VisuallyHidden,null,(0,k.__)("Block Patterns"))},(0,u.createElement)("div",{className:"block-editor-inserter__quick-inserter-patterns"},(0,u.createElement)(Vh,{shownPatterns:P,blockPatterns:x,onClickPattern:I,onHover:o,isDraggable:p})));return(0,u.createElement)(Lh,null,!d&&!L&&(0,u.createElement)($h,null),f?A:R,!!M.length&&!!x.length&&(0,u.createElement)("div",{className:"block-editor-inserter__quick-inserter-separator"}),f?R:A,d&&(0,u.createElement)(Gv.Slot,{fillProps:{onSelect:w,onHover:o,filterValue:t,hasItems:L,rootClientId:_}},(e=>e.length?e:L?null:(0,u.createElement)($h,null))))};const jv={name:"blocks",title:(0,k.__)("Blocks")},Wv={name:"patterns",title:(0,k.__)("Patterns")},Kv={name:"reusable",title:(0,k.__)("Reusable"),icon:U},qv={name:"media",title:(0,k.__)("Media")};var Yv=function(e){let{children:t,showPatterns:n=!1,showReusableBlocks:o=!1,showMedia:r=!1,onSelect:l,prioritizePatterns:i}=e;const s=(0,u.useMemo)((()=>{const e=[];return i&&n&&e.push(Wv),e.push(jv),!i&&n&&e.push(Wv),r&&e.push(qv),o&&e.push(Kv),e}),[i,jv,n,Wv,o,r,Kv]);return(0,u.createElement)(h.TabPanel,{className:"block-editor-inserter__tabs",tabs:s,onSelect:l},t)};var Zv=(0,u.forwardRef)((function(e,t){let{rootClientId:n,clientId:o,isAppender:r,__experimentalInsertionIndex:l,onSelect:i,showInserterHelpPanel:s,showMostUsedBlocks:a,__experimentalFilterValue:c="",shouldFocusBlock:d=!0,prioritizePatterns:m}=e;const[f,v,b]=Lv(c),[_,y]=(0,u.useState)(null),[E,C]=(0,u.useState)(null),[S,w]=(0,u.useState)(null),[B,I]=(0,u.useState)(null),[x,T,M]=jh({rootClientId:n,clientId:o,isAppender:r,insertionIndex:l,shouldFocusBlock:d}),{showPatterns:N,inserterItems:P}=(0,g.useSelect)((e=>{const{__experimentalGetAllowedPatterns:t,getInserterItems:n}=e(E_);return{showPatterns:!!t(x).length,inserterItems:n(x)}}),[x]),L=(0,u.useMemo)((()=>P.some((e=>{let{category:t}=e;return"reusable"===t}))),[P]),R=!!wv(x).length,A=(0,u.useCallback)(((e,t,n)=>{T(e,t,n),i()}),[T,i]),O=(0,u.useCallback)(((e,t)=>{T(e,{patternName:t}),i()}),[T,i]),D=(0,u.useCallback)((e=>{M(!!e),y(e)}),[M,y]),z=(0,u.useCallback)((e=>{M(!!e)}),[M]),F=(0,u.useCallback)((e=>{C(e)}),[C]),V=(0,u.useMemo)((()=>(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{className:"block-editor-inserter__block-list"},(0,u.createElement)(Ah,{rootClientId:x,onInsert:A,onHover:D,showMostUsedBlocks:a})),s&&(0,u.createElement)("div",{className:"block-editor-inserter__tips"},(0,u.createElement)(h.VisuallyHidden,{as:"h2"},(0,k.__)("A tip for using the block editor")),(0,u.createElement)(Ni,null)))),[x,A,D,b,a,s]),H=(0,u.useMemo)((()=>(0,u.createElement)(yv,{rootClientId:x,onInsert:O,onSelectCategory:F,selectedCategory:E})),[x,O,F,E]),G=(0,u.useMemo)((()=>(0,u.createElement)(Sv,{rootClientId:x,onInsert:A,onHover:D})),[x,A,D]),U=(0,u.useMemo)((()=>(0,u.createElement)(Fv,{rootClientId:x,selectedCategory:S,onSelectCategory:w,onInsert:A})),[x,A,S,w]),$=(0,u.useCallback)((e=>"blocks"===e.name?V:"patterns"===e.name?H:"reusable"===e.name?G:"media"===e.name?U:void 0),[V,H,G,U]),j=(0,u.useRef)();(0,u.useImperativeHandle)(t,(()=>({focusSearch:()=>{j.current.focus()}})));const W="patterns"===B&&!b&&E,K=!b&&(N||L||R),q="media"===B&&!b&&S;return(0,u.createElement)("div",{className:"block-editor-inserter__menu"},(0,u.createElement)("div",{className:p()("block-editor-inserter__main-area",{"show-as-tabs":K})},(0,u.createElement)(h.SearchControl,{__nextHasNoMarginBottom:!0,className:"block-editor-inserter__search",onChange:e=>{_&&y(null),v(e)},value:f,label:(0,k.__)("Search for blocks and patterns"),placeholder:(0,k.__)("Search"),ref:j}),!!b&&(0,u.createElement)("div",{className:"block-editor-inserter__no-tab-container"},(0,u.createElement)($v,{filterValue:b,onSelect:i,onHover:D,rootClientId:n,clientId:o,isAppender:r,__experimentalInsertionIndex:l,showBlockDirectory:!0,shouldFocusBlock:d})),K&&(0,u.createElement)(Yv,{showPatterns:N,showReusableBlocks:L,showMedia:R,prioritizePatterns:m,onSelect:I},$),!b&&!K&&(0,u.createElement)("div",{className:"block-editor-inserter__no-tab-container"},V)),q&&(0,u.createElement)(Rv,{rootClientId:x,onInsert:A,category:S}),s&&_&&(0,u.createElement)(Ch,{item:_}),W&&(0,u.createElement)(_v,{rootClientId:x,onInsert:O,onHover:z,category:E,showTitlesAsTooltip:!0}))}));function Qv(e){let{onSelect:t,rootClientId:n,clientId:o,isAppender:r,prioritizePatterns:l,selectBlockOnInsert:i}=e;const[s,a]=(0,u.useState)(""),[c,d]=jh({onSelect:t,rootClientId:n,clientId:o,isAppender:r,selectBlockOnInsert:i}),[m]=Ph(c,d),[f]=Oh(d,c),{setInserterIsOpened:v,insertionIndex:b}=(0,g.useSelect)((e=>{const{getSettings:t,getBlockIndex:n,getBlockCount:r}=e(E_),l=t(),i=n(o),s=r();return{setInserterIsOpened:l.__experimentalSetIsInserterOpened,insertionIndex:-1===i?s:i}}),[o]),_=f.length&&(!!s||l),y=_&&f.length>6||m.length>6;(0,u.useEffect)((()=>{v&&v(!1)}),[v]);let E=0;return _&&(E=l?4:2),(0,u.createElement)("div",{className:p()("block-editor-inserter__quick-inserter",{"has-search":y,"has-expand":v})},y&&(0,u.createElement)(h.SearchControl,{__nextHasNoMarginBottom:!0,className:"block-editor-inserter__search",value:s,onChange:e=>{a(e)},label:(0,k.__)("Search for blocks and patterns"),placeholder:(0,k.__)("Search")}),(0,u.createElement)("div",{className:"block-editor-inserter__quick-inserter-results"},(0,u.createElement)($v,{filterValue:s,onSelect:t,rootClientId:n,clientId:o,isAppender:r,maxBlockPatterns:E,maxBlockTypes:6,isDraggable:!1,prioritizePatterns:l,selectBlockOnInsert:i})),v&&(0,u.createElement)(h.Button,{className:"block-editor-inserter__quick-inserter-expand",onClick:()=>{v({rootClientId:n,insertionIndex:b,filterValue:s})},"aria-label":(0,k.__)("Browse all. This will open the main inserter panel in the editor toolbar.")},(0,k.__)("Browse all")))}const Xv=e=>{let t,{onToggle:n,disabled:o,isOpen:r,blockTitle:l,hasSingleBlockType:i,toggleProps:s={},prioritizePatterns:a}=e;t=i?(0,k.sprintf)((0,k._x)("Add %s","directly add the only allowed block"),l):a?(0,k.__)("Add pattern"):(0,k._x)("Add block","Generic label for block inserter button");const{onClick:d,...p}=s;return(0,u.createElement)(h.Button,c({icon:Ti,label:t,tooltipPosition:"bottom",onClick:function(e){n&&n(e),d&&d(e)},className:"block-editor-inserter__toggle","aria-haspopup":!i&&"true","aria-expanded":!i&&r,disabled:o},p))};class Jv extends u.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(e){let{onToggle:t,isOpen:n}=e;const{disabled:o,blockTitle:r,hasSingleBlockType:l,directInsertBlock:i,toggleProps:s,hasItems:a,renderToggle:c=Xv,prioritizePatterns:u}=this.props;return c({onToggle:t,isOpen:n,disabled:o||!a,blockTitle:r,hasSingleBlockType:l,directInsertBlock:i,toggleProps:s,prioritizePatterns:u})}renderContent(e){let{onClose:t}=e;const{rootClientId:n,clientId:o,isAppender:r,showInserterHelpPanel:l,__experimentalIsQuick:i,prioritizePatterns:s,onSelectOrClose:a,selectBlockOnInsert:c}=this.props;return i?(0,u.createElement)(Qv,{onSelect:e=>{const n=Array.isArray(e)&&null!=e&&e.length?e[0]:e;a&&"function"==typeof a&&a(n),t()},rootClientId:n,clientId:o,isAppender:r,prioritizePatterns:s,selectBlockOnInsert:c}):(0,u.createElement)(Zv,{onSelect:()=>{t()},rootClientId:n,clientId:o,isAppender:r,showInserterHelpPanel:l,prioritizePatterns:s})}render(){const{position:e,hasSingleBlockType:t,directInsertBlock:n,insertOnlyAllowedBlock:o,__experimentalIsQuick:r,onSelectOrClose:l}=this.props;return t||n?this.renderToggle({onToggle:o}):(0,u.createElement)(h.Dropdown,{className:"block-editor-inserter",contentClassName:p()("block-editor-inserter__popover",{"is-quick":r}),popoverProps:{position:e},onToggle:this.onToggle,expandOnMobile:!0,headerTitle:(0,k.__)("Add a block"),renderToggle:this.renderToggle,renderContent:this.renderContent,onClose:l})}}var eb=(0,m.compose)([(0,g.withSelect)(((e,t)=>{var n;let{clientId:o,rootClientId:r,shouldDirectInsert:l=!0}=t;const{getBlockRootClientId:i,hasInserterItems:a,getAllowedBlocks:c,__experimentalGetDirectInsertBlock:u,getSettings:d}=e(E_),{getBlockVariations:p}=e(s.store);r=r||i(o)||void 0;const m=c(r),g=l&&u(r),f=d(),h=1===(null==m?void 0:m.length)&&0===(null===(n=p(m[0].name,"inserter"))||void 0===n?void 0:n.length);let v=!1;return h&&(v=m[0]),{hasItems:a(r),hasSingleBlockType:h,blockTitle:v?v.title:"",allowedBlockType:v,directInsertBlock:g,rootClientId:r,prioritizePatterns:f.__experimentalPreferPatternsOnRoot&&!r}})),(0,g.withDispatch)(((e,t,n)=>{let{select:o}=n;return{insertOnlyAllowedBlock(){const{rootClientId:n,clientId:r,isAppender:l,hasSingleBlockType:i,allowedBlockType:a,directInsertBlock:c,onSelectOrClose:u,selectBlockOnInsert:d}=t;if(!i&&!c)return;const{insertBlock:p}=e(E_);let m;if(c){const e=function(e){const{getBlock:t,getPreviousBlockClientId:l}=o(E_);if(!e||!r&&!n)return{};const i={};let s={};if(r){const e=t(r),n=t(l(r));(null==e?void 0:e.name)===(null==n?void 0:n.name)&&(s=(null==n?void 0:n.attributes)||{})}else{var a;const e=t(n);if(null!=e&&null!==(a=e.innerBlocks)&&void 0!==a&&a.length){const t=e.innerBlocks[e.innerBlocks.length-1];c&&(null==c?void 0:c.name)===t.name&&(s=t.attributes)}}return e.forEach((e=>{s.hasOwnProperty(e)&&(i[e]=s[e])})),i}(c.attributesToCopy);m=(0,s.createBlock)(c.name,{...c.attributes||{},...e})}else m=(0,s.createBlock)(a.name);var g;(p(m,function(){const{getBlockIndex:e,getBlockSelectionEnd:t,getBlockOrder:i,getBlockRootClientId:s}=o(E_);if(r)return e(r);const a=t();return!l&&a&&s(a)===n?e(a)+1:i(n).length}(),n,d),u)&&u({clientId:null===(g=m)||void 0===g?void 0:g.clientId});const f=(0,k.sprintf)((0,k.__)("%s block added"),a.title);(0,pn.speak)(f)}}})),(0,m.ifCondition)((e=>{let{hasItems:t,isAppender:n,rootClientId:o,clientId:r}=e;return t||!n&&!o&&!r}))])(Jv);const tb=(0,u.forwardRef)(((e,t)=>{let{nestingLevel:n,blockCount:o,...r}=e;const[l,i]=(0,u.useState)(null),s=(0,m.useInstanceId)(tb),{hideInserter:a,clientId:d}=(0,g.useSelect)((e=>{const{getTemplateLock:t,__unstableGetEditorMode:n,getSelectedBlockClientId:o}=e(E_),r=o();return{clientId:o(),hideInserter:!!t(r)||"zoom-out"===n()}}),[]),p=xi({clientId:d,context:"list-view"}),f=xi({clientId:null==l?void 0:l.clientId,context:"list-view"});if((0,u.useEffect)((()=>{null!=f&&f.length&&(0,pn.speak)((0,k.sprintf)((0,k.__)("%s block inserted"),f),"assertive")}),[f]),a)return null;const h=`off-canvas-editor-appender__${s}`,v=(0,k.sprintf)((0,k.__)("Append to %1$s block at position %2$d, Level %3$d"),p,o+1,n);return(0,u.createElement)("div",{className:"offcanvas-editor-appender"},(0,u.createElement)(eb,c({ref:t,rootClientId:d,position:"bottom right",isAppender:!0,selectBlockOnInsert:!1,shouldDirectInsert:!1,__experimentalIsQuick:!0},r,{toggleProps:{"aria-describedby":h},onSelectOrClose:e=>{null!=e&&e.clientId&&i(e)}})),(0,u.createElement)("div",{className:"offcanvas-editor-appender__description",id:h},v))})),nb=Zu(h.__experimentalTreeGridRow);function ob(e){let{isSelected:t,position:n,level:o,rowCount:r,children:l,className:i,path:s,...a}=e;const d=Ju({isSelected:t,adjustScrolling:!1,enableAnimation:!0,triggerAnimationOnChange:s});return(0,u.createElement)(nb,c({ref:d,className:p()("block-editor-list-view-leaf","offcanvas-editor-list-view-leaf",i),level:o,positionInSet:n,setSize:r},a),l)}var rb=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M15 11h-.2V9c0-1.5-1.2-2.8-2.8-2.8S9.2 7.5 9.2 9v2H9c-.6 0-1 .4-1 1v4c0 .6.4 1 1 1h6c.6 0 1-.4 1-1v-4c0-.6-.4-1-1-1zm-1.8 0h-2.5V9c0-.7.6-1.2 1.2-1.2s1.2.6 1.2 1.2v2z"}));var lb=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"m13.1 16-3.4-4 3.4-4 1.1 1-2.6 3 2.6 3-1.1 1z"}));var ib=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z"}));function sb(e){let{onClick:t}=e;return(0,u.createElement)("span",{className:"block-editor-list-view__expander",onClick:e=>t(e,{forceToggle:!0}),"aria-hidden":"true"},(0,u.createElement)(Jd,{icon:(0,k.isRTL)()?lb:ib}))}var ab=(0,u.forwardRef)((function(e,t){let{className:n,block:o,onClick:r,onToggleExpanded:l,tabIndex:i,onFocus:s,onDragStart:a,onDragEnd:c,draggable:d}=e;const{clientId:m}=o,g=Ii(m),f=xi({clientId:m,context:"list-view"}),{isLocked:v}=og(m),b=g?(0,k.sprintf)((0,k.__)("Edit %s block"),g.title):(0,k.__)("Edit");return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.Button,{className:p()("block-editor-list-view-block-select-button",n),onClick:r,onKeyDown:function(e){e.keyCode!==md.ENTER&&e.keyCode!==md.SPACE||r(e)},ref:t,tabIndex:i,onFocus:s,onDragStart:e=>{e.dataTransfer.clearData(),null==a||a(e)},onDragEnd:c,draggable:d,href:`#block-${m}`,"aria-hidden":!0,title:b},(0,u.createElement)(sb,{onClick:l}),(0,u.createElement)(Ai,{icon:null==g?void 0:g.icon,showColors:!0,context:"list-view"}),(0,u.createElement)(h.__experimentalHStack,{alignment:"center",className:"block-editor-list-view-block-select-button__label-wrapper",justify:"flex-start",spacing:1},(0,u.createElement)("span",{className:"block-editor-list-view-block-select-button__title"},(0,u.createElement)(h.__experimentalTruncate,{ellipsizeMode:"auto"},f)),(null==g?void 0:g.anchor)&&(0,u.createElement)("span",{className:"block-editor-list-view-block-select-button__anchor-wrapper"},(0,u.createElement)(h.__experimentalTruncate,{className:"block-editor-list-view-block-select-button__anchor",ellipsizeMode:"auto"},g.anchor)),v&&(0,u.createElement)("span",{className:"block-editor-list-view-block-select-button__lock"},(0,u.createElement)(Jd,{icon:rb})))))})),cb=window.wp.escapeHtml;const ub=()=>{};var db=e=>{let{value:t,onChange:n=ub,settings:o}=e;if(!o||!o.length)return null;const r=e=>o=>{n({...t,[e.id]:o})},l=o.map((e=>(0,u.createElement)(h.ToggleControl,{className:"block-editor-link-control__setting",key:e.id,label:e.title,onChange:r(e),checked:!!t&&!!t[e.id]})));return(0,u.createElement)("fieldset",{className:"block-editor-link-control__settings"},(0,u.createElement)(h.VisuallyHidden,{as:"legend"},(0,k.__)("Currently selected link settings")),l)},pb=n(5425),mb=n.n(pb);function gb(e){return"function"==typeof e}class fb extends u.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,u.createRef)(),this.inputRef=(0,u.createRef)(),this.updateSuggestions=(0,m.debounce)(this.updateSuggestions.bind(this),200),this.suggestionNodes=[],this.suggestionsRequest=null,this.state={suggestions:[],showSuggestions:!1,isUpdatingSuggestions:!1,suggestionsValue:null,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,mb()(this.suggestionNodes[n],this.autocompleteRef.current,{onlyScrollIfNeeded:!0}),this.props.setTimeout((()=>{this.scrollingIntoView=!1}),100)),e.value===o||this.props.disableSuggestions||this.state.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),this.suggestionsRequest=null}bindSuggestionNode(e){return t=>{this.suggestionNodes[e]=t}}shouldShowInitialSuggestions(){const{__experimentalShowInitialSuggestions:e=!1,value:t}=this.props;return e&&!(t&&t.length)}updateSuggestions(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const{__experimentalFetchLinkSuggestions:n,__experimentalHandleURLSuggestions:o}=this.props;if(!n)return;const r=!(null!==(e=t)&&void 0!==e&&e.length);var l,i;if(t=t.trim(),!r&&(t.length<2||!o&&(0,Ev.isURL)(t)))return null===(l=this.suggestionsRequest)||void 0===l||null===(i=l.cancel)||void 0===i||i.call(l),this.suggestionsRequest=null,void this.setState({suggestions:[],showSuggestions:!1,suggestionsValue:t,selectedSuggestion:null,loading:!1});this.setState({isUpdatingSuggestions:!0,selectedSuggestion:null,loading:!0});const s=n(t,{isInitialSuggestions:r});s.then((e=>{this.suggestionsRequest===s&&(this.setState({suggestions:e,isUpdatingSuggestions:!1,suggestionsValue:t,loading:!1,showSuggestions:!!e.length}),e.length?this.props.debouncedSpeak((0,k.sprintf)((0,k._n)("%d result found, use up and down arrow keys to navigate.","%d results found, use up and down arrow keys to navigate.",e.length),e.length),"assertive"):this.props.debouncedSpeak((0,k.__)("No results."),"assertive"))})).catch((()=>{this.suggestionsRequest===s&&this.setState({isUpdatingSuggestions:!1,loading:!1})})),this.suggestionsRequest=s}onChange(e){this.props.onChange(e.target.value)}onFocus(){const{suggestions:e}=this.state,{disableSuggestions:t,value:n}=this.props;!n||t||this.state.isUpdatingSuggestions||e&&e.length||this.updateSuggestions(n)}onKeyDown(e){const{showSuggestions:t,selectedSuggestion:n,suggestions:o,loading:r}=this.state;if(!t||!o.length||r){switch(e.keyCode){case md.UP:0!==e.target.selectionStart&&(e.preventDefault(),e.target.setSelectionRange(0,0));break;case md.DOWN:this.props.value.length!==e.target.selectionStart&&(e.preventDefault(),e.target.setSelectionRange(this.props.value.length,this.props.value.length));break;case md.ENTER:e.preventDefault(),this.props.onSubmit&&this.props.onSubmit(null,e)}return}const l=this.state.suggestions[this.state.selectedSuggestion];switch(e.keyCode){case md.UP:{e.preventDefault();const t=n?n-1:o.length-1;this.setState({selectedSuggestion:t});break}case md.DOWN:{e.preventDefault();const t=null===n||n===o.length-1?0:n+1;this.setState({selectedSuggestion:t});break}case md.TAB:null!==this.state.selectedSuggestion&&(this.selectLink(l),this.props.speak((0,k.__)("Link selected.")));break;case md.ENTER:e.preventDefault(),null!==this.state.selectedSuggestion?(this.selectLink(l),this.props.onSubmit&&this.props.onSubmit(l,e)):this.props.onSubmit&&this.props.onSubmit(null,e)}}selectLink(e){this.props.onChange(e.url,e),this.setState({selectedSuggestion:null,showSuggestions:!1})}handleOnClick(e){this.selectLink(e),this.inputRef.current.focus()}static getDerivedStateFromProps(e,t){let{value:n,instanceId:o,disableSuggestions:r,__experimentalShowInitialSuggestions:l=!1}=e,{showSuggestions:i}=t,s=i;const a=n&&n.length;return l||a||(s=!1),!0===r&&(s=!1),{showSuggestions:s,suggestionsListboxId:`block-editor-url-input-suggestions-${o}`,suggestionOptionIdPrefix:`block-editor-url-input-suggestion-${o}`}}render(){return(0,u.createElement)(u.Fragment,null,this.renderControl(),this.renderSuggestions())}renderControl(){const{__nextHasNoMarginBottom:e=!1,label:t=null,className:n,isFullWidth:o,instanceId:r,placeholder:l=(0,k.__)("Paste URL or type to search"),__experimentalRenderControl:i,value:s=""}=this.props,{loading:a,showSuggestions:d,selectedSuggestion:m,suggestionsListboxId:g,suggestionOptionIdPrefix:f}=this.state,v=`url-input-control-${r}`,b={id:v,label:t,className:p()("block-editor-url-input",n,{"is-full-width":o})},_={id:v,value:s,required:!0,className:"block-editor-url-input__input",type:"text",onChange:this.onChange,onFocus:this.onFocus,placeholder:l,onKeyDown:this.onKeyDown,role:"combobox","aria-label":t?void 0:(0,k.__)("URL"),"aria-expanded":d,"aria-autocomplete":"list","aria-controls":g,"aria-activedescendant":null!==m?`${f}-${m}`:void 0,ref:this.inputRef};return i?i(b,_,a):(e||W()("Bottom margin styles for wp.blockEditor.URLInput",{since:"6.2",version:"6.5",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version"}),(0,u.createElement)(h.BaseControl,c({__nextHasNoMarginBottom:e},b),(0,u.createElement)("input",_),a&&(0,u.createElement)(h.Spinner,null)))}renderSuggestions(){const{className:e,__experimentalRenderSuggestions:t}=this.props,{showSuggestions:n,suggestions:o,suggestionsValue:r,selectedSuggestion:l,suggestionsListboxId:i,suggestionOptionIdPrefix:s,loading:a}=this.state;if(!n||0===o.length)return null;const d={id:i,ref:this.autocompleteRef,role:"listbox"},m=(e,t)=>({role:"option",tabIndex:"-1",id:`${s}-${t}`,ref:this.bindSuggestionNode(t),"aria-selected":t===l});return gb(t)?t({suggestions:o,selectedSuggestion:l,suggestionsListProps:d,buildSuggestionItemProps:m,isLoading:a,handleSuggestionClick:this.handleOnClick,isInitialSuggestions:!(null!=r&&r.length),currentInputValue:r}):(0,u.createElement)(h.Popover,{placement:"bottom",focusOnMount:!1},(0,u.createElement)("div",c({},d,{className:p()("block-editor-url-input__suggestions",`${e}__suggestions`)}),o.map(((e,t)=>(0,u.createElement)(h.Button,c({},m(0,t),{key:e.id,className:p()("block-editor-url-input__suggestion",{"is-selected":t===l}),onClick:()=>this.handleOnClick(e)}),e.title)))))}}var hb=(0,m.compose)(m.withSafeTimeout,h.withSpokenMessages,m.withInstanceId,(0,g.withSelect)(((e,t)=>{if(gb(t.__experimentalFetchLinkSuggestions))return;const{getSettings:n}=e(E_);return{__experimentalFetchLinkSuggestions:n().__experimentalFetchLinkSuggestions}})))(fb);var vb=e=>{let t,{searchTerm:n,onClick:o,itemProps:r,isSelected:l,buttonText:i}=e;return n?(t=i?"function"==typeof i?i(n):i:(0,u.createInterpolateElement)((0,k.sprintf)((0,k.__)("Create: %s"),n),{mark:(0,u.createElement)("mark",null)}),(0,u.createElement)(h.Button,c({},r,{className:p()("block-editor-link-control__search-create block-editor-link-control__search-item",{"is-selected":l}),onClick:o}),(0,u.createElement)(Jd,{className:"block-editor-link-control__search-item-icon",icon:Ti}),(0,u.createElement)("span",{className:"block-editor-link-control__search-item-header"},(0,u.createElement)("span",{className:"block-editor-link-control__search-item-title"},t)))):null};var bb=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v12zM7 11h2V9H7v2zm0 4h2v-2H7v2zm3-4h7V9h-7v2zm0 4h7v-2h-7v2z"}));var _b=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M7 5.5h10a.5.5 0 01.5.5v12a.5.5 0 01-.5.5H7a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM17 4H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V6a2 2 0 00-2-2zm-1 3.75H8v1.5h8v-1.5zM8 11h8v1.5H8V11zm6 3.25H8v1.5h6v-1.5z"}));var kb=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M20.1 11.2l-6.7-6.7c-.1-.1-.3-.2-.5-.2H5c-.4-.1-.8.3-.8.7v7.8c0 .2.1.4.2.5l6.7 6.7c.2.2.5.4.7.5s.6.2.9.2c.3 0 .6-.1.9-.2.3-.1.5-.3.8-.5l5.6-5.6c.4-.4.7-1 .7-1.6.1-.6-.2-1.2-.6-1.6zM19 13.4L13.4 19c-.1.1-.2.1-.3.2-.2.1-.4.1-.6 0-.1 0-.2-.1-.3-.2l-6.5-6.5V5.8h6.8l6.5 6.5c.2.2.2.4.2.6 0 .1 0 .3-.2.5zM9 8c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z"}));var yb=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z",fillRule:"evenodd",clipRule:"evenodd"}));var Eb=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M19 6.2h-5.9l-.6-1.1c-.3-.7-1-1.1-1.8-1.1H5c-1.1 0-2 .9-2 2v11.8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8.2c0-1.1-.9-2-2-2zm.5 11.6c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h5.8c.2 0 .4.1.4.3l1 2H19c.3 0 .5.2.5.5v9.5z"}));var Cb=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M12 3.3c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8s-4-8.8-8.8-8.8zm6.5 5.5h-2.6C15.4 7.3 14.8 6 14 5c2 .6 3.6 2 4.5 3.8zm.7 3.2c0 .6-.1 1.2-.2 1.8h-2.9c.1-.6.1-1.2.1-1.8s-.1-1.2-.1-1.8H19c.2.6.2 1.2.2 1.8zM12 18.7c-1-.7-1.8-1.9-2.3-3.5h4.6c-.5 1.6-1.3 2.9-2.3 3.5zm-2.6-4.9c-.1-.6-.1-1.1-.1-1.8 0-.6.1-1.2.1-1.8h5.2c.1.6.1 1.1.1 1.8s-.1 1.2-.1 1.8H9.4zM4.8 12c0-.6.1-1.2.2-1.8h2.9c-.1.6-.1 1.2-.1 1.8 0 .6.1 1.2.1 1.8H5c-.2-.6-.2-1.2-.2-1.8zM12 5.3c1 .7 1.8 1.9 2.3 3.5H9.7c.5-1.6 1.3-2.9 2.3-3.5zM10 5c-.8 1-1.4 2.3-1.8 3.8H5.5C6.4 7 8 5.6 10 5zM5.5 15.3h2.6c.4 1.5 1 2.8 1.8 3.7-1.8-.6-3.5-2-4.4-3.7zM14 19c.8-1 1.4-2.2 1.8-3.7h2.6C17.6 17 16 18.4 14 19z"}));const Sb={post:bb,page:_b,post_tag:kb,category:yb,attachment:Eb};function wb(e){let{isURL:t,suggestion:n}=e,o=null;return t?o=Cb:n.type in Sb&&(o=Sb[n.type]),o?(0,u.createElement)(Jd,{className:"block-editor-link-control__search-item-icon",icon:o}):null}var Bb=e=>{let{itemProps:t,suggestion:n,isSelected:o=!1,onClick:r,isURL:l=!1,searchTerm:i="",shouldShowType:s=!1}=e;return(0,u.createElement)(h.Button,c({},t,{onClick:r,className:p()("block-editor-link-control__search-item",{"is-selected":o,"is-url":l,"is-entity":!l})}),(0,u.createElement)(wb,{suggestion:n,isURL:l}),(0,u.createElement)("span",{className:"block-editor-link-control__search-item-header"},(0,u.createElement)("span",{className:"block-editor-link-control__search-item-title"},(0,u.createElement)(h.TextHighlight,{text:n.title,highlight:i})),(0,u.createElement)("span",{"aria-hidden":!l,className:"block-editor-link-control__search-item-info"},!l&&((0,Ev.filterURLForDisplay)((0,Ev.safeDecodeURI)(n.url))||""),l&&(0,k.__)("Press ENTER to add this link"))),s&&n.type&&(0,u.createElement)("span",{className:"block-editor-link-control__search-item-type"},function(e){if(e.isFrontPage)return"front page";return"post_tag"===e.type?"tag":e.type}(n)))};const Ib="__CREATE__",xb="mailto",Tb="internal",Mb=["URL",xb,"tel",Tb],Nb=[{id:"opensInNewTab",title:(0,k.__)("Open in new tab")}];function Pb(e){let{instanceId:t,withCreateSuggestion:n,currentInputValue:o,handleSuggestionClick:r,suggestionsListProps:l,buildSuggestionItemProps:i,suggestions:s,selectedSuggestion:a,isLoading:d,isInitialSuggestions:m,createSuggestionButtonText:g,suggestionsQuery:f}=e;const v=p()("block-editor-link-control__search-results",{"is-loading":d}),b=1===s.length&&Mb.includes(s[0].type),_=n&&!b&&!m,y=!(null!=f&&f.type),E=`block-editor-link-control-search-results-label-${t}`,C=m?(0,k.__)("Recently updated"):(0,k.sprintf)((0,k.__)('Search results for "%s"'),o),S=(0,u.createElement)(m?u.Fragment:h.VisuallyHidden,{},(0,u.createElement)("span",{className:"block-editor-link-control__search-results-label",id:E},C));return(0,u.createElement)("div",{className:"block-editor-link-control__search-results-wrapper"},S,(0,u.createElement)("div",c({},l,{className:v,"aria-labelledby":E}),s.map(((e,t)=>_&&Ib===e.type?(0,u.createElement)(vb,{searchTerm:o,buttonText:g,onClick:()=>r(e),key:e.type,itemProps:i(e,t),isSelected:t===a}):Ib===e.type?null:(0,u.createElement)(Bb,{key:`${e.id}-${e.type}`,itemProps:i(e,t),suggestion:e,index:t,onClick:()=>{r(e)},isSelected:t===a,isURL:Mb.includes(e.type),searchTerm:o,shouldShowType:y,isFrontPage:null==e?void 0:e.isFrontPage})))))}function Lb(e){const t=null==e?void 0:e.startsWith("#");return(0,Ev.isURL)(e)||e&&e.includes("www.")||t}const Rb=()=>Promise.resolve([]),Ab=e=>{let t="URL";const n=(0,Ev.getProtocol)(e)||"";return n.includes("mailto")&&(t=xb),n.includes("tel")&&(t="tel"),null!=e&&e.startsWith("#")&&(t=Tb),Promise.resolve([{id:e,title:e,url:"URL"===t?(0,Ev.prependHTTP)(e):e,type:t}])};function Ob(e,t,n,o){const{fetchSearchSuggestions:r,pageOnFront:l}=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return{pageOnFront:t().pageOnFront,fetchSearchSuggestions:t().__experimentalFetchLinkSuggestions}}),[]),i=t?Ab:Rb;return(0,u.useCallback)(((t,s)=>{let{isInitialSuggestions:a}=s;return Lb(t)?i(t,{isInitialSuggestions:a}):(async(e,t,n,o,r,l,i)=>{const{isInitialSuggestions:s}=t;let a=!1,c=await Promise.all([n(e,t),o(e)]);c[0]=c[0].map((e=>Number(e.id)===i?(a=!0,e.isFrontPage=!0,e):e));const u=!e.includes(" ");return c=!a&&u&&l&&!s?c[0].concat(c[1]):c[0],s||Lb(e)||!r?c:c.concat({title:e,url:e,type:Ib})})(t,{...e,isInitialSuggestions:a},r,i,n,o,l)}),[i,r,n])}const Db=()=>Promise.resolve([]),zb=()=>{},Fb=(0,u.forwardRef)(((e,t)=>{let{value:n,children:o,currentLink:r={},className:l=null,placeholder:i=null,withCreateSuggestion:s=!1,onCreateSuggestion:a=zb,onChange:c=zb,onSelect:d=zb,showSuggestions:g=!0,renderSuggestions:f=(e=>(0,u.createElement)(Pb,e)),fetchSuggestions:h=null,allowDirectEntry:v=!0,showInitialSuggestions:b=!1,suggestionsQuery:_={},withURLSuggestion:y=!0,createSuggestionButtonText:E,useLabel:C=!1}=e;const S=Ob(_,v,s,y),w=g?h||S:Db,B=(0,m.useInstanceId)(Fb),[I,x]=(0,u.useState)(),T=async e=>{let t=e;if(Ib!==e.type){if(v||t&&Object.keys(t).length>=1){const{id:e,url:n,...o}=null!=r?r:{};d({...o,...t},t)}}else try{var n;t=await a(e.title),null!==(n=t)&&void 0!==n&&n.url&&d(t)}catch(e){}},M=p()(l,{"has-no-label":!C});return(0,u.createElement)("div",{className:"block-editor-link-control__search-input-container"},(0,u.createElement)(hb,{__nextHasNoMarginBottom:!0,label:C?"URL":void 0,className:M,value:n,onChange:(e,t)=>{c(e),x(t)},placeholder:null!=i?i:(0,k.__)("Search or type url"),__experimentalRenderSuggestions:g?e=>f({...e,instanceId:B,withCreateSuggestion:s,createSuggestionButtonText:E,suggestionsQuery:_,handleSuggestionClick:t=>{e.handleSuggestionClick&&e.handleSuggestionClick(t),T(t)}}):null,__experimentalFetchLinkSuggestions:w,__experimentalHandleURLSuggestions:!0,__experimentalShowInitialSuggestions:b,onSubmit:(e,t)=>{var o;const r=e||I;r||null!=n&&null!==(o=n.trim())&&void 0!==o&&o.length?T(r||{url:n}):t.preventDefault()},ref:t}),o)}));var Vb=Fb;var Hb=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"}));var Gb=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{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"}));const{Slot:Ub,Fill:$b}=(0,h.createSlotFill)("BlockEditorLinkControlViewer");function jb(e,t){switch(t.type){case"RESOLVED":return{...e,isFetching:!1,richData:t.richData};case"ERROR":return{...e,isFetching:!1,richData:null};case"LOADING":return{...e,isFetching:!0};default:throw new Error(`Unexpected action type ${t.type}`)}}var Wb=function(e){const[t,n]=(0,u.useReducer)(jb,{richData:null,isFetching:!1}),{fetchRichUrlData:o}=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return{fetchRichUrlData:t().__experimentalFetchRichUrlData}}),[]);return(0,u.useEffect)((()=>{if(null!=e&&e.length&&o&&"undefined"!=typeof AbortController){n({type:"LOADING"});const t=new window.AbortController,r=t.signal;return o(e,{signal:r}).then((e=>{n({type:"RESOLVED",richData:e})})).catch((()=>{r.aborted||n({type:"ERROR"})})),()=>{t.abort()}}}),[e]),t};function Kb(e){var t;let{value:n,onEditClick:o,hasRichPreviews:r=!1,hasUnlinkControl:l=!1,onRemove:i}=e;const s=r?null==n?void 0:n.url:null,{richData:a,isFetching:c}=Wb(s),d=a&&Object.keys(a).length,m=n&&(0,Ev.filterURLForDisplay)((0,Ev.safeDecodeURI)(n.url),16)||"",g=(null==a?void 0:a.title)||(null==n?void 0:n.title)||m,f=!(null!=n&&null!==(t=n.url)&&void 0!==t&&t.length);let v;return v=null!=a&&a.icon?(0,u.createElement)("img",{src:null==a?void 0:a.icon,alt:""}):f?(0,u.createElement)(Jd,{icon:Hb,size:32}):(0,u.createElement)(Jd,{icon:Cb}),(0,u.createElement)("div",{"aria-label":(0,k.__)("Currently selected"),className:p()("block-editor-link-control__search-item",{"is-current":!0,"is-rich":d,"is-fetching":!!c,"is-preview":!0,"is-error":f})},(0,u.createElement)("div",{className:"block-editor-link-control__search-item-top"},(0,u.createElement)("span",{className:"block-editor-link-control__search-item-header"},(0,u.createElement)("span",{className:p()("block-editor-link-control__search-item-icon",{"is-image":null==a?void 0:a.icon})},v),(0,u.createElement)("span",{className:"block-editor-link-control__search-item-details"},f?(0,u.createElement)("span",{className:"block-editor-link-control__search-item-error-notice"},(0,k.__)("Link is empty")):(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.ExternalLink,{className:"block-editor-link-control__search-item-title",href:n.url},(0,Di.__unstableStripHTML)(g)),(null==n?void 0:n.url)&&(0,u.createElement)("span",{className:"block-editor-link-control__search-item-info"},m)))),(0,u.createElement)(h.Button,{icon:Gb,label:(0,k.__)("Edit"),className:"block-editor-link-control__search-item-action",onClick:o,iconSize:24}),l&&(0,u.createElement)(h.Button,{icon:nl,label:(0,k.__)("Unlink"),className:"block-editor-link-control__search-item-action block-editor-link-control__unlink",onClick:i,iconSize:24}),(0,u.createElement)(Ub,{fillProps:n})),!!(d&&(null!=a&&a.image||null!=a&&a.description)||c)&&(0,u.createElement)("div",{className:"block-editor-link-control__search-item-bottom"},((null==a?void 0:a.image)||c)&&(0,u.createElement)("div",{"aria-hidden":!(null!=a&&a.image),className:p()("block-editor-link-control__search-item-image",{"is-placeholder":!(null!=a&&a.image)})},(null==a?void 0:a.image)&&(0,u.createElement)("img",{src:null==a?void 0:a.image,alt:""})),((null==a?void 0:a.description)||c)&&(0,u.createElement)("div",{"aria-hidden":!(null!=a&&a.description),className:p()("block-editor-link-control__search-item-description",{"is-placeholder":!(null!=a&&a.description)})},(null==a?void 0:a.description)&&(0,u.createElement)(h.__experimentalText,{truncate:!0,numberOfLines:"2"},a.description))))}const qb=e=>{let t=!1;return{promise:new Promise(((n,o)=>{e.then((e=>t?o({isCanceled:!0}):n(e)),(e=>o(t?{isCanceled:!0}:e)))})),cancel(){t=!0}}};function Yb(e){const[t,n]=(0,u.useState)(e||"");return(0,u.useEffect)((()=>{e&&e!==t&&n(e)}),[e]),[t,n]}const Zb=()=>{};function Qb(e){var t,n,o;let{searchInputPlaceholder:r,value:l,settings:i=Nb,onChange:s=Zb,onRemove:a,onCancel:c,noDirectEntry:d=!1,showSuggestions:m=!0,showInitialSuggestions:g,forceIsEditingLink:f,createSuggestion:v,withCreateSuggestion:b,inputValue:_="",suggestionsQuery:y={},noURLSuggestion:E=!1,createSuggestionButtonText:C,hasRichPreviews:S=!1,hasTextControl:w=!1,renderControlBottom:B=null}=e;void 0===b&&v&&(b=!0);const I=(0,u.useRef)(!0),x=(0,u.useRef)(),T=(0,u.useRef)(),M=(0,u.useRef)(!1),[N,P]=Yb((null==l?void 0:l.url)||""),[L,R]=Yb((null==l?void 0:l.title)||""),[A,O]=(0,u.useState)(void 0!==f?f:!l||!l.url),{createPage:D,isCreatingPage:z,errorMessage:F}=function(e){const t=(0,u.useRef)(),[n,o]=(0,u.useState)(!1),[r,l]=(0,u.useState)(null);return(0,u.useEffect)((()=>()=>{t.current&&t.current.cancel()}),[]),{createPage:async function(n){o(!0),l(null);try{return t.current=qb(Promise.resolve(e(n))),await t.current.promise}catch(e){if(e&&e.isCanceled)return;throw l(e.message||(0,k.__)("An unknown error occurred during creation. Please try again.")),e}finally{o(!1)}},isCreatingPage:n,errorMessage:r}}(v);(0,u.useEffect)((()=>{void 0!==f&&f!==A&&O(f)}),[f]),(0,u.useEffect)((()=>{if(I.current)return void(I.current=!1);const e=null!=T&&T.current?1:0;(Di.focus.focusable.find(x.current)[e]||x.current).focus(),M.current=!1}),[A,z]);const V=(null==l||null===(t=l.url)||void 0===t||null===(n=t.trim())||void 0===n?void 0:n.length)>0,H=()=>{var e;M.current=!(null===(e=x.current)||void 0===e||!e.contains(x.current.ownerDocument.activeElement)),O(!1)},G=()=>{U===(null==l?void 0:l.url)&&L===(null==l?void 0:l.title)||s({...l,url:U,title:L}),H()},U=_||N,$=!(null!=U&&null!==(o=U.trim())&&void 0!==o&&o.length),j=a&&l&&!A&&!z,W=!(null==i||!i.length),K=V&&w,q=(A||!l)&&!z;return(0,u.createElement)("div",{tabIndex:-1,ref:x,className:"block-editor-link-control"},z&&(0,u.createElement)("div",{className:"block-editor-link-control__loading"},(0,u.createElement)(h.Spinner,null)," ",(0,k.__)("Creating"),"…"),q&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{className:p()({"block-editor-link-control__search-input-wrapper":!0,"has-text-control":K})},K&&(0,u.createElement)(h.TextControl,{__nextHasNoMarginBottom:!0,ref:T,className:"block-editor-link-control__field block-editor-link-control__text-content",label:"Text",value:L,onChange:R,onKeyDown:e=>{const{keyCode:t}=e;t!==md.ENTER||$||(e.preventDefault(),G())}}),(0,u.createElement)(Vb,{currentLink:l,className:"block-editor-link-control__field block-editor-link-control__search-input",placeholder:r,value:U,withCreateSuggestion:b,onCreateSuggestion:D,onChange:P,onSelect:e=>{s({...e,title:L||(null==e?void 0:e.title)}),H()},showInitialSuggestions:g,allowDirectEntry:!d,showSuggestions:m,suggestionsQuery:y,withURLSuggestion:!E,createSuggestionButtonText:C,useLabel:K})),F&&(0,u.createElement)(h.Notice,{className:"block-editor-link-control__search-error",status:"error",isDismissible:!1},F)),l&&!A&&!z&&(0,u.createElement)(Kb,{key:null==l?void 0:l.url,value:l,onEditClick:()=>O(!0),hasRichPreviews:S,hasUnlinkControl:j,onRemove:a}),(0,u.createElement)("div",{className:"block-editor-link-control__drawer"},W&&(0,u.createElement)("div",{className:"block-editor-link-control__tools"},(0,u.createElement)(db,{value:l,settings:i,onChange:s})),q&&(0,u.createElement)("div",{className:"block-editor-link-control__search-actions"},(0,u.createElement)(h.Button,{variant:"primary",onClick:G,className:"xblock-editor-link-control__search-submit",disabled:$},(0,k.__)("Apply")),(0,u.createElement)(h.Button,{variant:"tertiary",onClick:e=>{e.preventDefault(),e.stopPropagation(),P(null==l?void 0:l.url),R(null==l?void 0:l.title),V?H():null==a||a(),null==c||c()}},(0,k.__)("Cancel")))),B&&B())}Qb.ViewerFill=$b;var Xb=Qb;function Jb(e,t){switch(e){case"post":case"page":return{type:"post",subtype:e};case"category":return{type:"term",subtype:"category"};case"tag":return{type:"term",subtype:"post_tag"};case"post_format":return{type:"post-format"};default:return"taxonomy"===t?{type:"term",subtype:e}:"post-type"===t?{type:"post",subtype:e}:{}}}function e_(e){let{clientId:t}=e;const{getBlock:n,blockTransforms:o}=(0,g.useSelect)((e=>{const{getBlock:n,getBlockRootClientId:o,getBlockTransformItems:r}=e(E_);return{getBlock:n,blockTransforms:r(n(t),o(t))}}),[t]),{replaceBlock:r}=(0,g.useDispatch)(E_),l=["core/page-list","core/site-logo","core/social-links","core/search"],i=o.filter((e=>l.includes(e.name)));return null!=i&&i.length&&t?(0,u.createElement)("div",{className:"link-control-transform"},(0,u.createElement)("h3",{className:"link-control-transform__subheading"},(0,k.__)("Transform")),(0,u.createElement)("div",{className:"link-control-transform__items"},i.map((e=>(0,u.createElement)(h.Button,{key:`transform-${e.name}`,onClick:()=>r(t,(0,s.switchToBlockType)(n(t),e.name)),className:"link-control-transform__item"},(0,u.createElement)(Ai,{icon:e.icon}),e.title))))):null}function t_(e){const{label:t,url:n,opensInNewTab:o,type:r,kind:l}=e.link,i={url:n,opensInNewTab:o,title:t&&(0,Di.__unstableStripHTML)(t)};return(0,u.createElement)(h.Popover,{placement:"bottom",onClose:e.onClose,anchor:e.anchor,shift:!0},(0,u.createElement)(Xb,{hasTextControl:!0,hasRichPreviews:!0,className:e.className,value:i,showInitialSuggestions:!0,withCreateSuggestion:e.hasCreateSuggestion,noDirectEntry:!!r,noURLSuggestion:!!r,suggestionsQuery:Jb(r,l),onChange:e.onChange,onRemove:e.onRemove,renderControlBottom:n?null:()=>(0,u.createElement)(e_,{clientId:e.clientId})}))}const n_=["core/navigation-link","core/navigation-submenu"],o_=(0,u.forwardRef)(((e,t)=>{let{onClick:n,onToggleExpanded:o,block:r,isSelected:l,position:i,siblingBlockCount:s,level:a,isExpanded:d,selectedClientIds:m,...f}=e;const{clientId:h}=r,[v,b]=(0,u.useState)(),{blockMovingClientId:_,selectedBlockInBlockEditor:k,lastInsertedBlockClientId:y}=(0,g.useSelect)((e=>{const{hasBlockMovingClientId:t,getSelectedBlockClientId:n,getLastInsertedBlocksClientIds:o}=__(e(E_)),r=o();return{blockMovingClientId:t(),selectedBlockInBlockEditor:n(),lastInsertedBlockClientId:r&&r[0]}}),[h]),{insertedBlockAttributes:E,insertedBlockName:C,setInsertedBlockAttributes:S}=(e=>{const{insertedBlockAttributes:t,insertedBlockName:n}=(0,g.useSelect)((t=>{const{getBlockName:n,getBlockAttributes:o}=t(E_);return{insertedBlockAttributes:o(e),insertedBlockName:n(e)}}),[e]),{updateBlockAttributes:o}=(0,g.useDispatch)(E_),r=t=>{e&&o(e,t)};return e?{insertedBlockAttributes:t,insertedBlockName:n,setInsertedBlockAttributes:r}:{insertedBlockAttributes:void 0,insertedBlockName:void 0,setInsertedBlockAttributes:r}})(y),w=null==E?void 0:E.id;(0,u.useEffect)((()=>{h===y&&null!=n_&&n_.includes(C)&&!w&&b(!0)}),[y,h,C,w]);const B=_&&k===h,I=p()("block-editor-list-view-block-contents",{"is-dropping-before":B}),x=m.includes(h)?m:[h];return(0,u.createElement)(u.Fragment,null,v&&(0,u.createElement)(t_,{clientId:y,link:E,onClose:()=>b(!1),hasCreateSuggestion:!1,onChange:e=>{!function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{label:o="",kind:r="",type:l=""}=n,{title:i="",url:s="",opensInNewTab:a,id:c,kind:u=r,type:d=l}=e,p=i.replace(/http(s?):\/\//gi,""),m=s.replace(/http(s?):\/\//gi,""),g=i&&i!==o&&p!==m?(0,cb.escapeHTML)(i):o||(0,cb.escapeHTML)(m),f="post_tag"===d?"tag":d.replace("-","_"),h=["post","page","tag","category"].indexOf(f)>-1,v=!u&&!h||"custom"===u?"custom":u;t({...s&&{url:encodeURI((0,Ev.safeDecodeURI)(s))},...g&&{label:g},...void 0!==a&&{opensInNewTab:a},...c&&Number.isInteger(c)&&{id:c},...v&&{kind:v},...f&&"URL"!==f&&{type:f}})}(e,S,E),b(!1)}}),(0,u.createElement)(Op,{clientIds:x},(e=>{let{draggable:p,onDragStart:m,onDragEnd:g}=e;return(0,u.createElement)(ab,c({ref:t,className:I,block:r,onClick:n,onToggleExpanded:o,isSelected:l,position:i,siblingBlockCount:s,level:a,draggable:p,onDragStart:m,onDragEnd:g,isExpanded:d},f))})))}));var r_=o_;const l_=(0,u.createContext)({}),i_=()=>(0,u.useContext)(l_);var s_=(0,u.memo)((function e(t){let{block:{clientId:n},isDragged:o,isSelected:r,isBranchSelected:l,selectBlock:i,position:a,level:c,rowCount:d,siblingBlockCount:f,showBlockMovers:v,path:b,isExpanded:_,selectedClientIds:y,preventAnnouncement:E}=t;const C=(0,u.useRef)(null),[S,w]=(0,u.useState)(!1),{isLocked:B,isContentLocked:I}=og(n),x=(0,g.useSelect)((e=>!r&&(!!I&&e(E_).hasSelectedInnerBlock(n,!0))),[I,n,r]),T=x||r&&y[0]===n,M=x||r&&y[y.length-1]===n,{toggleBlockHighlight:N}=(0,g.useDispatch)(E_),P=Ii(n),L=(0,g.useSelect)((e=>e(E_).getBlock(n)),[n]);(0,u.useEffect)((()=>{!z&&r&&C.current.focus()}),[]);const R=(0,u.useCallback)((()=>{w(!0),N(n,!0)}),[n,w,N]),A=(0,u.useCallback)((()=>{w(!1),N(n,!1)}),[n,w,N]),O=(0,u.useCallback)((e=>{i(e,n),e.preventDefault()}),[n,i]),D=(0,u.useCallback)((e=>{i(void 0,e)}),[i]),{isTreeGridMounted:z,expand:F,collapse:V,LeafMoreMenu:H}=i_(),G=(0,u.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),!0===_?V(n):!1===_&&F(n)}),[n,F,V,_]),U=(0,m.useInstanceId)(e);if(!L)return null;const $=!!L&&(0,s.hasBlockSupport)(L.name,"__experimentalToolbar",!0),j=`list-view-block-select-button__${U}`,W=((e,t,n)=>(0,k.sprintf)((0,k.__)("Block %1$d of %2$d, Level %3$d"),e,t,n))(a,f,c);let K=(0,k.__)("Link");P&&(K=B?(0,k.sprintf)((0,k.__)("%s link (locked)"),P.title):(0,k.sprintf)((0,k.__)("%s link"),P.title));const q=P?(0,k.sprintf)((0,k.__)("Options for %s block"),P.title):(0,k.__)("Options"),Y=v&&f>0,Z=p()("block-editor-list-view-block__mover-cell",{"is-visible":S||r}),Q=p()("block-editor-list-view-block__menu-cell",{"is-visible":S||T});let X;Y?X=1:$||(X=2);const J=p()({"is-selected":r||x,"is-first-selected":T,"is-last-selected":M,"is-branch-selected":l,"is-dragging":o,"has-single-cell":!$}),ee=y.includes(n)?y:[n],te=H||bg;return(0,u.createElement)(ob,{className:J,onMouseEnter:R,onMouseLeave:A,onFocus:R,onBlur:A,level:c,position:a,rowCount:d,path:b,id:`list-view-block-${n}`,"data-block":n,isExpanded:I?void 0:_,"aria-selected":!!r||x},(0,u.createElement)(h.__experimentalTreeGridCell,{className:"block-editor-list-view-block__contents-cell",colSpan:X,ref:C,"aria-label":K,"aria-selected":!!r||x,"aria-expanded":I?void 0:_,"aria-describedby":j},(e=>{let{ref:t,tabIndex:n,onFocus:o}=e;return(0,u.createElement)("div",{className:"block-editor-list-view-block__contents-container"},(0,u.createElement)(r_,{block:L,onClick:O,onToggleExpanded:G,isSelected:r,position:a,siblingBlockCount:f,level:c,ref:t,tabIndex:n,onFocus:o,isExpanded:_,selectedClientIds:y,preventAnnouncement:E}),(0,u.createElement)("div",{className:"block-editor-list-view-block-select-button__description",id:j},W))})),Y&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.__experimentalTreeGridCell,{className:Z,withoutGridItem:!0},(0,u.createElement)(h.__experimentalTreeGridItem,null,(e=>{let{ref:t,tabIndex:o,onFocus:r}=e;return(0,u.createElement)($p,{orientation:"vertical",clientIds:[n],ref:t,tabIndex:o,onFocus:r})})),(0,u.createElement)(h.__experimentalTreeGridItem,null,(e=>{let{ref:t,tabIndex:o,onFocus:r}=e;return(0,u.createElement)(jp,{orientation:"vertical",clientIds:[n],ref:t,tabIndex:o,onFocus:r})})))),$&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.__experimentalTreeGridCell,{className:Q,"aria-selected":!!r||x},(e=>{let{ref:t,tabIndex:o,onFocus:r}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(te,{clientIds:ee,block:L,clientId:n,icon:Mm,label:q,toggleProps:{ref:t,className:"block-editor-list-view-block__menu",tabIndex:o,onFocus:r},disableOpenOnArrowDown:!0,__experimentalSelectBlock:D}))}))))}));function a_(e,t,n,o){var r;if(null==n?void 0:n.includes(e.clientId))return 0;return(null!==(r=t[e.clientId])&&void 0!==r?r:o)?1+e.innerBlocks.reduce(c_(t,n,o),0):1}const c_=(e,t,n)=>(o,r)=>{var l;if(null==t?void 0:t.includes(r.clientId))return o;return(null!==(l=e[r.clientId])&&void 0!==l?l:n)&&r.innerBlocks.length>0?o+a_(r,e,t,n):o+1},u_=()=>{};var d_=(0,u.memo)((function e(t){const{blocks:n,selectBlock:o=u_,showBlockMovers:r,selectedClientIds:l,level:i=1,path:s="",isBranchSelected:a=!1,listPosition:d=0,fixedListWindow:p,isExpanded:m,parentId:f,shouldShowInnerBlocks:v=!0}=t,b=(0,g.useSelect)((e=>!(!f||"contentOnly"!==e(E_).getTemplateLock(f))),[f]),{expandedState:_,draggedClientIds:k}=i_();if(b)return null;const y=1===i,E=n.filter(Boolean),C=E.length,S=y?C+1:C;let w=d;return(0,u.createElement)(u.Fragment,null,E.map(((t,n)=>{var c;const{clientId:d,innerBlocks:f}=t;n>0&&(w+=a_(E[n-1],_,k,m));const{itemInView:h}=p,b=h(w),y=n+1,B=s.length>0?`${s}_${y}`:`${y}`,I=!(null==f||!f.length),x=I&&v?null!==(c=_[d])&&void 0!==c?c:m:void 0,T=!(null==k||!k.includes(d)),M=T||b,N=((e,t)=>Array.isArray(t)&&t.length?-1!==t.indexOf(e):t===e)(d,l),P=a||N&&I;return(0,u.createElement)(g.AsyncModeProvider,{key:d,value:!N},M&&(0,u.createElement)(s_,{block:t,selectBlock:o,isSelected:N,isBranchSelected:P,isDragged:T,level:i,position:y,rowCount:S,siblingBlockCount:C,showBlockMovers:r,path:B,isExpanded:x,listPosition:w,selectedClientIds:l}),!M&&(0,u.createElement)("tr",null,(0,u.createElement)("td",{className:"block-editor-list-view-placeholder"})),I&&x&&!T&&(0,u.createElement)(e,{parentId:d,blocks:f,selectBlock:o,showBlockMovers:r,level:i+1,path:B,listPosition:w+1,fixedListWindow:p,isBranchSelected:P,selectedClientIds:l,isExpanded:m}))})),y&&(0,u.createElement)(h.__experimentalTreeGridRow,{level:i,setSize:S,positionInSet:S,isExpanded:!0},(0,u.createElement)(h.__experimentalTreeGridCell,null,(e=>(0,u.createElement)(tb,c({nestingLevel:i,blockCount:C},e))))))}));function p_(e){let{listViewRef:t,blockDropTarget:n}=e;const{rootClientId:o,clientId:r,dropPosition:l}=n||{},[i,s]=(0,u.useMemo)((()=>{if(!t.current)return[];return[o?t.current.querySelector(`[data-block="${o}"]`):void 0,r?t.current.querySelector(`[data-block="${r}"]`):void 0]}),[o,r]),a=s||i,c=(0,u.useCallback)((()=>{if(!i)return 0;const e=a.getBoundingClientRect();return i.querySelector(".block-editor-block-icon").getBoundingClientRect().right-e.left}),[i,a]),d=(0,u.useMemo)((()=>{if(!a)return{};const e=c();return{width:a.offsetWidth-e}}),[c,a]),p=(0,u.useMemo)((()=>{if(a&&("top"===l||"bottom"===l||"inside"===l))return{ownerDocument:a.ownerDocument,getBoundingClientRect(){const e=a.getBoundingClientRect(),t=c(),n=e.left+t,o=e.right;let r=0,i=0;"top"===l?(r=e.top,i=e.top):(r=e.bottom,i=e.bottom);const s=o-n,u=i-r;return new window.DOMRect(n,r,s,u)}}}),[a,l,c]);return a?(0,u.createElement)(h.Popover,{animate:!1,anchor:p,focusOnMount:!1,className:"block-editor-list-view-drop-indicator",variant:"unstyled"},(0,u.createElement)("div",{style:d,className:"block-editor-list-view-drop-indicator__line"})):null}function m_(){const{clearSelectedBlock:e,multiSelect:t,selectBlock:n}=(0,g.useDispatch)(E_),{getBlockName:o,getBlockParents:r,getBlockSelectionStart:l,getBlockSelectionEnd:i,getSelectedBlockClientIds:a,hasMultiSelection:c,hasSelectedBlock:d}=(0,g.useSelect)(E_),{getBlockType:p}=(0,g.useSelect)(s.store),m=(0,u.useCallback)((async(i,s,u)=>{if(null==i||!i.shiftKey)return void n(s);i.preventDefault();const m="keydown"===i.type&&(i.keyCode===md.UP||i.keyCode===md.DOWN||i.keyCode===md.HOME||i.keyCode===md.END);if(!m&&!d()&&!c())return void n(s,null);const g=a(),f=[...r(s),s];m&&!g.some((e=>f.includes(e)))&&await e();let h=l(),v=s;m&&(d()||c()||(h=s),u&&(v=u));const b=r(h),_=r(v),{start:y,end:E}=function(e,t,n,o){const r=[...n,e],l=[...o,t],i=Math.min(r.length,l.length)-1;return{start:r[i],end:l[i]}}(h,v,b,_);await t(y,E,null);const C=a();if((i.keyCode===md.HOME||i.keyCode===md.END)&&C.length>1)return;const S=g.filter((e=>!C.includes(e)));let w;if(1===S.length){var B;const e=null===(B=p(o(S[0])))||void 0===B?void 0:B.title;e&&(w=(0,k.sprintf)((0,k.__)("%s deselected."),e))}else S.length>1&&(w=(0,k.sprintf)((0,k.__)("%s blocks deselected."),S.length));w&&(0,pn.speak)(w)}),[e,o,p,r,l,i,a,c,d,t,n]);return{updateBlockSelection:m}}const g_=["top","bottom"];function f_(){const{getBlockRootClientId:e,getBlockIndex:t,getBlockCount:n,getDraggedBlockClientIds:o,canInsertBlocks:r}=(0,g.useSelect)(E_),[l,i]=(0,u.useState)(),{rootClientId:s,blockIndex:a}=l||{},c=af(s,a),d=o(),p=(0,m.useThrottle)((0,u.useCallback)(((o,l)=>{const s={x:o.clientX,y:o.clientY},a=!(null==d||!d.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]=uf(t,s,g_),u=df(t,s);if(void 0===r||a0||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),element:o,isDraggedBlock:!!a&&d.includes(l),innerBlockCount:n(l),canInsertDraggedBlocksAsSibling:!a||r(d,i),canInsertDraggedBlocksAsChild:!a||r(d,l)}})),s);c&&i(c)}),[d]),200);return{ref:(0,m.__experimentalUseDropZone)({onDrop:c,onDragOver(e){p(e,e.currentTarget)},onDragEnd(){p.cancel(),i(null)}}),target:l}}const h_=(e,t)=>Array.isArray(t.clientIds)?{...e,...t.clientIds.reduce(((e,n)=>({...e,[n]:"expand"===t.type})),{})}:e;var v_=(0,u.forwardRef)((function(e,t){let{id:n,blocks:o,showBlockMovers:r=!1,isExpanded:l=!1,LeafMoreMenu:i,description:s=(0,k.__)("Block navigation structure"),onSelect:a}=e;const{getBlock:c}=(0,g.useSelect)(E_),{clientIdsTree:d,draggedClientIds:p,selectedClientIds:f}=function(e){return(0,g.useSelect)((t=>{const{getDraggedBlockClientIds:n,getSelectedBlockClientIds:o,__unstableGetClientIdsTree:r}=t(E_);return{selectedClientIds:o(),draggedClientIds:n(),clientIdsTree:e||r()}}),[e])}(o),{visibleBlockCount:v,shouldShowInnerBlocks:b}=(0,g.useSelect)((e=>{const{getGlobalBlockCount:t,getClientIdsOfDescendants:n,__unstableGetEditorMode:o}=e(E_),r=(null==p?void 0:p.length)>0?n(p).length+1:0;return{visibleBlockCount:t()-r,shouldShowInnerBlocks:"zoom-out"!==o()}}),[p]),{updateBlockSelection:_}=m_(),[y,E]=(0,u.useReducer)(h_,{}),{ref:C,target:S}=f_(),w=(0,u.useRef)(),B=(0,m.useMergeRefs)([w,C,t]),I=(0,u.useRef)(!1),{setSelectedTreeId:x}=function(e){let{firstSelectedBlockClientId:t,setExpandedState:n}=e;const[o,r]=(0,u.useState)(null),{selectedBlockParentClientIds:l}=(0,g.useSelect)((e=>{const{getBlockParents:n}=e(E_);return{selectedBlockParentClientIds:n(t,!1)}}),[t]),i=Array.isArray(l)&&l.length?l:null;return(0,u.useEffect)((()=>{o!==t&&i&&n({type:"expand",clientIds:l})}),[t]),{setSelectedTreeId:r}}({firstSelectedBlockClientId:f[0],setExpandedState:E}),T=(0,u.useCallback)(((e,t)=>{_(e,t),x(t),a&&a(c(t))}),[x,_,a,c]);(0,u.useEffect)((()=>{I.current=!0}),[]);const[M]=(0,m.__experimentalUseFixedWindowList)(w,36,v,{useWindowing:!0,windowOverscan:40}),N=(0,u.useCallback)((e=>{e&&E({type:"expand",clientIds:[e]})}),[E]),P=(0,u.useCallback)((e=>{e&&E({type:"collapse",clientIds:[e]})}),[E]),L=(0,u.useCallback)((e=>{var t;N(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[N]),R=(0,u.useCallback)((e=>{var t;P(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[P]),A=(0,u.useCallback)(((e,t,n)=>{var o,r;e.shiftKey&&_(e,null==t||null===(o=t.dataset)||void 0===o?void 0:o.block,null==n||null===(r=n.dataset)||void 0===r?void 0:r.block)}),[_]),O=(0,u.useMemo)((()=>({isTreeGridMounted:I.current,draggedClientIds:p,expandedState:y,expand:N,collapse:P,LeafMoreMenu:i})),[I.current,p,y,N,P,i]);return(0,u.createElement)(g.AsyncModeProvider,{value:!0},(0,u.createElement)(p_,{listViewRef:w,blockDropTarget:S}),(0,u.createElement)("div",{className:"offcanvas-editor-list-view-tree-wrapper"},(0,u.createElement)(h.__experimentalTreeGrid,{id:n,className:"block-editor-list-view-tree","aria-label":(0,k.__)("Block navigation structure"),ref:B,onCollapseRow:R,onExpandRow:L,onFocusRow:A,"aria-description":s},(0,u.createElement)(l_.Provider,{value:O},(0,u.createElement)(d_,{blocks:d,selectBlock:T,showBlockMovers:r,fixedListWindow:M,selectedClientIds:f,isExpanded:l,shouldShowInnerBlocks:b}),(0,u.createElement)(h.__experimentalTreeGridRow,{level:1,setSize:1,positionInSet:1,isExpanded:!0},!d.length&&(0,u.createElement)(h.__experimentalTreeGridCell,{withoutGridItem:!0},(0,u.createElement)("div",{className:"offcanvas-editor-list-view-is-empty"},(0,k.__)("Your menu is currently empty. Add your first menu item to get started."))))))))}));const{lock:b_,unlock:__}=(0,wo.__dangerousOptInToUnstableAPIsOnlyForCoreModules)("I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.","@wordpress/block-editor"),k_={};b_(k_,{...i,ExperimentalBlockEditorProvider:wi,OffCanvasEditor:v_});const y_={reducer:D,selectors:e,actions:l},E_=(0,g.createReduxStore)(So,{...y_,persist:["preferences"]}),C_=(0,g.registerStore)(So,{...y_,persist:["preferences"]});function S_(e){let{group:t="default",controls:n,children:o,__experimentalShareWithChildBlocks:r=!1}=e;const l=function(e,t){const n=ll(),{clientId:o}=$r(),r=(0,g.useSelect)((e=>{const{getBlockName:n,hasSelectedInnerBlock:r}=e(E_),{hasBlockSupport:l}=e(s.store);return t&&l(n(o),"__experimentalExposeControlsToChildren",!1)&&r(o)}),[t,o]);var l;return n?null===(l=v[e])||void 0===l?void 0:l.Fill:r?v.parent.Fill:null}(t,r);return l?(0,u.createElement)(h.__experimentalStyleProvider,{document:document},(0,u.createElement)(l,null,(e=>{const r=(0,f.isEmpty)(e)?null:e;return(0,u.createElement)(h.__experimentalToolbarContext.Provider,{value:r},"default"===t&&(0,u.createElement)(h.ToolbarGroup,{controls:n}),o)}))):null}function w_(e){let{group:t="default",...n}=e;const o=(0,u.useContext)(h.__experimentalToolbarContext),r=v[t].Slot,l=(0,h.__experimentalUseSlotFills)(r.__unstableName);return Boolean(l&&l.length)?"default"===t?(0,u.createElement)(r,c({},n,{bubblesVirtually:!0,fillProps:o})):(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(r,c({},n,{bubblesVirtually:!0,fillProps:o}))):null}__(C_).registerPrivateActions(t),__(C_).registerPrivateSelectors(r);const B_=S_;B_.Slot=w_;const I_=e=>(0,u.createElement)(S_,c({group:"inline"},e));I_.Slot=e=>(0,u.createElement)(w_,c({group:"inline"},e));var x_=B_;const T_=[],M_=["none","left","center","right","wide","full"],N_=["wide","full"];function P_(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:M_;e.includes("none")||(e=["none",...e]);const{wideControlsEnabled:t=!1,themeSupportsLayout:n}=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_),n=t();return{wideControlsEnabled:n.alignWide,themeSupportsLayout:n.supportsLayout}}),[]),o=ap(),r=rp(null==o?void 0:o.type),l=r.getAlignments(o);if(n){const t=l.filter((t=>{let{name:n}=t;return e.includes(n)}));return 1===t.length&&"none"===t[0].name?T_:t}if("default"!==r.name&&"constrained"!==r.name)return T_;const{alignments:i=M_}=o,s=e.filter((e=>(o.alignments||t||!N_.includes(e))&&i.includes(e))).map((e=>({name:e})));return 1===s.length&&"none"===s[0].name?T_:s}var L_=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M5 15h14V9H5v6zm0 4.8h14v-1.5H5v1.5zM5 4.2v1.5h14V4.2H5z"}));var R_=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M4 9v6h14V9H4zm8-4.8H4v1.5h8V4.2zM4 19.8h8v-1.5H4v1.5z"}));var A_=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M6 15h14V9H6v6zm6-10.8v1.5h8V4.2h-8zm0 15.6h8v-1.5h-8v1.5z"}));var O_=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M5 4v11h14V4H5zm3 15.8h8v-1.5H8v1.5z"}));const D_={none:{icon:L_,title:(0,k._x)("None","Alignment option")},left:{icon:R_,title:(0,k.__)("Align left")},center:{icon:ep,title:(0,k.__)("Align center")},right:{icon:A_,title:(0,k.__)("Align right")},wide:{icon:tp,title:(0,k.__)("Wide width")},full:{icon:O_,title:(0,k.__)("Full width")}},z_={variant:"toolbar"};var F_=function(e){let{value:t,onChange:n,controls:o,isToolbar:r,isCollapsed:l=!0}=e;const i=P_(o);if(!!!i.length)return null;function s(e){n([t,"none"].includes(e)?void 0:e)}const a=D_[t],d=D_.none,m=r?h.ToolbarGroup:h.ToolbarDropdownMenu,g={icon:a?a.icon:d.icon,label:(0,k.__)("Align")},f=r?{isCollapsed:l,controls:i.map((e=>{let{name:n}=e;return{...D_[n],isActive:t===n||!t&&"none"===n,role:l?"menuitemradio":void 0,onClick:()=>s(n)}}))}:{toggleProps:{describedBy:(0,k.__)("Change alignment")},popoverProps:z_,children:e=>{let{onClose:n}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.MenuGroup,{className:"block-editor-block-alignment-control__menu-group"},i.map((e=>{let{name:o,info:r}=e;const{icon:l,title:i}=D_[o],a=o===t||!t&&"none"===o;return(0,u.createElement)(h.MenuItem,{key:o,icon:l,iconPosition:"left",className:p()("components-dropdown-menu__menu-item",{"is-active":a}),isSelected:a,onClick:()=>{s(o),n()},role:"menuitemradio",info:r},i)}))))}};return(0,u.createElement)(m,c({},g,f))};const V_=e=>(0,u.createElement)(F_,c({},e,{isToolbar:!1})),H_=e=>(0,u.createElement)(F_,c({},e,{isToolbar:!0})),G_=["left","center","right","wide","full"],U_=["wide","full"];function $_(e){let t,n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return t=Array.isArray(e)?G_.filter((t=>e.includes(t))):!0===e?[...G_]:[],!o||!0===e&&!n?t.filter((e=>!U_.includes(e))):t}const j_=(0,m.createHigherOrderComponent)((e=>t=>{const n=(0,u.createElement)(e,t),{name:o}=t,r=P_($_((0,s.getBlockSupport)(o,"align"),(0,s.hasBlockSupport)(o,"alignWide",!0))).map((e=>{let{name:t}=e;return t})),l=(0,g.useSelect)((e=>e(E_).__unstableGetContentLockingParent(t.clientId)),[t.clientId]);if(!r.length||l)return n;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(x_,{group:"block",__experimentalShareWithChildBlocks:!0},(0,u.createElement)(V_,{value:t.attributes.align,onChange:e=>{if(!e){var n,o;const r=(0,s.getBlockType)(t.name);(null==r||null===(n=r.attributes)||void 0===n||null===(o=n.align)||void 0===o?void 0:o.default)&&(e="")}t.setAttributes({align:e})},controls:r})),n)}),"withToolbarControls"),W_=(0,m.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o}=t,{align:r}=o,l=P_($_((0,s.getBlockSupport)(n,"align"),(0,s.hasBlockSupport)(n,"alignWide",!0)));if(void 0===r)return(0,u.createElement)(e,t);let i=t.wrapperProps;return l.some((e=>e.name===r))&&(i={...i,"data-align":r}),(0,u.createElement)(e,c({},t,{wrapperProps:i}))}));(0,a.addFilter)("blocks.registerBlockType","core/align/addAttribute",(function(e){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.align)&&void 0!==t?t:{})||(0,s.hasBlockSupport)(e,"align")&&(e.attributes={...e.attributes,align:{type:"string",enum:[...G_,""]}}),e})),(0,a.addFilter)("editor.BlockListBlock","core/editor/align/with-data-align",W_),(0,a.addFilter)("editor.BlockEdit","core/editor/align/with-toolbar-controls",j_),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/align/addAssignedAlign",(function(e,t,n){const{align:o}=n;return $_((0,s.getBlockSupport)(t,"align"),(0,s.hasBlockSupport)(t,"alignWide",!0)).includes(o)&&(e.className=p()(`align${o}`,e.className)),e})),(0,a.addFilter)("blocks.registerBlockType","core/lock/addAttribute",(function(e){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.lock)&&void 0!==t?t:{})||(e.attributes={...e.attributes,lock:{type:"object"}}),e}));const K_=/[\s#]/g,q_={type:"string",source:"attribute",attribute:"id",selector:"*"};const Y_=(0,m.createHigherOrderComponent)((e=>t=>{if((0,s.hasBlockSupport)(t.name,"anchor")&&t.isSelected){const n="web"===u.Platform.OS,o=(0,u.createElement)(h.TextControl,{__nextHasNoMarginBottom:!0,className:"html-anchor-control",label:(0,k.__)("HTML anchor"),help:(0,u.createElement)(u.Fragment,null,(0,k.__)("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,u.createElement)(h.ExternalLink,{href:(0,k.__)("https://wordpress.org/support/article/page-jumps/")},(0,k.__)("Learn more about anchors"))),value:t.attributes.anchor||"",placeholder:n?null:(0,k.__)("Add an anchor"),onChange:e=>{e=e.replace(K_,"-"),t.setAttributes({anchor:e})},autoCapitalize:"none",autoComplete:"off"});return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(e,t),n&&(0,u.createElement)(wl,{group:"advanced"},o),!n&&"core/heading"===t.name&&(0,u.createElement)(wl,null,(0,u.createElement)(h.PanelBody,{title:(0,k.__)("Heading settings")},o)))}return(0,u.createElement)(e,t)}),"withInspectorControl");(0,a.addFilter)("blocks.registerBlockType","core/anchor/attribute",(function(e){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.anchor)&&void 0!==t?t:{})||(0,s.hasBlockSupport)(e,"anchor")&&(e.attributes={...e.attributes,anchor:q_}),e})),(0,a.addFilter)("editor.BlockEdit","core/editor/anchor/with-inspector-control",Y_),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/anchor/save-props",(function(e,t,n){return(0,s.hasBlockSupport)(t,"anchor")&&(e.id=""===n.anchor?null:n.anchor),e}));const Z_={type:"string",source:"attribute",attribute:"aria-label",selector:"*"};(0,a.addFilter)("blocks.registerBlockType","core/ariaLabel/attribute",(function(e){var t,n;return null!=e&&null!==(t=e.attributes)&&void 0!==t&&null!==(n=t.ariaLabel)&&void 0!==n&&n.type||(0,s.hasBlockSupport)(e,"ariaLabel")&&(e.attributes={...e.attributes,ariaLabel:Z_}),e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/ariaLabel/save-props",(function(e,t,n){return(0,s.hasBlockSupport)(t,"ariaLabel")&&(e["aria-label"]=""===n.ariaLabel?null:n.ariaLabel),e}));const Q_=(0,m.createHigherOrderComponent)((e=>t=>(0,s.hasBlockSupport)(t.name,"customClassName",!0)&&t.isSelected?(0,u.createElement)(u.Fragment,null,(0,u.createElement)(e,t),(0,u.createElement)(wl,{group:"advanced"},(0,u.createElement)(h.TextControl,{__nextHasNoMarginBottom:!0,autoComplete:"off",label:(0,k.__)("Additional CSS class(es)"),value:t.attributes.className||"",onChange:e=>{t.setAttributes({className:""!==e?e:void 0})},help:(0,k.__)("Separate multiple classes with spaces.")}))):(0,u.createElement)(e,t)),"withInspectorControl");function X_(e){return[...e].sort(((t,n)=>e.filter((e=>e===n)).length-e.filter((e=>e===t)).length)).shift()}function J_(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{flat:t,...n}=e;return t||X_(Object.values(n).filter(Boolean))||"px"}function ek(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if("string"==typeof e)return e;const t=Object.values(e).map((e=>(0,h.__experimentalParseQuantityAndUnitFromRawValue)(e))),n=t.map((e=>{var t;return null!==(t=e[0])&&void 0!==t?t:""})),o=t.map((e=>e[1])),r=n.every((e=>e===n[0]))?n[0]:"",l=X_(o),i=0===r||r?`${r}${l}`:void 0;return i}function tk(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=ek(e),n="string"!=typeof e&&isNaN(parseFloat(t));return n}function nk(e){if(!e)return!1;if("string"==typeof e)return!0;return!!Object.values(e).filter((e=>!!e||0===e)).length}function ok(e){let{onChange:t,selectedUnits:n,setSelectedUnits:o,values:r,...l}=e,i=ek(r);void 0===i&&(i=J_(n));const s=nk(r)&&tk(r),a=s?(0,k.__)("Mixed"):null;return(0,u.createElement)(h.__experimentalUnitControl,c({},l,{"aria-label":(0,k.__)("Border radius"),disableUnits:s,isOnly:!0,value:i,onChange:e=>{const n=!isNaN(parseFloat(e));t(n?e:void 0)},onUnitChange:e=>{o({topLeft:e,topRight:e,bottomLeft:e,bottomRight:e})},placeholder:a,size:"__unstable-large"}))}(0,a.addFilter)("blocks.registerBlockType","core/custom-class-name/attribute",(function(e){return(0,s.hasBlockSupport)(e,"customClassName",!0)&&(e.attributes={...e.attributes,className:{type:"string"}}),e})),(0,a.addFilter)("editor.BlockEdit","core/editor/custom-class-name/with-inspector-control",Q_),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/custom-class-name/save-props",(function(e,t,n){return(0,s.hasBlockSupport)(t,"customClassName",!0)&&n.className&&(e.className=p()(e.className,n.className)),e})),(0,a.addFilter)("blocks.switchToBlockType.transformedBlock","core/color/addTransforms",(function(e,t,n,o){if(!(0,s.hasBlockSupport)(e.name,"customClassName",!0))return e;if(1===o.length&&e.innerBlocks.length===t.length)return e;if(1===o.length&&t.length>1||o.length>1&&1===t.length)return e;if(t[n]){var r;const o=null===(r=t[n])||void 0===r?void 0:r.attributes.className;if(o)return{...e,attributes:{...e.attributes,className:o}}}return e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/generated-class-name/save-props",(function(e,t){return(0,s.hasBlockSupport)(t,"className",!0)&&("string"==typeof e.className?e.className=[...new Set([(0,s.getBlockDefaultClassName)(t.name),...e.className.split(" ")])].join(" ").trim():e.className=(0,s.getBlockDefaultClassName)(t.name)),e}));const rk={topLeft:(0,k.__)("Top left"),topRight:(0,k.__)("Top right"),bottomLeft:(0,k.__)("Bottom left"),bottomRight:(0,k.__)("Bottom right")};function lk(e){let{onChange:t,selectedUnits:n,setSelectedUnits:o,values:r,...l}=e;const i=e=>n=>{if(!t)return;const o=!isNaN(parseFloat(n))?n:void 0;t({...s,[e]:o})},s="string"!=typeof r?r:{topLeft:r,topRight:r,bottomLeft:r,bottomRight:r};return(0,u.createElement)("div",{className:"components-border-radius-control__input-controls-wrapper"},Object.entries(rk).map((e=>{let[t,r]=e;const[a,d]=(0,h.__experimentalParseQuantityAndUnitFromRawValue)(s[t]),p=s[t]?d:n[t]||n.flat;return(0,u.createElement)(h.Tooltip,{text:r,position:"top",key:t},(0,u.createElement)("div",{className:"components-border-radius-control__tooltip-wrapper"},(0,u.createElement)(h.__experimentalUnitControl,c({},l,{"aria-label":r,value:[a,p].join(""),onChange:i(t),onUnitChange:(m=t,e=>{const t={...n};t[m]=e,o(t)}),size:"__unstable-large"}))));var m})))}function ik(e){let{isLinked:t,...n}=e;const o=t?(0,k.__)("Unlink radii"):(0,k.__)("Link radii");return(0,u.createElement)(h.Tooltip,{text:o},(0,u.createElement)("span",null,(0,u.createElement)(h.Button,c({},n,{className:"component-border-radius-control__linked-button",isSmall:!0,icon:t?tl:nl,iconSize:24,"aria-label":o}))))}const sk={topLeft:void 0,topRight:void 0,bottomLeft:void 0,bottomRight:void 0},ak={px:100,em:20,rem:20};function ck(e){let{onChange:t,values:n}=e;const[o,r]=(0,u.useState)(!nk(n)||!tk(n)),[l,i]=(0,u.useState)({flat:"string"==typeof n?(0,h.__experimentalParseQuantityAndUnitFromRawValue)(n)[1]:void 0,topLeft:(0,h.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.topLeft)[1],topRight:(0,h.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.topRight)[1],bottomLeft:(0,h.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.bottomLeft)[1],bottomRight:(0,h.__experimentalParseQuantityAndUnitFromRawValue)(null==n?void 0:n.bottomRight)[1]}),s=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["px","em","rem"]}),a=J_(l),c=s&&s.find((e=>e.value===a)),d=(null==c?void 0:c.step)||1,[p]=(0,h.__experimentalParseQuantityAndUnitFromRawValue)(ek(n));return(0,u.createElement)("fieldset",{className:"components-border-radius-control"},(0,u.createElement)(h.BaseControl.VisualLabel,{as:"legend"},(0,k.__)("Radius")),(0,u.createElement)("div",{className:"components-border-radius-control__wrapper"},o?(0,u.createElement)(u.Fragment,null,(0,u.createElement)(ok,{className:"components-border-radius-control__unit-control",values:n,min:0,onChange:t,selectedUnits:l,setSelectedUnits:i,units:s}),(0,u.createElement)(h.RangeControl,{label:(0,k.__)("Border radius"),hideLabelFromVision:!0,className:"components-border-radius-control__range-control",value:null!=p?p:"",min:0,max:ak[a],initialPosition:0,withInputField:!1,onChange:e=>{t(void 0!==e?`${e}${a}`:void 0)},step:d,__nextHasNoMarginBottom:!0})):(0,u.createElement)(lk,{min:0,onChange:t,selectedUnits:l,setSelectedUnits:i,values:n||sk,units:s}),(0,u.createElement)(ik,{onClick:()=>r(!o),isLinked:o})))}function uk(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,u.createElement)(ck,{values:null==n||null===(t=n.border)||void 0===t?void 0:t.radius,onChange:e=>{const t=fl({...n,border:{...null==n?void 0:n.border,radius:e}});o({style:t})}})}kr([Uf,Wf]);const dk=(e,t,n)=>{if(t){const n=null==e?void 0:e.find((e=>e.slug===t));if(n)return n}return{color:n}},pk=(e,t)=>null==e?void 0:e.find((e=>e.color===t));function mk(e,t){if(e&&t)return`has-${(0,f.kebabCase)(t)}-${e}`}function gk(){const e={disableCustomColors:!qr("color.custom"),disableCustomGradients:!qr("color.customGradient")},t=qr("color.palette.custom"),n=qr("color.palette.theme"),o=qr("color.palette.default"),r=qr("color.defaultPalette");e.colors=(0,u.useMemo)((()=>{const e=[];return n&&n.length&&e.push({name:(0,k._x)("Theme","Indicates this palette comes from the theme."),colors:n}),r&&o&&o.length&&e.push({name:(0,k._x)("Default","Indicates this palette comes from WordPress."),colors:o}),t&&t.length&&e.push({name:(0,k._x)("Custom","Indicates this palette comes from the theme."),colors:t}),e}),[o,n,t]);const l=qr("color.gradients.custom"),i=qr("color.gradients.theme"),s=qr("color.gradients.default"),a=qr("color.defaultGradients");return e.gradients=(0,u.useMemo)((()=>{const e=[];return i&&i.length&&e.push({name:(0,k._x)("Theme","Indicates this palette comes from the theme."),gradients:i}),a&&s&&s.length&&e.push({name:(0,k._x)("Default","Indicates this palette comes from WordPress."),gradients:s}),l&&l.length&&e.push({name:(0,k._x)("Custom","Indicates this palette is created by the user."),gradients:l}),e}),[l,i,s]),e}const fk="__experimentalBorder",hk=["top","right","bottom","left"],vk=e=>{var t,n;return{...e,borderColor:void 0,style:{...e.style,border:{radius:null===(t=e.style)||void 0===t||null===(n=t.border)||void 0===n?void 0:n.radius}}}},bk=(e,t,n)=>{let o;return e.some((e=>e.colors.some((e=>e[t]===n&&(o=e,!0))))),o},_k=e=>{let{colors:t,namedColor:n,customColor:o}=e;if(n){const e=bk(t,"slug",n);if(e)return e}if(!o)return{color:void 0};const r=bk(t,"color",o);return r||{color:o}};function kk(e){const t=/var:preset\|color\|(.+)/.exec(e);return t&&t[1]?t[1]:null}function yk(e){const{attributes:t,clientId:n,setAttributes:o}=e,{style:r}=t,{colors:l}=gk(),i=Ek(e.name),a=qr("border.color")&&Ek(e.name,"color"),c=qr("border.radius")&&Ek(e.name,"radius"),d=qr("border.style")&&Ek(e.name,"style"),p=qr("border.width")&&Ek(e.name,"width");if([!a,!c,!d,!p].every(Boolean)||!i)return null;const m=(0,s.getBlockSupport)(e.name,[fk,"__experimentalDefaultControls"]),g=(null==m?void 0:m.color)||(null==m?void 0:m.width),f=((e,t)=>{const{borderColor:n,style:o}=e,{border:r}=o||{};if(n){const{color:e}=_k({colors:t,namedColor:n});return e?{...r,color:e}:r}if(!r)return r;const l={...r};return hk.forEach((e=>{var n;const o=kk(null===(n=l[e])||void 0===n?void 0:n.color);if(o){const{color:n}=_k({colors:t,namedColor:o});l[e]={...l[e],color:n}}})),l})(t,l);return(0,u.createElement)(wl,{group:"border"},(p||a)&&(0,u.createElement)(h.__experimentalToolsPanelItem,{hasValue:()=>(e=>{const{borderColor:t,style:n}=e.attributes;return(0,h.__experimentalIsDefinedBorder)(null==n?void 0:n.border)||!!t})(e),label:(0,k.__)("Border"),onDeselect:()=>(e=>{var t;let{attributes:n={},setAttributes:o}=e;const{style:r}=n;o({borderColor:void 0,style:{...r,border:fl({radius:null==r||null===(t=r.border)||void 0===t?void 0:t.radius})}})})(e),isShownByDefault:g,resetAllFilter:vk,panelId:n},(0,u.createElement)(h.__experimentalBorderBoxControl,{colors:l,enableAlpha:!0,enableStyle:d,onChange:e=>{var t;let n,i={...e};if((0,h.__experimentalHasSplitBorders)(e))i={top:{...e.top},right:{...e.right},bottom:{...e.bottom},left:{...e.left}},hk.forEach((t=>{var n;if(null!==(n=e[t])&&void 0!==n&&n.color){var o;const n=_k({colors:l,customColor:null===(o=e[t])||void 0===o?void 0:o.color});n.slug&&(i[t].color=`var:preset|color|${n.slug}`)}}));else if(null!=e&&e.color){const t=null==e?void 0:e.color,o=_k({colors:l,customColor:t});o.slug&&(n=o.slug,i.color=void 0)}const s=fl({...r,border:{radius:null==r||null===(t=r.border)||void 0===t?void 0:t.radius,...i}});o({style:s,borderColor:n})},popoverOffset:40,popoverPlacement:"left-start",size:"__unstable-large",value:f,__experimentalIsRenderedInSidebar:!0})),c&&(0,u.createElement)(h.__experimentalToolsPanelItem,{hasValue:()=>function(e){var t,n;const o=null===(t=e.attributes.style)||void 0===t||null===(n=t.border)||void 0===n?void 0:n.radius;return"object"==typeof o?Object.entries(o).some(Boolean):!!o}(e),label:(0,k.__)("Radius"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:Ck(o,"radius")})}(e),isShownByDefault:null==m?void 0:m.radius,resetAllFilter:e=>{var t;return{...e,style:{...e.style,border:{...null===(t=e.style)||void 0===t?void 0:t.border,radius:void 0}}}},panelId:n},(0,u.createElement)(uk,e)))}function Ek(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"any";if("web"!==u.Platform.OS)return!1;const n=(0,s.getBlockSupport)(e,fk);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 Ck(e,t){return fl({...e,border:{...null==e?void 0:e.border,[t]:void 0}})}function Sk(e,t,n){if(!Ek(t,"color")||_l(t,fk,"color"))return e;const o=wk(n),r=p()(e.className,o);return e.className=r||void 0,e}function wk(e){var t;const{borderColor:n,style:o}=e,r=mk("border-color",n);return p()({"has-border-color":n||(null==o||null===(t=o.border)||void 0===t?void 0:t.color),[r]:!!r})}const Bk=(0,m.createHigherOrderComponent)((e=>t=>{var n,o,r,l,i,s,a,d,p;const{name:m,attributes:g}=t,{borderColor:f,style:h}=g,{colors:v}=gk();if(!Ek(m,"color")||_l(m,fk,"color"))return(0,u.createElement)(e,t);const{color:b}=_k({colors:v,namedColor:f}),{color:_}=_k({colors:v,namedColor:kk(null==h||null===(n=h.border)||void 0===n||null===(o=n.top)||void 0===o?void 0:o.color)}),{color:k}=_k({colors:v,namedColor:kk(null==h||null===(r=h.border)||void 0===r||null===(l=r.right)||void 0===l?void 0:l.color)}),{color:y}=_k({colors:v,namedColor:kk(null==h||null===(i=h.border)||void 0===i||null===(s=i.bottom)||void 0===s?void 0:s.color)}),{color:E}=_k({colors:v,namedColor:kk(null==h||null===(a=h.border)||void 0===a||null===(d=a.left)||void 0===d?void 0:d.color)}),C={borderTopColor:_||b,borderRightColor:k||b,borderBottomColor:y||b,borderLeftColor:E||b};let S=t.wrapperProps;return S={...t.wrapperProps,style:{...null===(p=t.wrapperProps)||void 0===p?void 0:p.style,...C}},(0,u.createElement)(e,c({},t,{wrapperProps:S}))}));function Ik(e){if(e)return`has-${e}-gradient-background`}function xk(e,t){const n=null==e?void 0:e.find((e=>e.slug===t));return n&&n.gradient}function Tk(e,t){const n=null==e?void 0:e.find((e=>e.gradient===t));return n}function Mk(e,t){const n=Tk(e,t);return n&&n.slug}function Nk(){let{gradientAttribute:e="gradient",customGradientAttribute:t="customGradient"}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{clientId:n}=$r(),o=qr("color.gradients.custom"),r=qr("color.gradients.theme"),l=qr("color.gradients.default"),i=(0,u.useMemo)((()=>[...o||[],...r||[],...l||[]]),[o,r,l]),{gradient:s,customGradient:a}=(0,g.useSelect)((o=>{const{getBlockAttributes:r}=o(E_),l=r(n)||{};return{customGradient:l[t],gradient:l[e]}}),[n,e,t]),{updateBlockAttributes:c}=(0,g.useDispatch)(E_),d=(0,u.useCallback)((o=>{const r=Mk(i,o);c(n,r?{[e]:r,[t]:void 0}:{[e]:void 0,[t]:o})}),[i,n,c]),p=Ik(s);let m;return m=s?xk(i,s):a,{gradientClass:p,gradientValue:m,setGradient:d}}(0,a.addFilter)("blocks.registerBlockType","core/border/addAttributes",(function(e){return Ek(e,"color")?e.attributes.borderColor?e:{...e,attributes:{...e.attributes,borderColor:{type:"string"}}}:e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/border/addSaveProps",Sk),(0,a.addFilter)("blocks.registerBlockType","core/border/addEditProps",(function(e){if(!Ek(e,"color")||_l(e,fk,"color"))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Sk(o,e,n)},e})),(0,a.addFilter)("editor.BlockListBlock","core/border/with-border-color-palette-styles",Bk);const Pk=["colors","disableCustomColors","gradients","disableCustomGradients"],Lk={name:"color",title:"Solid",value:"color"},Rk={name:"gradient",title:"Gradient",value:"gradient"},Ak=[Lk,Rk];function Ok(e){let{colors:t,gradients:n,disableCustomColors:o,disableCustomGradients:r,__experimentalIsRenderedInSidebar:l,className:i,label:s,onColorChange:a,onGradientChange:c,colorValue:d,gradientValue:m,clearable:g,showTitle:v=!0,enableAlpha:b}=e;const _=a&&(!(0,f.isEmpty)(t)||!o),k=c&&(!(0,f.isEmpty)(n)||!r);if(!_&&!k)return null;const y={[Lk.value]:(0,u.createElement)(h.ColorPalette,{value:d,onChange:k?e=>{a(e),c()}:a,colors:t,disableCustomColors:o,__experimentalIsRenderedInSidebar:l,clearable:g,enableAlpha:b}),[Rk.value]:(0,u.createElement)(h.GradientPicker,{__nextHasNoMargin:!0,value:m,onChange:_?e=>{c(e),a()}:c,gradients:n,disableCustomGradients:r,__experimentalIsRenderedInSidebar:l,clearable:g})},E=e=>(0,u.createElement)("div",{className:"block-editor-color-gradient-control__panel"},y[e]);return(0,u.createElement)(h.BaseControl,{__nextHasNoMarginBottom:!0,className:p()("block-editor-color-gradient-control",i)},(0,u.createElement)("fieldset",{className:"block-editor-color-gradient-control__fieldset"},(0,u.createElement)(h.__experimentalVStack,{spacing:1},v&&(0,u.createElement)("legend",null,(0,u.createElement)("div",{className:"block-editor-color-gradient-control__color-indicator"},(0,u.createElement)(h.BaseControl.VisualLabel,null,s))),_&&k&&(0,u.createElement)(h.TabPanel,{className:"block-editor-color-gradient-control__tabs",tabs:Ak,initialTabName:m?Rk.value:!!_&&Lk.value},(e=>E(e.value))),!k&&E(Lk.value),!_&&E(Rk.value))))}function Dk(e){const t={};return t.colors=qr("color.palette"),t.gradients=qr("color.gradients"),t.disableCustomColors=!qr("color.custom"),t.disableCustomGradients=!qr("color.customGradient"),(0,u.createElement)(Ok,c({},t,e))}var zk=function(e){return Pk.every((t=>e.hasOwnProperty(t)))?(0,u.createElement)(Ok,e):(0,u.createElement)(Dk,e)};const Fk=e=>{let{setting:t,children:n,panelId:o,...r}=e;return(0,u.createElement)(h.__experimentalToolsPanelItem,c({hasValue:()=>!!t.colorValue||!!t.gradientValue,label:t.label,onDeselect:()=>{t.colorValue?t.onColorChange():t.gradientValue&&t.onGradientChange()},isShownByDefault:void 0===t.isShownByDefault||t.isShownByDefault},r,{className:"block-editor-tools-panel-color-gradient-settings__item",panelId:o,resetAllFilter:t.resetAllFilter}),n)},Vk=e=>{let{colorValue:t,label:n}=e;return(0,u.createElement)(h.__experimentalHStack,{justify:"flex-start"},(0,u.createElement)(h.ColorIndicator,{className:"block-editor-panel-color-gradient-settings__color-indicator",colorValue:t}),(0,u.createElement)(h.FlexItem,{className:"block-editor-panel-color-gradient-settings__color-name",title:n},n))},Hk=e=>t=>{let{onToggle:n,isOpen:o}=t;const{colorValue:r,label:l}=e,i={onClick:n,className:p()("block-editor-panel-color-gradient-settings__dropdown",{"is-open":o}),"aria-expanded":o};return(0,u.createElement)(h.Button,i,(0,u.createElement)(Vk,{colorValue:r,label:l}))};function Gk(e){let t,{colors:n,disableCustomColors:o,disableCustomGradients:r,enableAlpha:l,gradients:i,settings:s,__experimentalIsRenderedInSidebar:a,...d}=e;return a&&(t={placement:"left-start",offset:36,shift:!0}),(0,u.createElement)(u.Fragment,null,s.map(((e,s)=>{var p;const m={clearable:!1,colorValue:e.colorValue,colors:n,disableCustomColors:o,disableCustomGradients:r,enableAlpha:l,gradientValue:e.gradientValue,gradients:i,label:e.label,onColorChange:e.onColorChange,onGradientChange:e.onGradientChange,showTitle:!1,__experimentalIsRenderedInSidebar:a,...e},g={colorValue:null!==(p=e.gradientValue)&&void 0!==p?p:e.colorValue,label:e.label};return e&&(0,u.createElement)(Fk,c({key:s,setting:e},d),(0,u.createElement)(h.Dropdown,{popoverProps:t,className:"block-editor-tools-panel-color-gradient-settings__dropdown",renderToggle:Hk(g),renderContent:()=>(0,u.createElement)(h.__experimentalDropdownContentWrapper,{paddingSize:"none"},(0,u.createElement)("div",{className:"block-editor-panel-color-gradient-settings__dropdown-content"},(0,u.createElement)(zk,m)))}))})))}kr([Uf,Wf]);var Uk=function(e){let{backgroundColor:t,fallbackBackgroundColor:n,fallbackTextColor:o,fallbackLinkColor:r,fontSize:l,isLargeText:i,textColor:s,linkColor:a,enableAlphaChecker:c=!1}=e;const d=t||n;if(!d)return null;const p=s||o,m=a||r;if(!p&&!m)return null;const g=[{color:p,description:(0,k.__)("text color")},{color:m,description:(0,k.__)("link color")}],f=br(d),v=f.alpha()<1,b=f.brightness(),_={level:"AA",size:i||!1!==i&&l>=24?"large":"small"};let y="",E="";for(const e of g){if(!e.color)continue;const t=br(e.color),n=t.isReadable(f,_),o=t.alpha()<1;if(!n){if(v||o)continue;y=bnull==e?void 0:e.colorValue));(0,u.useEffect)((()=>{var e;if(!r)return;if(!g.length)return l&&i(),s&&a(),void(d&&a());if(!m.current)return;a($k(m.current).color);const t=null===(e=m.current)||void 0===e?void 0:e.querySelector("a");t&&t.innerText&&p($k(t).color);let n=m.current,o=$k(n).backgroundColor;for(;"rgba(0, 0, 0, 0)"===o&&n.parentNode&&n.parentNode.nodeType===n.parentNode.ELEMENT_NODE;)n=n.parentNode,o=$k(n).backgroundColor;i(o)}));const f=gk();return(0,u.createElement)(wl,{group:"color"},(0,u.createElement)(Gk,c({enableAlpha:t,panelId:o,settings:n,__experimentalIsItemGroup:!1,__experimentalIsRenderedInSidebar:!0},f)),r&&(0,u.createElement)(Uk,{backgroundColor:l,textColor:s,enableAlphaChecker:t,linkColor:d}))}const Wk="color",Kk=e=>{const t=(0,s.getBlockSupport)(e,Wk);return t&&(!0===t.link||!0===t.gradient||!1!==t.background||!1!==t.text)},qk=e=>{if("web"!==u.Platform.OS)return!1;const t=(0,s.getBlockSupport)(e,Wk);return null!==t&&"object"==typeof t&&!!t.link},Yk=e=>{const t=(0,s.getBlockSupport)(e,Wk);return null!==t&&"object"==typeof t&&!!t.gradients},Zk=e=>{const t=(0,s.getBlockSupport)(e,Wk);return t&&!1!==t.background},Qk=e=>{const t=(0,s.getBlockSupport)(e,Wk);return t&&!1!==t.text},Xk=(e,t)=>fl(vl(t,e,void 0)),Jk=e=>({textColor:void 0,style:Xk(["color","text"],e.style)}),ey=e=>({style:Xk(["elements","link","color","text"],e.style)}),ty=e=>{var t;return{backgroundColor:void 0,gradient:void 0,style:{...e.style,color:{...null===(t=e.style)||void 0===t?void 0:t.color,background:void 0,gradient:void 0}}}};function ny(e,t,n){var o,r,l,i,s,a;if(!Kk(t)||_l(t,Wk))return e;const c=Yk(t),{backgroundColor:u,textColor:d,gradient:m,style:g}=n,f=e=>!_l(t,Wk,e),h=f("text")?mk("color",d):void 0,v=f("gradients")?Ik(m):void 0,b=f("background")?mk("background-color",u):void 0,_=f("background")||f("gradients"),k=u||(null==g||null===(o=g.color)||void 0===o?void 0:o.background)||c&&(m||(null==g||null===(r=g.color)||void 0===r?void 0:r.gradient)),y=p()(e.className,h,v,{[b]:!(c&&null!=g&&null!==(l=g.color)&&void 0!==l&&l.gradient||!b),"has-text-color":f("text")&&(d||(null==g||null===(i=g.color)||void 0===i?void 0:i.text)),"has-background":_&&k,"has-link-color":f("link")&&(null==g||null===(s=g.elements)||void 0===s||null===(a=s.link)||void 0===a?void 0:a.color)});return e.className=y||void 0,e}const oy=(e,t)=>{const n=/var:preset\|color\|(.+)/.exec(t);return n&&n[1]?dk(e,n[1]).color:t};function ry(e){var t,n,o,r,l,i;const{name:a,attributes:c}=e,d=qr("color.palette.custom"),p=qr("color.palette.theme"),m=qr("color.palette.default"),g=(0,u.useMemo)((()=>[...d||[],...p||[],...m||[]]),[d,p,m]),f=qr("color.gradients.custom"),h=qr("color.gradients.theme"),v=qr("color.gradients.default"),b=(0,u.useMemo)((()=>[...f||[],...h||[],...v||[]]),[f,h,v]),_=qr("color.custom"),y=qr("color.customGradient"),E=qr("color.background"),C=qr("color.link"),S=qr("color.text"),w=_||!p||(null==p?void 0:p.length)>0,B=y||!h||(null==h?void 0:h.length)>0,I=(0,u.useRef)(c);if((0,u.useEffect)((()=>{I.current=c}),[c]),!Kk(a))return null;const x=qk(a)&&C&&w,T=Qk(a)&&S&&w,M=Zk(a)&&E&&w,N=Yk(a)&&B;if(!(x||T||M||N))return null;const{style:P,textColor:L,backgroundColor:R,gradient:A}=c;let O;if(N&&A)O=xk(b,A);else if(N){var D;O=null==P||null===(D=P.color)||void 0===D?void 0:D.gradient}const z=t=>n=>{var o,r;const l=pk(g,n),i=t+"Color",s={...I.current.style,color:{...null===(o=I.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:fl(s),[i]:a};e.setAttributes(c),I.current={...I.current,...c}},F=(0,s.getBlockSupport)(e.name,[Wk,"__experimentalDefaultControls"]),V="web"===u.Platform.OS&&!A&&!(null!=P&&null!==(t=P.color)&&void 0!==t&&t.gradient)&&M&&(x||T)&&!1!==(0,s.getBlockSupport)(e.name,[Wk,"enableContrastChecker"]);return(0,u.createElement)(jk,{enableContrastChecking:V,clientId:e.clientId,enableAlpha:!0,settings:[...T?[{label:(0,k.__)("Text"),onColorChange:z("text"),colorValue:dk(g,L,null==P||null===(n=P.color)||void 0===n?void 0:n.text).color,isShownByDefault:null==F?void 0:F.text,resetAllFilter:Jk}]:[],...M||N?[{label:(0,k.__)("Background"),onColorChange:M?z("background"):void 0,colorValue:dk(g,R,null==P||null===(o=P.color)||void 0===o?void 0:o.background).color,gradientValue:O,onGradientChange:N?t=>{const n=Mk(b,t);let o;if(n){var r,l,i;const e={...null===(r=I.current)||void 0===r?void 0:r.style,color:{...null===(l=I.current)||void 0===l||null===(i=l.style)||void 0===i?void 0:i.color,gradient:void 0}};o={style:fl(e),gradient:n}}else{var s,a,c;const e={...null===(s=I.current)||void 0===s?void 0:s.style,color:{...null===(a=I.current)||void 0===a||null===(c=a.style)||void 0===c?void 0:c.color,gradient:t}};o={style:fl(e),gradient:void 0}}e.setAttributes(o),I.current={...I.current,...o}}:void 0,isShownByDefault:null==F?void 0:F.background,resetAllFilter:ty}]:[],...x?[{label:(0,k.__)("Link"),onColorChange:t=>{var n;const o=pk(g,t),r=null!=o&&o.slug?`var:preset|color|${o.slug}`:t,l=fl(vl(null===(n=I.current)||void 0===n?void 0:n.style,["elements","link","color","text"],r));e.setAttributes({style:l}),I.current={...I.current,style:l}},colorValue:oy(g,null==P||null===(r=P.elements)||void 0===r||null===(l=r.link)||void 0===l||null===(i=l.color)||void 0===i?void 0:i.text),isShownByDefault:null==F?void 0:F.link,resetAllFilter:ey}]:[]]})}const ly=(0,m.createHigherOrderComponent)((e=>t=>{var n;const{name:o,attributes:r}=t,{backgroundColor:l,textColor:i}=r,s=qr("color.palette.custom"),a=qr("color.palette.theme"),d=qr("color.palette.default"),p=(0,u.useMemo)((()=>[...s||[],...a||[],...d||[]]),[s,a,d]);if(!Kk(o)||_l(o,Wk))return(0,u.createElement)(e,t);const m={};var g,f;i&&!_l(o,Wk,"text")&&(m.color=null===(g=dk(p,i))||void 0===g?void 0:g.color);l&&!_l(o,Wk,"background")&&(m.backgroundColor=null===(f=dk(p,l))||void 0===f?void 0:f.color);let h=t.wrapperProps;return h={...t.wrapperProps,style:{...m,...null===(n=t.wrapperProps)||void 0===n?void 0:n.style}},(0,u.createElement)(e,c({},t,{wrapperProps:h}))})),iy={linkColor:[["style","elements","link","color","text"]],textColor:[["textColor"],["style","color","text"]],backgroundColor:[["backgroundColor"],["style","color","background"]],gradient:[["gradient"],["style","color","gradient"]]};(0,a.addFilter)("blocks.registerBlockType","core/color/addAttribute",(function(e){return Kk(e)?(e.attributes.backgroundColor||Object.assign(e.attributes,{backgroundColor:{type:"string"}}),e.attributes.textColor||Object.assign(e.attributes,{textColor:{type:"string"}}),Yk(e)&&!e.attributes.gradient&&Object.assign(e.attributes,{gradient:{type:"string"}}),e):e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/color/addSaveProps",ny),(0,a.addFilter)("blocks.registerBlockType","core/color/addEditProps",(function(e){if(!Kk(e)||_l(e,Wk))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),ny(o,e,n)},e})),(0,a.addFilter)("editor.BlockListBlock","core/color/with-color-palette-styles",ly),(0,a.addFilter)("blocks.switchToBlockType.transformedBlock","core/color/addTransforms",(function(e,t,n,o){const r=e.name;return bl({linkColor:qk(r),textColor:Qk(r),backgroundColor:Zk(r),gradient:Yk(r)},iy,e,t,n,o)}));const sy=[{name:(0,k._x)("Regular","font style"),value:"normal"},{name:(0,k._x)("Italic","font style"),value:"italic"}],ay=[{name:(0,k._x)("Thin","font weight"),value:"100"},{name:(0,k._x)("Extra Light","font weight"),value:"200"},{name:(0,k._x)("Light","font weight"),value:"300"},{name:(0,k._x)("Regular","font weight"),value:"400"},{name:(0,k._x)("Medium","font weight"),value:"500"},{name:(0,k._x)("Semi Bold","font weight"),value:"600"},{name:(0,k._x)("Bold","font weight"),value:"700"},{name:(0,k._x)("Extra Bold","font weight"),value:"800"},{name:(0,k._x)("Black","font weight"),value:"900"}],cy=(e,t)=>e?t?(0,k.__)("Appearance"):(0,k.__)("Font style"):(0,k.__)("Font weight");function uy(e){const{onChange:t,hasFontStyles:n=!0,hasFontWeights:o=!0,value:{fontStyle:r,fontWeight:l},...i}=e,s=n||o,a=cy(n,o),d={key:"default",name:(0,k.__)("Default"),style:{fontStyle:void 0,fontWeight:void 0}},p=(0,u.useMemo)((()=>n&&o?(()=>{const e=[d];return sy.forEach((t=>{let{name:n,value:o}=t;ay.forEach((t=>{let{name:r,value:l}=t;const i="normal"===o?r:(0,k.sprintf)((0,k.__)("%1$s %2$s"),r,n);e.push({key:`${o}-${l}`,name:i,style:{fontStyle:o,fontWeight:l}})}))})),e})():n?(()=>{const e=[d];return sy.forEach((t=>{let{name:n,value:o}=t;e.push({key:o,name:n,style:{fontStyle:o,fontWeight:void 0}})})),e})():(()=>{const e=[d];return ay.forEach((t=>{let{name:n,value:o}=t;e.push({key:o,name:n,style:{fontStyle:void 0,fontWeight:o}})})),e})()),[e.options]),m=p.find((e=>e.style.fontStyle===r&&e.style.fontWeight===l))||p[0];return s&&(0,u.createElement)(h.CustomSelectControl,c({},i,{className:"components-font-appearance-control",label:a,describedBy:m?n?o?(0,k.sprintf)((0,k.__)("Currently selected font appearance: %s"),m.name):(0,k.sprintf)((0,k.__)("Currently selected font style: %s"),m.name):(0,k.sprintf)((0,k.__)("Currently selected font weight: %s"),m.name):(0,k.__)("No selected font appearance"),options:p,value:m,onChange:e=>{let{selectedItem:n}=e;return t(n.style)},__nextUnconstrainedWidth:!0}))}const dy=1.5,py=.1;var my=e=>{let{value:t,onChange:n,__nextHasNoMarginBottom:o=!1,__unstableInputWidth:r="60px",...l}=e;const i=function(e){return void 0!==e&&""!==e}(t),s=i?t:"";o||W()("Bottom margin styles for wp.blockEditor.LineHeightControl",{since:"6.0",version:"6.4",hint:"Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version"});const a=o?void 0:{marginBottom:24};return(0,u.createElement)("div",{className:"block-editor-line-height-control",style:a},(0,u.createElement)(h.__experimentalNumberControl,c({},l,{__unstableInputWidth:r,__unstableStateReducer:(e,t)=>{var n;const o=["insertText","insertFromPaste"].includes(null===(n=t.payload.event.nativeEvent)||void 0===n?void 0:n.inputType),r=((e,t)=>{if(i)return e;switch(`${e}`){case"0.1":return 1.6;case"0":return t?e:1.4;case"":return dy;default:return e}})(e.value,o);return{...e,value:r}},onChange:n,label:(0,k.__)("Line height"),placeholder:dy,step:py,value:s,min:0,spinControls:"custom"})))};const gy="typography.lineHeight";function fy(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,u.createElement)(my,{__unstableInputWidth:"100%",__nextHasNoMarginBottom:!0,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:fl(t)})},size:"__unstable-large"})}function hy(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!qr("typography.lineHeight");return!(0,s.hasBlockSupport)(e,gy)||t}const vy="typography.__experimentalFontStyle",by="typography.__experimentalFontWeight";function _y(e){var t,n;const{attributes:{style:o},setAttributes:r}=e,l=!ky(e),i=!yy(e),s=null==o||null===(t=o.typography)||void 0===t?void 0:t.fontStyle,a=null==o||null===(n=o.typography)||void 0===n?void 0:n.fontWeight;return(0,u.createElement)(uy,{onChange:e=>{r({style:fl({...o,typography:{...null==o?void 0:o.typography,fontStyle:e.fontStyle,fontWeight:e.fontWeight}})})},hasFontStyles:l,hasFontWeights:i,value:{fontStyle:s,fontWeight:a},size:"__unstable-large"})}function ky(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=(0,s.hasBlockSupport)(e,vy),n=qr("typography.fontStyle");return!t||!n}function yy(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=(0,s.hasBlockSupport)(e,by),n=qr("typography.fontWeight");return!t||!n}function Ey(e){const t=ky(e),n=yy(e);return t&&n}function Cy(e){let{value:t="",onChange:n,fontFamilies:o,...r}=e;const l=qr("typography.fontFamilies");if(o||(o=l),!o||0===o.length)return null;const i=[{value:"",label:(0,k.__)("Default")},...o.map((e=>{let{fontFamily:t,name:n}=e;return{value:t,label:n||t}}))];return(0,u.createElement)(h.SelectControl,c({label:(0,k.__)("Font"),options:i,value:t,onChange:n,labelPosition:"top"},r))}const Sy="typography.__experimentalFontFamily";function wy(e,t,n){if(!(0,s.hasBlockSupport)(t,Sy))return e;if(_l(t,rE,"fontFamily"))return e;if(null==n||!n.fontFamily)return e;const o=new(dm())(e.className);o.add(`has-${(0,f.kebabCase)(null==n?void 0:n.fontFamily)}-font-family`);const r=o.value;return e.className=r||void 0,e}function By(e){var t;let{setAttributes:n,attributes:{fontFamily:o}}=e;const r=qr("typography.fontFamilies"),l=null==r||null===(t=r.find((e=>{let{slug:t}=e;return o===t})))||void 0===t?void 0:t.fontFamily;return(0,u.createElement)(Cy,{className:"block-editor-hooks-font-family-control",fontFamilies:r,value:l,onChange:function(e){const t=null==r?void 0:r.find((t=>{let{fontFamily:n}=t;return n===e}));n({fontFamily:null==t?void 0:t.slug})},size:"__unstable-large",__nextHasNoMarginBottom:!0})}function Iy(e){let{name:t}=e;const n=qr("typography.fontFamilies");return!n||0===n.length||!(0,s.hasBlockSupport)(t,Sy)}(0,a.addFilter)("blocks.registerBlockType","core/fontFamily/addAttribute",(function(e){return(0,s.hasBlockSupport)(e,Sy)?(e.attributes.fontFamily||Object.assign(e.attributes,{fontFamily:{type:"string"}}),e):e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/fontFamily/addSaveProps",wy),(0,a.addFilter)("blocks.registerBlockType","core/fontFamily/addEditProps",(function(e){if(!(0,s.hasBlockSupport)(e,Sy))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),wy(o,e,n)},e}));const xy=(e,t,n)=>{if(t){const n=null==e?void 0:e.find((e=>{let{slug:n}=e;return n===t}));if(n)return n}return{size:n}};function Ty(e,t){const n=null==e?void 0:e.find((e=>{let{size:n}=e;return n===t}));return n||{size:t}}function My(e){if(e)return`has-${(0,f.kebabCase)(e)}-font-size`}var Ny=function(e){const t=qr("typography.fontSizes"),n=!qr("typography.customFontSize");return(0,u.createElement)(h.FontSizePicker,c({},e,{fontSizes:t,disableCustomFontSizes:n}))};const Py="typography.fontSize";function Ly(e,t,n){if(!(0,s.hasBlockSupport)(t,Py))return e;if(_l(t,rE,"fontSize"))return e;const o=new(dm())(e.className);o.add(My(n.fontSize));const r=o.value;return e.className=r||void 0,e}function Ry(e){var t,n;const{attributes:{fontSize:o,style:r},setAttributes:l}=e,i=qr("typography.fontSizes"),s=xy(i,o,null==r||null===(t=r.typography)||void 0===t?void 0:t.fontSize),a=(null==s?void 0:s.size)||(null==r||null===(n=r.typography)||void 0===n?void 0:n.fontSize)||o;return(0,u.createElement)(Ny,{onChange:e=>{const t=Ty(i,e).slug;l({style:fl({...r,typography:{...null==r?void 0:r.typography,fontSize:t?void 0:e}}),fontSize:t})},value:a,withReset:!1,withSlider:!0,size:"__unstable-large",__nextHasNoMarginBottom:!0})}function Ay(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=qr("typography.fontSizes"),n=!(null==t||!t.length);return!(0,s.hasBlockSupport)(e,Py)||!n}const Oy=(0,m.createHigherOrderComponent)((e=>t=>{var n,o;const r=qr("typography.fontSizes"),{name:l,attributes:{fontSize:i,style:a},wrapperProps:c}=t;if(!(0,s.hasBlockSupport)(l,Py)||_l(l,rE,"fontSize")||!i||null!=a&&null!==(n=a.typography)&&void 0!==n&&n.fontSize)return(0,u.createElement)(e,t);const d=xy(r,i,null==a||null===(o=a.typography)||void 0===o?void 0:o.fontSize).size,p={...t,wrapperProps:{...c,style:{fontSize:d,...null==c?void 0:c.style}}};return(0,u.createElement)(e,p)}),"withFontSizeInlineStyles"),Dy={fontSize:[["fontSize"],["style","typography","fontSize"]]};(0,a.addFilter)("blocks.registerBlockType","core/font/addAttribute",(function(e){return(0,s.hasBlockSupport)(e,Py)?(e.attributes.fontSize||Object.assign(e.attributes,{fontSize:{type:"string"}}),e):e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/font/addSaveProps",Ly),(0,a.addFilter)("blocks.registerBlockType","core/font/addEditProps",(function(e){if(!(0,s.hasBlockSupport)(e,Py))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),Ly(o,e,n)},e})),(0,a.addFilter)("editor.BlockListBlock","core/font-size/with-font-size-inline-styles",Oy),(0,a.addFilter)("blocks.switchToBlockType.transformedBlock","core/font-size/addTransforms",(function(e,t,n,o){const r=e.name;return bl({fontSize:(0,s.hasBlockSupport)(r,Py)},Dy,e,t,n,o)})),(0,a.addFilter)("blocks.registerBlockType","core/font-size/addEditPropsForFluidCustomFontSizes",(function(e){if(!(0,s.hasBlockSupport)(e,Py)||_l(e,rE,"fontSize"))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=e=>{var n,o,r;const l=t?t(e):{},i=null==l||null===(n=l.style)||void 0===n?void 0:n.fontSize,s=null===(o=(0,g.select)(E_).getSettings().__experimentalFeatures)||void 0===o||null===(r=o.typography)||void 0===r?void 0:r.fluid,a="object"==typeof s?s:{},c=i&&s?Mo({fontSize:i,minimumFontSizeLimit:null==a?void 0:a.minFontSize}):null;return null===c?l:{...l,style:{...null==l?void 0:l.style,fontSize:c}}},e}),11);var zy=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M7 11.5h10V13H7z"}));var Fy=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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"}));var Vy=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 Hy=[{name:(0,k.__)("None"),value:"none",icon:zy},{name:(0,k.__)("Underline"),value:"underline",icon:Fy},{name:(0,k.__)("Strikethrough"),value:"line-through",icon:Vy}];function Gy(e){let{value:t,onChange:n,className:o}=e;return(0,u.createElement)("fieldset",{className:p()("block-editor-text-decoration-control",o)},(0,u.createElement)(h.BaseControl.VisualLabel,{as:"legend"},(0,k.__)("Decoration")),(0,u.createElement)("div",{className:"block-editor-text-decoration-control__buttons"},Hy.map((e=>(0,u.createElement)(h.Button,{key:e.value,icon:e.icon,label:e.name,isPressed:e.value===t,onClick:()=>{n(e.value===t?void 0:e.value)}})))))}const Uy="typography.__experimentalTextDecoration";function $y(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,u.createElement)(Gy,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textDecoration,onChange:function(e){o({style:fl({...n,typography:{...null==n?void 0:n.typography,textDecoration:e}})})},size:"__unstable-large"})}function jy(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!(0,s.hasBlockSupport)(e,Uy),n=qr("typography.textDecoration");return t||!n}var Wy=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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"}));var Ky=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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"}));var qy=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 Yy=[{name:(0,k.__)("None"),value:"none",icon:zy},{name:(0,k.__)("Uppercase"),value:"uppercase",icon:Wy},{name:(0,k.__)("Lowercase"),value:"lowercase",icon:Ky},{name:(0,k.__)("Capitalize"),value:"capitalize",icon:qy}];function Zy(e){let{className:t,value:n,onChange:o}=e;return(0,u.createElement)("fieldset",{className:p()("block-editor-text-transform-control",t)},(0,u.createElement)(h.BaseControl.VisualLabel,{as:"legend"},(0,k.__)("Letter case")),(0,u.createElement)("div",{className:"block-editor-text-transform-control__buttons"},Yy.map((e=>(0,u.createElement)(h.Button,{key:e.value,icon:e.icon,label:e.name,isPressed:e.value===n,onClick:()=>{o(e.value===n?void 0:e.value)}})))))}const Qy="typography.__experimentalTextTransform";function Xy(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,u.createElement)(Zy,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.textTransform,onChange:function(e){o({style:fl({...n,typography:{...null==n?void 0:n.typography,textTransform:e}})})},size:"__unstable-large"})}function Jy(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!(0,s.hasBlockSupport)(e,Qy),n=qr("typography.textTransform");return t||!n}function eE(e){let{value:t,onChange:n,__unstableInputWidth:o="60px",...r}=e;const l=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["px","em","rem"],defaultValues:{px:2,em:.2,rem:.2}});return(0,u.createElement)(h.__experimentalUnitControl,c({},r,{label:(0,k.__)("Letter spacing"),value:t,__unstableInputWidth:o,units:l,onChange:n}))}const tE="typography.__experimentalLetterSpacing";function nE(e){var t;const{attributes:{style:n},setAttributes:o}=e;return(0,u.createElement)(eE,{value:null==n||null===(t=n.typography)||void 0===t?void 0:t.letterSpacing,onChange:function(e){o({style:fl({...n,typography:{...null==n?void 0:n.typography,letterSpacing:e}})})},__unstableInputWidth:"100%",size:"__unstable-large"})}function oE(){let{name:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=!(0,s.hasBlockSupport)(e,tE),n=qr("typography.letterSpacing");return t||!n}const rE="typography",lE=[gy,Py,vy,by,Sy,Uy,Qy,tE];function iE(e){const{clientId:t}=e,n=Iy(e),o=Ay(e),r=Ey(e),l=hy(e),i=jy(e),a=Jy(e),c=oE(e),d=!ky(e),p=!yy(e),m=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=[Ey(e),Ay(e),hy(e),Iy(e),jy(e),Jy(e),oE(e)];return t.filter(Boolean).length===t.length}(e),g=sE(e.name);if(m||!g)return null;const f=(0,s.getBlockSupport)(e.name,[rE,"__experimentalDefaultControls"]),v=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,u.createElement)(wl,{group:"typography"},!n&&(0,u.createElement)(h.__experimentalToolsPanelItem,{hasValue:()=>function(e){return!!e.attributes.fontFamily}(e),label:(0,k.__)("Font family"),onDeselect:()=>function(e){let{setAttributes:t}=e;t({fontFamily:void 0})}(e),isShownByDefault:null==f?void 0:f.fontFamily,resetAllFilter:e=>({...e,fontFamily:void 0}),panelId:t},(0,u.createElement)(By,e)),!o&&(0,u.createElement)(h.__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,k.__)("Font size"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({fontSize:void 0,style:fl({...o,typography:{...null==o?void 0:o.typography,fontSize:void 0}})})}(e),isShownByDefault:null==f?void 0:f.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,u.createElement)(Ry,e)),!r&&(0,u.createElement)(h.__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:cy(d,p),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,typography:{...null==o?void 0:o.typography,fontStyle:void 0,fontWeight:void 0}})})}(e),isShownByDefault:null==f?void 0:f.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,u.createElement)(_y,e)),!l&&(0,u.createElement)(h.__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,k.__)("Line height"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,typography:{...null==o?void 0:o.typography,lineHeight:void 0}})})}(e),isShownByDefault:null==f?void 0:f.lineHeight,resetAllFilter:v("lineHeight"),panelId:t},(0,u.createElement)(fy,e)),!c&&(0,u.createElement)(h.__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,k.__)("Letter spacing"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,typography:{...null==o?void 0:o.typography,letterSpacing:void 0}})})}(e),isShownByDefault:null==f?void 0:f.letterSpacing,resetAllFilter:v("letterSpacing"),panelId:t},(0,u.createElement)(nE,e)),!i&&(0,u.createElement)(h.__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,k.__)("Decoration"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,typography:{...null==o?void 0:o.typography,textDecoration:void 0}})})}(e),isShownByDefault:null==f?void 0:f.textDecoration,resetAllFilter:v("textDecoration"),panelId:t},(0,u.createElement)($y,e)),!a&&(0,u.createElement)(h.__experimentalToolsPanelItem,{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,k.__)("Letter case"),onDeselect:()=>function(e){let{attributes:t={},setAttributes:n}=e;const{style:o}=t;n({style:fl({...o,typography:{...null==o?void 0:o.typography,textTransform:void 0}})})}(e),isShownByDefault:null==f?void 0:f.textTransform,resetAllFilter:v("textTransform"),panelId:t},(0,u.createElement)(Xy,e)))}const sE=e=>lE.some((t=>(0,s.hasBlockSupport)(e,t)));const aE=[...lE,fk,Wk,Yl,Zl],cE=e=>aE.some((t=>(0,s.hasBlockSupport)(e,t)));function uE(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t={};return(0,jo.getCSSRules)(e).forEach((e=>{t[e.key]=e.value})),t}const dE={"__experimentalBorder.__experimentalSkipSerialization":["border"],"color.__experimentalSkipSerialization":[Wk],[`${rE}.__experimentalSkipSerialization`]:[rE],[`${Yl}.__experimentalSkipSerialization`]:[Yl],[`${Zl}.__experimentalSkipSerialization`]:[Zl]},pE={...dE,[`${Zl}`]:["spacing.blockGap"]},mE={gradients:"gradient"};function gE(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!e)return e;let o=e;return n||(o=JSON.parse(JSON.stringify(e))),Array.isArray(t)||(t=[t]),t.forEach((e=>{if(Array.isArray(e)||(e=e.split(".")),e.length>1){const[t,...n]=e;gE(o[t],[n],!0)}else 1===e.length&&delete o[e[0]]})),o}function fE(e,t,n){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:pE;if(!cE(t))return e;let{style:r}=n;return Object.entries(o).forEach((e=>{let[n,o]=e;const l=(0,s.getBlockSupport)(t,n);!0===l&&(r=gE(r,o)),Array.isArray(l)&&l.forEach((e=>{const t=mE[e]||e;r=gE(r,[[...o,t]])}))})),e.style={...uE(r),...e.style},e}const hE=(0,m.createHigherOrderComponent)((e=>t=>{const n=ll();return(0,u.createElement)(u.Fragment,null,n&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(ry,t),(0,u.createElement)(iE,t),(0,u.createElement)(yk,t),(0,u.createElement)(ei,t)),(0,u.createElement)(e,t))}),"withToolbarControls"),vE=(0,m.createHigherOrderComponent)((e=>t=>{var n,o;const r=`wp-elements-${(0,m.useInstanceId)(e)}`,l=_l(t.name,Wk,"link"),i=(0,u.useMemo)((()=>{var e;const n=null===(e=t.attributes.style)||void 0===e?void 0:e.elements,o=[];if(n&&Object.keys(n).length>0){var i;const e={...n,link:{...n.link,color:l||null===(i=n.link)||void 0===i?void 0:i.color}};for(const[t,n]of Object.entries(e)){const e=(0,jo.compileCSS)(n,{selector:`.editor-styles-wrapper .${r} ${s.__EXPERIMENTAL_ELEMENTS[t]}`});e&&o.push(e)}}return o.length>0?o:void 0}),[null===(n=t.attributes.style)||void 0===n?void 0:n.elements]),a=(0,u.useContext)(Sf.__unstableElementContext);return(0,u.createElement)(u.Fragment,null,i&&a&&(0,u.createPortal)((0,u.createElement)("style",{dangerouslySetInnerHTML:{__html:i}}),a),(0,u.createElement)(e,c({},t,{className:null!==(o=t.attributes.style)&&void 0!==o&&o.elements?p()(t.className,r):t.className})))}));(0,a.addFilter)("blocks.registerBlockType","core/style/addAttribute",(function(e){return cE(e)?(e.attributes.style||Object.assign(e.attributes,{style:{type:"object"}}),e):e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/style/addSaveProps",fE),(0,a.addFilter)("blocks.registerBlockType","core/style/addEditProps",(function(e){if(!cE(e))return e;const t=e.getEditWrapperProps;return e.getEditWrapperProps=n=>{let o={};return t&&(o=t(n)),fE(o,e,n,dE)},e})),(0,a.addFilter)("editor.BlockEdit","core/style/with-block-controls",hE),(0,a.addFilter)("editor.BlockListBlock","core/editor/with-elements-styles",vE);(0,a.addFilter)("blocks.registerBlockType","core/settings/addAttribute",(function(e){var t,n;return n=e,(0,s.hasBlockSupport)(n,"__experimentalSettings",!1)?(null!=e&&null!==(t=e.attributes)&&void 0!==t&&t.settings||(e.attributes={...e.attributes,settings:{type:"object"}}),e):e}));var bE=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M12 4 4 19h16L12 4zm0 3.2 5.5 10.3H12V7.2z"}));var _E=function(e){let t,{colorPalette:n,duotonePalette:o,disableCustomColors:r,disableCustomDuotone:l,value:i,onChange:s}=e;return t="unset"===i?(0,u.createElement)(h.ColorIndicator,{className:"block-editor-duotone-control__unset-indicator"}):i?(0,u.createElement)(h.DuotoneSwatch,{values:i}):(0,u.createElement)(Jd,{icon:bE}),(0,u.createElement)(h.Dropdown,{popoverProps:{className:"block-editor-duotone-control__popover",headerTitle:(0,k.__)("Duotone"),variant:"toolbar"},renderToggle:e=>{let{isOpen:n,onToggle:o}=e;return(0,u.createElement)(h.ToolbarButton,{showTooltip:!0,onClick:o,"aria-haspopup":"true","aria-expanded":n,onKeyDown:e=>{n||e.keyCode!==md.DOWN||(e.preventDefault(),o())},label:(0,k.__)("Apply duotone filter"),icon:t})},renderContent:()=>(0,u.createElement)(h.MenuGroup,{label:(0,k.__)("Duotone")},(0,u.createElement)("div",{className:"block-editor-duotone-control__description"},(0,k.__)("Create a two-tone color effect without losing your original image.")),(0,u.createElement)(h.DuotonePicker,{colorPalette:n,duotonePalette:o,disableCustomColors:r,disableCustomDuotone:l,value:i,onChange:s}))})};const kE=[];function yE(e){let{selector:t,id:n,colors:o}=e;return"unset"===o?(0,u.createElement)(Cr,{selector:t}):(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Sr,{id:n,colors:o}),(0,u.createElement)(Er,{id:n,selector:t}))}function EE(e){let{presetSetting:t,defaultSetting:n}=e;const o=!qr(n),r=qr(`${t}.custom`)||kE,l=qr(`${t}.theme`)||kE,i=qr(`${t}.default`)||kE;return(0,u.useMemo)((()=>[...r,...l,...o?kE:i]),[o,r,l,i])}function CE(e){var t;let{attributes:n,setAttributes:o}=e;const r=null==n?void 0:n.style,l=null==r||null===(t=r.color)||void 0===t?void 0:t.duotone,i=EE({presetSetting:"color.duotone",defaultSetting:"color.defaultDuotone"}),s=EE({presetSetting:"color.palette",defaultSetting:"color.defaultPalette"}),a=!qr("color.custom"),c=!qr("color.customDuotone")||0===(null==s?void 0:s.length)&&a;return 0===(null==i?void 0:i.length)&&c?null:(0,u.createElement)(x_,{group:"block",__experimentalShareWithChildBlocks:!0},(0,u.createElement)(_E,{duotonePalette:i,colorPalette:s,disableCustomDuotone:c,disableCustomColors:a,value:l,onChange:e=>{const t={...r,color:{...null==r?void 0:r.color,duotone:e}};o({style:t})}}))}kr([Uf]);const SE=(0,m.createHigherOrderComponent)((e=>t=>{const n=(0,s.hasBlockSupport)(t.name,"color.__experimentalDuotone"),o=(0,g.useSelect)((e=>e(E_).__unstableGetContentLockingParent(t.clientId)),[t.clientId]);return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(e,t),n&&!o&&(0,u.createElement)(CE,t))}),"withDuotoneControls");const wE=(0,m.createHigherOrderComponent)((e=>t=>{var n,o,r;const l=(0,s.getBlockSupport)(t.name,"color.__experimentalDuotone"),i=null==t||null===(n=t.attributes)||void 0===n||null===(o=n.style)||void 0===o||null===(r=o.color)||void 0===r?void 0:r.duotone;if(!l||!i)return(0,u.createElement)(e,t);const a=`wp-duotone-${(0,m.useInstanceId)(e)}`,d=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 .${a}`,l),g=p()(null==t?void 0:t.className,a),f=(0,u.useContext)(Sf.__unstableElementContext);return(0,u.createElement)(u.Fragment,null,f&&(0,u.createPortal)((0,u.createElement)(yE,{selector:d,id:a,colors:i}),f),(0,u.createElement)(e,c({},t,{className:g})))}),"withDuotoneStyles");(0,a.addFilter)("blocks.registerBlockType","core/editor/duotone/add-attributes",(function(e){return(0,s.hasBlockSupport)(e,"color.__experimentalDuotone")?(e.attributes.style||Object.assign(e.attributes,{style:{type:"object"}}),e):e})),(0,a.addFilter)("editor.BlockEdit","core/editor/duotone/with-editor-controls",SE),(0,a.addFilter)("editor.BlockListBlock","core/editor/duotone/with-styles",wE);const BE="__experimentalLayout";function IE(){var e,t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const o=(0,g.useSelect)((e=>{var t;const{getSettings:n}=e(E_);return null===(t=n().__experimentalFeatures)||void 0===t?void 0:t.useRootPaddingAwareAlignments}),[]),r=qr("layout")||{},{attributes:l={},name:i}=n,{layout:a}=l,{default:c}=(0,s.getBlockSupport)(i,BE)||{},u=null!=a&&a.inherit||null!=a&&a.contentSize||null!=a&&a.wideSize?{...a,type:"constrained"}:a||c||{},d=[];var p,m;null!=r&&null!==(e=r.definitions)&&void 0!==e&&null!==(t=e[(null==u?void 0:u.type)||"default"])&&void 0!==t&&t.className&&d.push(null==r||null===(p=r.definitions)||void 0===p||null===(m=p[(null==u?void 0:u.type)||"default"])||void 0===m?void 0:m.className);return(null!=u&&u.inherit||null!=u&&u.contentSize||"constrained"===(null==u?void 0:u.type))&&o&&d.push("has-global-padding"),null!=u&&u.orientation&&d.push(`is-${(0,f.kebabCase)(u.orientation)}`),null!=u&&u.justifyContent&&d.push(`is-content-justification-${(0,f.kebabCase)(u.justifyContent)}`),null!=u&&u.flexWrap&&"nowrap"===u.flexWrap&&d.push("is-nowrap"),d}function xE(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;const{attributes:o={},name:r}=t,{layout:l={},style:i={}}=o,s=null!=l&&l.inherit||null!=l&&l.contentSize||null!=l&&l.wideSize?{...l,type:"constrained"}:l||{},a=rp((null==s?void 0:s.type)||"default"),c=qr("layout")||{},u=qr("spacing.blockGap"),d=null!==u,p=null==a||null===(e=a.getLayoutStyle)||void 0===e?void 0:e.call(a,{blockName:r,selector:n,layout:l,layoutDefinitions:null==c?void 0:c.definitions,style:i,hasBlockGapSupport:d});return p}function TE(e){let{setAttributes:t,attributes:n,name:o}=e;const{layout:r}=n,l=qr("layout"),i=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return t().supportsLayout}),[]),a=(0,s.getBlockSupport)(o,BE,{}),{allowSwitching:c,allowEditing:d=!0,allowInheriting:p=!0,default:m}=a;if(!d)return null;const f=!(!p||!l||null!=r&&r.type&&"default"!==(null==r?void 0:r.type)&&"constrained"!==(null==r?void 0:r.type)&&(null==r||!r.inherit)),v=r||m||{},{inherit:b=!1,type:_="default",contentSize:y=null}=v;if(("default"===_||"constrained"===_)&&!i)return null;const E=rp(_),C=rp("constrained"),S=!v.type&&(y||b),w=!!b||!!y,B=e=>t({layout:e});return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(wl,null,(0,u.createElement)(h.PanelBody,{title:(0,k.__)("Layout")},f&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.ToggleControl,{className:"block-editor-hooks__toggle-control",label:(0,k.__)("Inner blocks use content width"),checked:"constrained"===(null==E?void 0:E.name)||w,onChange:()=>t({layout:{type:"constrained"===(null==E?void 0:E.name)||w?"default":"constrained"}}),help:"constrained"===(null==E?void 0:E.name)||w?(0,k.__)("Nested blocks use content width with options for full and wide widths."):(0,k.__)("Nested blocks will fill the width of this container. Toggle to constrain.")})),!b&&c&&(0,u.createElement)(ME,{type:_,onChange:e=>t({layout:{type:e}})}),E&&"default"!==E.name&&(0,u.createElement)(E.inspectorControls,{layout:v,onChange:B,layoutBlockSupport:a}),C&&S&&(0,u.createElement)(C.inspectorControls,{layout:v,onChange:B,layoutBlockSupport:a}))),!b&&E&&(0,u.createElement)(E.toolBarControls,{layout:v,onChange:B,layoutBlockSupport:a}))}function ME(e){let{type:t,onChange:n}=e;return(0,u.createElement)(h.ButtonGroup,null,op.map((e=>{let{name:o,label:r}=e;return(0,u.createElement)(h.Button,{key:o,isPressed:t===o,onClick:()=>n(o)},r)})))}const NE=(0,m.createHigherOrderComponent)((e=>t=>{const{name:n}=t;return[(0,s.hasBlockSupport)(n,BE)&&(0,u.createElement)(TE,c({key:"layout"},t)),(0,u.createElement)(e,c({key:"edit"},t))]}),"withInspectorControls"),PE=(0,m.createHigherOrderComponent)((e=>t=>{const{name:n,attributes:o,block:r}=t,l=(0,s.hasBlockSupport)(n,BE),i=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return!!t().disableLayoutStyles})),a=l&&!i,d=(0,m.useInstanceId)(e),f=qr("layout")||{},h=(0,u.useContext)(Sf.__unstableElementContext),{layout:v}=o,{default:b}=(0,s.getBlockSupport)(n,BE)||{},_=null!=v&&v.inherit||null!=v&&v.contentSize||null!=v&&v.wideSize?{...v,type:"constrained"}:v||b||{},k=l?IE(r):null,y=`.wp-container-${d}.wp-container-${d}`,E=null!==qr("spacing.blockGap");let C;if(a){var S;const e=rp((null==_?void 0:_.type)||"default");C=null==e||null===(S=e.getLayoutStyle)||void 0===S?void 0:S.call(e,{blockName:n,selector:y,layout:_,layoutDefinitions:null==f?void 0:f.definitions,style:null==o?void 0:o.style,hasBlockGapSupport:E})}const w=p()({[`wp-container-${d}`]:a&&!!C},k);return(0,u.createElement)(u.Fragment,null,a&&h&&!!C&&(0,u.createPortal)((0,u.createElement)(cp,{blockName:n,selector:y,css:C,layout:_,style:null==o?void 0:o.style}),h),(0,u.createElement)(e,c({},t,{__unstableLayoutClassNames:w})))})),LE=(0,m.createHigherOrderComponent)((e=>t=>{const{attributes:n}=t,{style:{layout:o={}}={}}=n,{selfStretch:r,flexSize:l}=o,i=r||l,s=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return!!t().disableLayoutStyles})),a=i&&!s,d=(0,u.useContext)(Sf.__unstableElementContext),f=(0,m.useInstanceId)(e),h=`.wp-container-content-${f}`;let v="";"fixed"===r&&l?v+=`${h} {\n\t\t\t\tflex-basis: ${l};\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}`:"fill"===r&&(v+=`${h} {\n\t\t\t\tflex-grow: 1;\n\t\t\t}`);const b=p()(null==t?void 0:t.className,{[`wp-container-content-${f}`]:a&&!!v});return(0,u.createElement)(u.Fragment,null,a&&d&&!!v&&(0,u.createPortal)((0,u.createElement)("style",null,v),d),(0,u.createElement)(e,c({},t,{className:b})))}));function RE(e){let{clientId:t,stopEditingAsBlock:n}=e;const o=(0,g.useSelect)((e=>{const{isBlockSelected:n,hasSelectedInnerBlock:o}=e(E_);return n(t)||o(t,!0)}),[t]);return(0,u.useEffect)((()=>{o||n()}),[o]),null}(0,a.addFilter)("blocks.registerBlockType","core/layout/addAttribute",(function(e){var t,n;return"type"in(null!==(t=null===(n=e.attributes)||void 0===n?void 0:n.layout)&&void 0!==t?t:{})||(0,s.hasBlockSupport)(e,BE)&&(e.attributes={...e.attributes,layout:{type:"object"}}),e})),(0,a.addFilter)("editor.BlockListBlock","core/editor/layout/with-layout-styles",PE),(0,a.addFilter)("editor.BlockListBlock","core/editor/layout/with-child-layout-styles",LE),(0,a.addFilter)("editor.BlockEdit","core/editor/layout/with-inspector-controls",NE);const AE=(0,m.createHigherOrderComponent)((e=>t=>{const{getBlockListSettings:n,getSettings:o}=(0,g.useSelect)(E_),r=(0,u.useRef)(),{templateLock:l,isLockedByParent:i,isEditingAsBlocks:s}=(0,g.useSelect)((e=>{const{__unstableGetContentLockingParent:n,getTemplateLock:o,__unstableGetTemporarilyEditingAsBlocks:r}=e(E_);return{templateLock:o(t.clientId),isLockedByParent:!!n(t.clientId),isEditingAsBlocks:r()===t.clientId}}),[t.clientId]),{updateSettings:a,updateBlockListSettings:d,__unstableSetTemporarilyEditingAsBlocks:m}=(0,g.useDispatch)(E_),f=!i&&"contentOnly"===l,{__unstableMarkNextChangeAsNotPersistent:v,updateBlockAttributes:b}=(0,g.useDispatch)(E_),_=(0,u.useCallback)((()=>{v(),b(t.clientId,{templateLock:"contentOnly"}),d(t.clientId,{...n(t.clientId),templateLock:"contentOnly"}),a({focusMode:r.current}),m()}),[t.clientId,r,a,d,n,v,b,m]);return f||s?(0,u.createElement)(u.Fragment,null,s&&!f&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(RE,{clientId:t.clientId,stopEditingAsBlock:_}),(0,u.createElement)(x_,{group:"other"},(0,u.createElement)(h.ToolbarButton,{onClick:()=>{_()}},(0,k.__)("Done")))),!s&&f&&t.isSelected&&(0,u.createElement)(gg,null,(e=>{let{onClose:l}=e;return(0,u.createElement)(h.MenuItem,{onClick:()=>{v(),b(t.clientId,{templateLock:void 0}),d(t.clientId,{...n(t.clientId),templateLock:!1}),r.current=o().focusMode,a({focusMode:!0}),m(t.clientId),l()}},(0,k.__)("Modify"))})),(0,u.createElement)(e,c({},t,{className:p()(t.className,s&&"is-content-locked-editing-as-blocks")}))):(0,u.createElement)(e,t)}),"withToolbarControls");(0,a.addFilter)("editor.BlockEdit","core/content-lock-ui/with-block-controls",AE);const OE="metadata";function DE(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const n=(0,s.getBlockSupport)(e,"__experimentalMetadata");return!!(!0===n||null!=n&&n[t])}function zE(e){var t;const n=(null===(t=e.style)||void 0===t?void 0:t.border)||{};return{className:wk(e)||void 0,style:uE({border:n})}}function FE(e){const{colors:t}=gk(),n=zE(e),{borderColor:o}=e;if(o){const e=_k({colors:t,namedColor:o});n.style.borderColor=e.color}return n}function VE(e){var t,n,o,r,l,i;const{backgroundColor:s,textColor:a,gradient:c,style:u}=e,d=mk("background-color",s),m=mk("color",a),g=Ik(c),f=g||(null==u||null===(t=u.color)||void 0===t?void 0:t.gradient);return{className:p()(m,g,{[d]:!f&&!!d,"has-text-color":a||(null==u||null===(n=u.color)||void 0===n?void 0:n.text),"has-background":s||(null==u||null===(o=u.color)||void 0===o?void 0:o.background)||c||(null==u||null===(r=u.color)||void 0===r?void 0:r.gradient),"has-link-color":null==u||null===(l=u.elements)||void 0===l||null===(i=l.link)||void 0===i?void 0:i.color})||void 0,style:uE({color:(null==u?void 0:u.color)||{}})}}(0,a.addFilter)("blocks.registerBlockType","core/metadata/addMetaAttribute",(function(e){var t,n;return null!=e&&null!==(t=e.attributes)&&void 0!==t&&null!==(n=t.metadata)&&void 0!==n&&n.type||DE(e,"name")&&(e.attributes={...e.attributes,[OE]:{type:"object"}}),e})),(0,a.addFilter)("blocks.getSaveContent.extraProps","core/metadata/save-props",(function(e,t,n){return DE(t)&&(e.metadata=n.metadata),e})),(0,a.addFilter)("blocks.registerBlockType","core/metadata/addLabelCallback",(function(e){return e.__experimentalLabel||DE(e,"name",!1)&&(e.__experimentalLabel=(e,t)=>{let{context:n}=t;const{metadata:o}=e;if("list-view"===n&&null!=o&&o.name)return o.name}),e}));const HE={};function GE(e){const{backgroundColor:t,textColor:n,gradient:o}=e,r=qr("color.palette.custom"),l=qr("color.palette.theme"),i=qr("color.palette.default"),s=qr("color.gradients")||HE,a=(0,u.useMemo)((()=>[...r||[],...l||[],...i||[]]),[r,l,i]),c=(0,u.useMemo)((()=>[...(null==s?void 0:s.custom)||[],...(null==s?void 0:s.theme)||[],...(null==s?void 0:s.default)||[]]),[s]),d=VE(e);if(t){const e=dk(a,t);d.style.backgroundColor=e.color}if(o&&(d.style.background=xk(c,o)),n){const e=dk(a,n);d.style.color=e.color}return d}function UE(e){const{style:t}=e;return{style:uE({spacing:(null==t?void 0:t.spacing)||{}})}}function $E(e,t){var n;let o=(null==e||null===(n=e.style)||void 0===n?void 0:n.typography)||{};if(t&&(!0===t||0!==Object.keys(t).length)){var r,l,i,s;const n=Mo({fontSize:null==e||null===(r=e.style)||void 0===r||null===(l=r.typography)||void 0===l?void 0:l.fontSize,minimumFontSizeLimit:null==t?void 0:t.minFontSize})||(null==e||null===(i=e.style)||void 0===i||null===(s=i.typography)||void 0===s?void 0:s.fontSize);o={...o,fontSize:n}}const a=uE({typography:o}),c=null!=e&&e.fontFamily?`has-${(0,f.kebabCase)(e.fontFamily)}-font-family`:"";return{className:p()(c,My(null==e?void 0:e.fontSize)),style:a}}function jE(e){const[t,n]=(0,u.useState)(e);return(0,u.useEffect)((()=>{e&&n(e)}),[e]),t}const WE=e=>{let[t,...n]=e;return t.toUpperCase()+n.join("")},KE=e=>(0,m.createHigherOrderComponent)((t=>n=>(0,u.createElement)(t,c({},n,{colors:e}))),"withCustomColorPalette"),qE=()=>(0,m.createHigherOrderComponent)((e=>t=>{const n=qr("color.palette.custom"),o=qr("color.palette.theme"),r=qr("color.palette.default"),l=(0,u.useMemo)((()=>[...n||[],...o||[],...r||[]]),[n,o,r]);return(0,u.createElement)(e,c({},t,{colors:l}))}),"withEditorColorPalette");function YE(e,t){const n=e.reduce(((e,t)=>({...e,..."string"==typeof t?{[t]:(0,f.kebabCase)(t)}:t})),{});return(0,m.compose)([t,e=>class extends u.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=br(t),o=e=>{let{color:t}=e;return n.contrast(t)},r=Math.max(...e.map(o));return e.find((e=>o(e)===r)).color}(t,e)}createSetters(){return Object.keys(n).reduce(((e,t)=>{const n=WE(t),o=`custom${n}`;return e[`set${n}`]=this.createSetColor(t,o),e}),{})}createSetColor(e,t){return n=>{const o=pk(this.props.colors,n);this.props.setAttributes({[e]:o&&o.slug?o.slug:void 0,[t]:o&&o.slug?void 0:n})}}static getDerivedStateFromProps(e,t){let{attributes:o,colors:r}=e;return Object.entries(n).reduce(((e,n)=>{let[l,i]=n;const s=dk(r,o[l],o[`custom${WE(l)}`]),a=t[l];return(null==a?void 0:a.color)===s.color&&a?e[l]=a:e[l]={...s,class:mk(i,s.slug)},e}),{})}render(){return(0,u.createElement)(e,c({},this.props,{colors:void 0},this.state,this.setters,{colorUtils:this.colorUtils}))}}])}function ZE(e){return function(){const t=KE(e);for(var n=arguments.length,o=new Array(n),r=0;r{let[t,...n]=e;return t.toUpperCase()+n.join("")};var eC=function(){for(var e=arguments.length,t=new Array(e),n=0;n(e[t]=`custom${JE(t)}`,e)),{});return(0,m.createHigherOrderComponent)((0,m.compose)([(0,m.createHigherOrderComponent)((e=>t=>{const n=qr("typography.fontSizes")||XE;return(0,u.createElement)(e,c({},t,{fontSizes:n}))}),"withFontSizes"),e=>class extends u.Component{constructor(e){super(e),this.setters=this.createSetters(),this.state={}}createSetters(){return Object.entries(o).reduce(((e,t)=>{let[n,o]=t;return e[`set${JE(n)}`]=this.createSetFontSize(n,o),e}),{})}createSetFontSize(e,t){return n=>{var o;const r=null===(o=this.props.fontSizes)||void 0===o?void 0:o.find((e=>{let{size:t}=e;return t===Number(n)}));this.props.setAttributes({[e]:r&&r.slug?r.slug:void 0,[t]:r&&r.slug?void 0:n})}}static getDerivedStateFromProps(e,t){let{attributes:n,fontSizes:r}=e;const l=(e,o)=>!t[o]||(n[o]?n[o]!==t[o].slug:t[o].size!==n[e]);if(!Object.values(o).some(l))return null;const i=Object.entries(o).filter((e=>{let[t,n]=e;return l(n,t)})).reduce(((e,t)=>{let[o,l]=t;const i=n[o],s=xy(r,i,n[l]);return e[o]={...s,class:My(i)},e}),{});return{...t,...i}}render(){return(0,u.createElement)(e,c({},this.props,{fontSizes:void 0},this.state,this.setters))}}]),"withFontSizes")};var tC=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"}));var nC=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z"}));var oC=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z"}));const rC=[{icon:tC,title:(0,k.__)("Align text left"),align:"left"},{icon:nC,title:(0,k.__)("Align text center"),align:"center"},{icon:oC,title:(0,k.__)("Align text right"),align:"right"}],lC={position:"bottom right",variant:"toolbar"};var iC=function(e){let{value:t,onChange:n,alignmentControls:o=rC,label:r=(0,k.__)("Align text"),describedBy:l=(0,k.__)("Change text alignment"),isCollapsed:i=!0,isToolbar:s}=e;function a(e){return()=>n(t===e?void 0:e)}const d=o.find((e=>e.align===t)),p=s?h.ToolbarGroup:h.ToolbarDropdownMenu,m=s?{isCollapsed:i}:{toggleProps:{describedBy:l},popoverProps:lC};return(0,u.createElement)(p,c({icon:d?d.icon:(0,k.isRTL)()?oC:tC,label:r,controls:o.map((e=>{const{align:n}=e,o=t===n;return{...e,isActive:o,role:i?"menuitemradio":void 0,onClick:a(n)}}))},m))};const sC=e=>(0,u.createElement)(iC,c({},e,{isToolbar:!1})),aC=e=>(0,u.createElement)(iC,c({},e,{isToolbar:!0})),cC=()=>{};var uC={name:"blocks",className:"block-editor-autocompleters__block",triggerPrefix:"/",useItems(e){const{rootClientId:t,selectedBlockName:n}=(0,g.useSelect)((e=>{const{getSelectedBlockClientId:t,getBlockName:n,getBlockInsertionPoint:o}=e(E_),r=t();return{selectedBlockName:r?n(r):null,rootClientId:o().rootClientId}}),[]),[o,r,l]=Ph(t,cC),i=(0,u.useMemo)((()=>(e.trim()?cv(o,r,l,e):Y(o,"frecency","desc")).filter((e=>e.name!==n)).slice(0,9)),[e,n,o,r,l]),s=(0,u.useMemo)((()=>i.map((e=>{const{title:t,icon:n,isDisabled:o}=e;return{key:`block-${e.id}`,value:e,label:(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Ai,{key:"icon",icon:n,showColors:!0}),t),isDisabled:o}}))),[i]);return[s]},allowContext(e,t){return!(/\S/.test(e)||/\S/.test(t))},getOptionCompletion(e){const{name:t,initialAttributes:n,innerBlocks:o}=e;return{action:"replace",value:(0,s.createBlock)(t,n,(0,s.createBlocksFromInnerBlocksTemplate)(o))}}},dC=window.wp.apiFetch,pC=n.n(dC);var mC=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"m7.3 9.7 1.4 1.4c.2-.2.3-.3.4-.5 0 0 0-.1.1-.1.3-.5.4-1.1.3-1.6L12 7 9 4 7.2 6.5c-.6-.1-1.1 0-1.6.3 0 0-.1 0-.1.1-.3.1-.4.2-.6.4l1.4 1.4L4 11v1h1l2.3-2.3zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z"}));var gC={name:"links",className:"block-editor-autocompleters__link",triggerPrefix:"[[",options:async e=>{let t=await pC()({path:(0,Ev.addQueryArgs)("/wp/v2/search",{per_page:10,search:e,type:"post",order_by:"menu_order"})});return t=t.filter((e=>""!==e.title)),t},getOptionKeywords(e){return[...e.title.split(/\s+/)]},getOptionLabel(e){return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Jd,{key:"icon",icon:"page"===e.subtype?_b:mC}),e.title)},getOptionCompletion(e){return(0,u.createElement)("a",{href:e.url},e.title)}};const fC=[];function hC(e){let{completers:t=fC}=e;const{name:n}=$r();return(0,u.useMemo)((()=>{let e=[...t,gC];return(n===(0,s.getDefaultBlockName)()||(0,s.getBlockSupport)(n,"__experimentalSlashInserter",!1))&&(e=[...e,uC]),(0,a.hasFilter)("editor.Autocomplete.completers")&&(e===t&&(e=e.map((e=>({...e})))),e=(0,a.applyFilters)("editor.Autocomplete.completers",e,n)),e}),[t,n])}var vC=function(e){return(0,u.createElement)(h.Autocomplete,c({},e,{completers:hC(e)}))};var bC=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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"}));var _C=function(e){let{isActive:t,label:n=(0,k.__)("Toggle full height"),onToggle:o,isDisabled:r}=e;return(0,u.createElement)(h.ToolbarButton,{isActive:t,icon:bC,label:n,onClick:()=>o(!t),disabled:r})};const kC=()=>{};var yC=function(e){const{label:t=(0,k.__)("Change matrix alignment"),onChange:n=kC,value:o="center",isDisabled:r}=e,l=(0,u.createElement)(h.__experimentalAlignmentMatrixControl.Icon,{value:o});return(0,u.createElement)(h.Dropdown,{popoverProps:{variant:"toolbar",placement:"bottom-start"},renderToggle:e=>{let{onToggle:n,isOpen:o}=e;return(0,u.createElement)(h.ToolbarButton,{onClick:n,"aria-haspopup":"true","aria-expanded":o,onKeyDown:e=>{o||e.keyCode!==md.DOWN||(e.preventDefault(),n())},label:t,icon:l,showTooltip:!0,disabled:r})},renderContent:()=>(0,u.createElement)(h.__experimentalAlignmentMatrixControl,{hasFocusBorder:!1,onChange:n,value:o})})};var EC=function(e){let{rootLabelText:t}=e;const{selectBlock:n,clearSelectedBlock:o}=(0,g.useDispatch)(E_),{clientId:r,parents:l,hasSelection:i}=(0,g.useSelect)((e=>{const{getSelectionStart:t,getSelectedBlockClientId:n,getBlockParents:o}=e(E_),r=n();return{parents:o(r),clientId:r,hasSelection:!!t().clientId}}),[]),s=t||(0,k.__)("Document");return(0,u.createElement)("ul",{className:"block-editor-block-breadcrumb",role:"list","aria-label":(0,k.__)("Block breadcrumb")},(0,u.createElement)("li",{className:i?void 0:"block-editor-block-breadcrumb__current","aria-current":i?void 0:"true"},i&&(0,u.createElement)(h.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:o},s),!i&&s,!!r&&(0,u.createElement)(Jd,{icon:ib,className:"block-editor-block-breadcrumb__separator"})),l.map((e=>(0,u.createElement)("li",{key:e},(0,u.createElement)(h.Button,{className:"block-editor-block-breadcrumb__button",variant:"tertiary",onClick:()=>n(e)},(0,u.createElement)(Rp,{clientId:e,maximumLength:35})),(0,u.createElement)(Jd,{icon:ib,className:"block-editor-block-breadcrumb__separator"})))),!!r&&(0,u.createElement)("li",{className:"block-editor-block-breadcrumb__current","aria-current":"true"},(0,u.createElement)(Rp,{clientId:r,maximumLength:35})))};const CC=()=>(0,u.createElement)(h.SVG,{xmlns:"https://www.w3.org/2000/svg",viewBox:"0 0 20 20"},(0,u.createElement)(h.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"})),SC=e=>{let{style:t,className:n}=e;return(0,u.createElement)("div",{className:"block-library-colors-selector__icon-container"},(0,u.createElement)("div",{className:`${n} block-library-colors-selector__state-selection`,style:t},(0,u.createElement)(CC,null)))},wC=e=>{let{TextColor:t,BackgroundColor:n}=e;return e=>{let{onToggle:o,isOpen:r}=e;return(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(h.ToolbarButton,{className:"components-toolbar__control block-library-colors-selector__toggle",label:(0,k.__)("Open Colors Selector"),onClick:o,onKeyDown:e=>{r||e.keyCode!==md.DOWN||(e.preventDefault(),o())},icon:(0,u.createElement)(n,null,(0,u.createElement)(t,null,(0,u.createElement)(SC,null)))}))}};var BC=e=>{let{children:t,...n}=e;return W()("wp.blockEditor.BlockColorsStyleSelector",{alternative:"block supports API",since:"6.1",version:"6.3"}),(0,u.createElement)(h.Dropdown,{popoverProps:{placement:"bottom-start"},className:"block-library-colors-selector",contentClassName:"block-library-colors-selector__popover",renderToggle:wC(n),renderContent:()=>t})};var IC=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z"}));const xC=Zu(h.__experimentalTreeGridRow);function TC(e){let{isSelected:t,position:n,level:o,rowCount:r,children:l,className:i,path:s,...a}=e;const d=Ju({isSelected:t,adjustScrolling:!1,enableAnimation:!0,triggerAnimationOnChange:s});return(0,u.createElement)(xC,c({ref:d,className:p()("block-editor-list-view-leaf",i),level:o,positionInSet:n,setSize:r},a),l)}function MC(e){let{onClick:t}=e;return(0,u.createElement)("span",{className:"block-editor-list-view__expander",onClick:e=>t(e,{forceToggle:!0}),"aria-hidden":"true"},(0,u.createElement)(Jd,{icon:(0,k.isRTL)()?lb:ib}))}var NC=(0,u.forwardRef)((function(e,t){let{className:n,block:{clientId:o},onClick:r,onToggleExpanded:l,tabIndex:i,onFocus:s,onDragStart:a,onDragEnd:c,draggable:d}=e;const m=Ii(o),g=xi({clientId:o,context:"list-view"}),{isLocked:f}=og(o);return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.Button,{className:p()("block-editor-list-view-block-select-button",n),onClick:r,onKeyDown:function(e){e.keyCode!==md.ENTER&&e.keyCode!==md.SPACE||r(e)},ref:t,tabIndex:i,onFocus:s,onDragStart:e=>{e.dataTransfer.clearData(),null==a||a(e)},onDragEnd:c,draggable:d,href:`#block-${o}`,"aria-hidden":!0},(0,u.createElement)(MC,{onClick:l}),(0,u.createElement)(Ai,{icon:null==m?void 0:m.icon,showColors:!0}),(0,u.createElement)(h.__experimentalHStack,{alignment:"center",className:"block-editor-list-view-block-select-button__label-wrapper",justify:"flex-start",spacing:1},(0,u.createElement)("span",{className:"block-editor-list-view-block-select-button__title"},(0,u.createElement)(h.__experimentalTruncate,{ellipsizeMode:"auto"},g)),(null==m?void 0:m.anchor)&&(0,u.createElement)("span",{className:"block-editor-list-view-block-select-button__anchor-wrapper"},(0,u.createElement)(h.__experimentalTruncate,{className:"block-editor-list-view-block-select-button__anchor",ellipsizeMode:"auto"},m.anchor)),f&&(0,u.createElement)("span",{className:"block-editor-list-view-block-select-button__lock"},(0,u.createElement)(Jd,{icon:rb})))))}));const PC=(0,u.forwardRef)(((e,t)=>{let{onClick:n,onToggleExpanded:o,block:r,isSelected:l,position:i,siblingBlockCount:s,level:a,isExpanded:d,selectedClientIds:m,...f}=e;const{clientId:h}=r,{blockMovingClientId:v,selectedBlockInBlockEditor:b}=(0,g.useSelect)((e=>{const{hasBlockMovingClientId:t,getSelectedBlockClientId:n}=e(E_);return{blockMovingClientId:t(),selectedBlockInBlockEditor:n()}}),[h]),_=v&&b===h,k=p()("block-editor-list-view-block-contents",{"is-dropping-before":_}),y=m.includes(h)?m:[h];return(0,u.createElement)(Op,{clientIds:y},(e=>{let{draggable:p,onDragStart:m,onDragEnd:g}=e;return(0,u.createElement)(NC,c({ref:t,className:k,block:r,onClick:n,onToggleExpanded:o,isSelected:l,position:i,siblingBlockCount:s,level:a,draggable:p,onDragStart:m,onDragEnd:g,isExpanded:d},f))}))}));var LC=PC;const RC=(0,u.createContext)({}),AC=()=>(0,u.useContext)(RC);var OC=(0,u.memo)((function e(t){let{block:n,isDragged:o,isSelected:r,isBranchSelected:l,selectBlock:i,position:a,level:c,rowCount:d,siblingBlockCount:f,showBlockMovers:v,path:b,isExpanded:_,selectedClientIds:y,preventAnnouncement:E,isSyncedBranch:C}=t;const S=(0,u.useRef)(null),[w,B]=(0,u.useState)(!1),{clientId:I}=n,{isLocked:x,isContentLocked:T,canEdit:M}=og(I),N=(0,g.useSelect)((e=>!r&&(!!T&&e(E_).hasSelectedInnerBlock(I,!0))),[T,I,r]),P=!T&&M,L=N||r&&y[0]===I,R=N||r&&y[y.length-1]===I,{toggleBlockHighlight:A}=(0,g.useDispatch)(E_),O=Ii(I),D=(0,g.useSelect)((e=>e(E_).getBlockName(I)),[I]),z=(0,s.hasBlockSupport)(D,"__experimentalToolbar",!0),F=`list-view-block-select-button__${(0,m.useInstanceId)(e)}`,V=((e,t,n)=>(0,k.sprintf)((0,k.__)("Block %1$d of %2$d, Level %3$d"),e,t,n))(a,f,c);let H=(0,k.__)("Link");O&&(H=x?(0,k.sprintf)((0,k.__)("%s link (locked)"),O.title):(0,k.sprintf)((0,k.__)("%s link"),O.title));const G=O?(0,k.sprintf)((0,k.__)("Options for %s block"),O.title):(0,k.__)("Options"),{isTreeGridMounted:U,expand:$,collapse:j}=AC(),W=v&&f>0,K=p()("block-editor-list-view-block__mover-cell",{"is-visible":w||r}),q=p()("block-editor-list-view-block__menu-cell",{"is-visible":w||L});(0,u.useEffect)((()=>{!U&&r&&S.current.focus()}),[]);const Y=(0,u.useCallback)((()=>{B(!0),A(I,!0)}),[I,B,A]),Z=(0,u.useCallback)((()=>{B(!1),A(I,!1)}),[I,B,A]),Q=(0,u.useCallback)((e=>{i(e,I),e.preventDefault()}),[I,i]),X=(0,u.useCallback)((e=>{i(void 0,e)}),[i]),J=(0,u.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),!0===_?j(I):!1===_&&$(I)}),[I,$,j,_]);let ee;W?ee=2:z||(ee=3);const te=p()({"is-selected":r||N,"is-first-selected":L,"is-last-selected":R,"is-branch-selected":l,"is-synced-branch":C,"is-dragging":o,"has-single-cell":!z,"is-synced":null==O?void 0:O.isSynced}),ne=y.includes(I)?y:[I];return(0,u.createElement)(TC,{className:te,onMouseEnter:Y,onMouseLeave:Z,onFocus:Y,onBlur:Z,level:c,position:a,rowCount:d,path:b,id:`list-view-block-${I}`,"data-block":I,isExpanded:P?_:void 0,"aria-selected":!!r||N},(0,u.createElement)(h.__experimentalTreeGridCell,{className:"block-editor-list-view-block__contents-cell",colSpan:ee,ref:S,"aria-label":H,"aria-selected":!!r||N,"aria-expanded":P?_:void 0,"aria-describedby":F},(e=>{let{ref:t,tabIndex:o,onFocus:l}=e;return(0,u.createElement)("div",{className:"block-editor-list-view-block__contents-container"},(0,u.createElement)(LC,{block:n,onClick:Q,onToggleExpanded:J,isSelected:r,position:a,siblingBlockCount:f,level:c,ref:t,tabIndex:o,onFocus:l,isExpanded:_,selectedClientIds:y,preventAnnouncement:E}),(0,u.createElement)("div",{className:"block-editor-list-view-block-select-button__description",id:F},V))})),W&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.__experimentalTreeGridCell,{className:K,withoutGridItem:!0},(0,u.createElement)(h.__experimentalTreeGridItem,null,(e=>{let{ref:t,tabIndex:n,onFocus:o}=e;return(0,u.createElement)($p,{orientation:"vertical",clientIds:[I],ref:t,tabIndex:n,onFocus:o})})),(0,u.createElement)(h.__experimentalTreeGridItem,null,(e=>{let{ref:t,tabIndex:n,onFocus:o}=e;return(0,u.createElement)(jp,{orientation:"vertical",clientIds:[I],ref:t,tabIndex:n,onFocus:o})})))),z&&(0,u.createElement)(h.__experimentalTreeGridCell,{className:q,"aria-selected":!!r||N},(e=>{let{ref:t,tabIndex:n,onFocus:o}=e;return(0,u.createElement)(bg,{clientIds:ne,icon:Mm,label:G,toggleProps:{ref:t,className:"block-editor-list-view-block__menu",tabIndex:n,onFocus:o},disableOpenOnArrowDown:!0,__experimentalSelectBlock:X})})))}));function DC(e,t,n,o){var r;if(null==n?void 0:n.includes(e.clientId))return 0;return(null!==(r=t[e.clientId])&&void 0!==r?r:o)?1+e.innerBlocks.reduce(zC(t,n,o),0):1}const zC=(e,t,n)=>(o,r)=>{var l;if(null==t?void 0:t.includes(r.clientId))return o;return(null!==(l=e[r.clientId])&&void 0!==l?l:n)&&r.innerBlocks.length>0?o+DC(r,e,t,n):o+1},FC=()=>{};var VC=(0,u.memo)((function e(t){const{blocks:n,selectBlock:o=FC,showBlockMovers:r,selectedClientIds:l,level:i=1,path:s="",isBranchSelected:a=!1,listPosition:c=0,fixedListWindow:d,isExpanded:p,parentId:m,shouldShowInnerBlocks:f=!0,isSyncedBranch:h=!1}=t,v=Ii(m),b=h||!(null==v||!v.isSynced),_=(0,g.useSelect)((e=>{if(!m)return!0;const t="contentOnly"===e(E_).getTemplateLock(m),n=e(E_).canEditBlock(m);return!t&&n}),[m]),{expandedState:k,draggedClientIds:y}=AC();if(!_)return null;const E=n.filter(Boolean),C=E.length;let S=c;return(0,u.createElement)(u.Fragment,null,E.map(((t,n)=>{var c;const{clientId:m,innerBlocks:h}=t;n>0&&(S+=DC(E[n-1],k,y,p));const{itemInView:v}=d,_=v(S),w=n+1,B=s.length>0?`${s}_${w}`:`${w}`,I=!(null==h||!h.length),x=I&&f?null!==(c=k[m])&&void 0!==c?c:p:void 0,T=!(null==y||!y.includes(m)),M=T||_,N=((e,t)=>Array.isArray(t)&&t.length?-1!==t.indexOf(e):t===e)(m,l),P=a||N&&I;return(0,u.createElement)(g.AsyncModeProvider,{key:m,value:!N},M&&(0,u.createElement)(OC,{block:t,selectBlock:o,isSelected:N,isBranchSelected:P,isDragged:T,level:i,position:w,rowCount:C,siblingBlockCount:C,showBlockMovers:r,path:B,isExpanded:x,listPosition:S,selectedClientIds:l,isSyncedBranch:b}),!M&&(0,u.createElement)("tr",null,(0,u.createElement)("td",{className:"block-editor-list-view-placeholder"})),I&&x&&!T&&(0,u.createElement)(e,{parentId:m,blocks:h,selectBlock:o,showBlockMovers:r,level:i+1,path:B,listPosition:S+1,fixedListWindow:d,isBranchSelected:P,selectedClientIds:l,isExpanded:p,isSyncedBranch:b}))})))}));function HC(e){let{listViewRef:t,blockDropTarget:n}=e;const{rootClientId:o,clientId:r,dropPosition:l}=n||{},[i,s]=(0,u.useMemo)((()=>{if(!t.current)return[];return[o?t.current.querySelector(`[data-block="${o}"]`):void 0,r?t.current.querySelector(`[data-block="${r}"]`):void 0]}),[o,r]),a=s||i,c=(0,u.useCallback)((()=>{if(!i)return 0;const e=a.getBoundingClientRect();return i.querySelector(".block-editor-block-icon").getBoundingClientRect().right-e.left}),[i,a]),d=(0,u.useMemo)((()=>{if(!a)return{};const e=c();return{width:a.offsetWidth-e}}),[c,a]),p=(0,u.useMemo)((()=>{if(a&&("top"===l||"bottom"===l||"inside"===l))return{ownerDocument:a.ownerDocument,getBoundingClientRect(){const e=a.getBoundingClientRect(),t=c(),n=e.left+t,o=e.right;let r=0,i=0;"top"===l?(r=e.top,i=e.top):(r=e.bottom,i=e.bottom);const s=o-n,u=i-r;return new window.DOMRect(n,r,s,u)}}}),[a,l,c]);return a?(0,u.createElement)(h.Popover,{animate:!1,anchor:p,focusOnMount:!1,className:"block-editor-list-view-drop-indicator",variant:"unstyled"},(0,u.createElement)("div",{style:d,className:"block-editor-list-view-drop-indicator__line"})):null}function GC(){const{clearSelectedBlock:e,multiSelect:t,selectBlock:n}=(0,g.useDispatch)(E_),{getBlockName:o,getBlockParents:r,getBlockSelectionStart:l,getBlockSelectionEnd:i,getSelectedBlockClientIds:a,hasMultiSelection:c,hasSelectedBlock:d}=(0,g.useSelect)(E_),{getBlockType:p}=(0,g.useSelect)(s.store),m=(0,u.useCallback)((async(i,s,u)=>{if(null==i||!i.shiftKey)return void n(s);i.preventDefault();const m="keydown"===i.type&&(i.keyCode===md.UP||i.keyCode===md.DOWN||i.keyCode===md.HOME||i.keyCode===md.END);if(!m&&!d()&&!c())return void n(s,null);const g=a(),f=[...r(s),s];m&&!g.some((e=>f.includes(e)))&&await e();let h=l(),v=s;m&&(d()||c()||(h=s),u&&(v=u));const b=r(h),_=r(v),{start:y,end:E}=function(e,t,n,o){const r=[...n,e],l=[...o,t],i=Math.min(r.length,l.length)-1;return{start:r[i],end:l[i]}}(h,v,b,_);await t(y,E,null);const C=a();if((i.keyCode===md.HOME||i.keyCode===md.END)&&C.length>1)return;const S=g.filter((e=>!C.includes(e)));let w;if(1===S.length){var B;const e=null===(B=p(o(S[0])))||void 0===B?void 0:B.title;e&&(w=(0,k.sprintf)((0,k.__)("%s deselected."),e))}else S.length>1&&(w=(0,k.sprintf)((0,k.__)("%s blocks deselected."),S.length));w&&(0,pn.speak)(w)}),[e,o,p,r,l,i,a,c,d,t,n]);return{updateBlockSelection:m}}const UC=["top","bottom"];function $C(){const{getBlockRootClientId:e,getBlockIndex:t,getBlockCount:n,getDraggedBlockClientIds:o,canInsertBlocks:r}=(0,g.useSelect)(E_),[l,i]=(0,u.useState)(),{rootClientId:s,blockIndex:a}=l||{},c=af(s,a),d=o(),p=(0,m.useThrottle)((0,u.useCallback)(((o,l)=>{const s={x:o.clientX,y:o.clientY},a=!(null==d||!d.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]=uf(t,s,UC),u=df(t,s);if(void 0===r||a0||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),element:o,isDraggedBlock:!!a&&d.includes(l),innerBlockCount:n(l),canInsertDraggedBlocksAsSibling:!a||r(d,i),canInsertDraggedBlocksAsChild:!a||r(d,l)}})),s);c&&i(c)}),[d]),200);return{ref:(0,m.__experimentalUseDropZone)({onDrop:c,onDragOver(e){p(e,e.currentTarget)},onDragEnd(){p.cancel(),i(null)}}),target:l}}const jC=(e,t)=>Array.isArray(t.clientIds)?{...e,...t.clientIds.reduce(((e,n)=>({...e,[n]:"expand"===t.type})),{})}:e;var WC=(0,u.forwardRef)((function(e,t){let{id:n,blocks:o,showBlockMovers:r=!1,isExpanded:l=!1}=e;const{clientIdsTree:i,draggedClientIds:s,selectedClientIds:a}=function(e){return(0,g.useSelect)((t=>{const{getDraggedBlockClientIds:n,getSelectedBlockClientIds:o,__unstableGetClientIdsTree:r}=t(E_);return{selectedClientIds:o(),draggedClientIds:n(),clientIdsTree:e||r()}}),[e])}(o),{visibleBlockCount:c,shouldShowInnerBlocks:d}=(0,g.useSelect)((e=>{const{getGlobalBlockCount:t,getClientIdsOfDescendants:n,__unstableGetEditorMode:o}=e(E_),r=(null==s?void 0:s.length)>0?n(s).length+1:0;return{visibleBlockCount:t()-r,shouldShowInnerBlocks:"zoom-out"!==o()}}),[s]),{updateBlockSelection:p}=GC(),[f,v]=(0,u.useReducer)(jC,{}),{ref:b,target:_}=$C(),y=(0,u.useRef)(),E=(0,m.useMergeRefs)([y,b,t]),C=(0,u.useRef)(!1),{setSelectedTreeId:S}=function(e){let{firstSelectedBlockClientId:t,setExpandedState:n}=e;const[o,r]=(0,u.useState)(null),{selectedBlockParentClientIds:l}=(0,g.useSelect)((e=>{const{getBlockParents:n}=e(E_);return{selectedBlockParentClientIds:n(t,!1)}}),[t]),i=Array.isArray(l)&&l.length?l:null;return(0,u.useEffect)((()=>{o!==t&&i&&n({type:"expand",clientIds:l})}),[t]),{setSelectedTreeId:r}}({firstSelectedBlockClientId:a[0],setExpandedState:v}),w=(0,u.useCallback)(((e,t)=>{p(e,t),S(t)}),[S,p]);(0,u.useEffect)((()=>{C.current=!0}),[]);const[B]=(0,m.__experimentalUseFixedWindowList)(y,36,c,{useWindowing:!0,windowOverscan:40}),I=(0,u.useCallback)((e=>{e&&v({type:"expand",clientIds:[e]})}),[v]),x=(0,u.useCallback)((e=>{e&&v({type:"collapse",clientIds:[e]})}),[v]),T=(0,u.useCallback)((e=>{var t;I(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[I]),M=(0,u.useCallback)((e=>{var t;x(null==e||null===(t=e.dataset)||void 0===t?void 0:t.block)}),[x]),N=(0,u.useCallback)(((e,t,n)=>{var o,r;e.shiftKey&&p(e,null==t||null===(o=t.dataset)||void 0===o?void 0:o.block,null==n||null===(r=n.dataset)||void 0===r?void 0:r.block)}),[p]),P=(0,u.useMemo)((()=>({isTreeGridMounted:C.current,draggedClientIds:s,expandedState:f,expand:I,collapse:x})),[C.current,s,f,I,x]);return(0,u.createElement)(g.AsyncModeProvider,{value:!0},(0,u.createElement)(HC,{listViewRef:y,blockDropTarget:_}),(0,u.createElement)(h.__experimentalTreeGrid,{id:n,className:"block-editor-list-view-tree","aria-label":(0,k.__)("Block navigation structure"),ref:E,onCollapseRow:M,onExpandRow:T,onFocusRow:N,applicationAriaLabel:(0,k.__)("Block navigation structure")},(0,u.createElement)(RC.Provider,{value:P},(0,u.createElement)(VC,{blocks:i,selectBlock:w,showBlockMovers:r,fixedListWindow:B,selectedClientIds:a,isExpanded:l,shouldShowInnerBlocks:d}))))}));function KC(e){let{isEnabled:t,onToggle:n,isOpen:o,innerRef:r,...l}=e;return(0,u.createElement)(h.Button,c({},l,{ref:r,icon:IC,"aria-expanded":o,"aria-haspopup":"true",onClick:t?n:void 0,label:(0,k.__)("List view"),className:"block-editor-block-navigation","aria-disabled":!t}))}var qC=(0,u.forwardRef)((function(e,t){let{isDisabled:n,...o}=e;W()("wp.blockEditor.BlockNavigationDropdown",{since:"6.1",alternative:"wp.components.Dropdown and wp.blockEditor.ListView"});const r=(0,g.useSelect)((e=>!!e(E_).getBlockCount()),[])&&!n;return(0,u.createElement)(h.Dropdown,{contentClassName:"block-editor-block-navigation__popover",popoverProps:{placement:"bottom-start"},renderToggle:e=>{let{isOpen:n,onToggle:l}=e;return(0,u.createElement)(KC,c({},o,{innerRef:t,isOpen:n,onToggle:l,isEnabled:r}))},renderContent:()=>(0,u.createElement)("div",{className:"block-editor-block-navigation__container"},(0,u.createElement)("p",{className:"block-editor-block-navigation__label"},(0,k.__)("List view")),(0,u.createElement)(WC,null))})}));function YC(e){var t;let{genericPreviewBlock:n,style:o,className:r,activeStyle:l}=e;const i=null===(t=(0,s.getBlockType)(n.name))||void 0===t?void 0:t.example,a=pm(r,l,o),c=(0,u.useMemo)((()=>({...n,title:o.label||o.name,description:o.description,initialAttributes:{...n.attributes,className:a+" block-editor-block-styles__block-preview-container"},example:i})),[n,a]);return(0,u.createElement)(Ch,{item:c,isStylePreview:!0})}const ZC=()=>{};function QC(e){let{clientId:t,onSwitch:n=ZC,onHoverClassName:o=ZC}=e;const{onSelect:r,stylesToRender:l,activeStyle:i,genericPreviewBlock:s,className:a}=gm({clientId:t,onSwitch:n}),[c,d]=(0,u.useState)(null),g=(0,m.useViewportMatch)("medium","<");if(!l||0===l.length)return null;const f=(0,m.debounce)(d,250),v=e=>{var t;c!==e?(f(e),o(null!==(t=null==e?void 0:e.name)&&void 0!==t?t:null)):f.cancel()};return(0,u.createElement)("div",{className:"block-editor-block-styles"},(0,u.createElement)("div",{className:"block-editor-block-styles__variants"},l.map((e=>{const t=e.isDefault?(0,k.__)("Default"):e.label||e.name;return(0,u.createElement)(h.Button,{className:p()("block-editor-block-styles__item",{"is-active":i.name===e.name}),key:e.name,variant:"secondary",label:t,onMouseEnter:()=>v(e),onFocus:()=>v(e),onMouseLeave:()=>v(null),onBlur:()=>v(null),onClick:()=>(e=>{r(e),o(null),d(null),f.cancel()})(e),"aria-current":i.name===e.name},(0,u.createElement)(h.__experimentalTruncate,{numberOfLines:1,className:"block-editor-block-styles__item-text"},t))}))),c&&!g&&(0,u.createElement)(h.Popover,{placement:"left-start",offset:20},(0,u.createElement)("div",{className:"block-editor-block-styles__preview-panel",onMouseLeave:()=>v(null)},(0,u.createElement)(YC,{activeStyle:i,className:a,genericPreviewBlock:s,style:c}))))}var XC=QC;QC.Slot=()=>(W()("BlockStyles.Slot",{version:"6.4",since:"6.2"}),null);var JC=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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"}));var eS=function(e){let{icon:t=JC,label:n=(0,k.__)("Choose variation"),instructions:o=(0,k.__)("Select a variation to start with."),variations:r,onSelect:l,allowSkip:i}=e;const s=p()("block-editor-block-variation-picker",{"has-many-variations":r.length>4});return(0,u.createElement)(h.Placeholder,{icon:t,label:n,instructions:o,className:s},(0,u.createElement)("ul",{className:"block-editor-block-variation-picker__variations",role:"list","aria-label":(0,k.__)("Block variations")},r.map((e=>(0,u.createElement)("li",{key:e.name},(0,u.createElement)(h.Button,{variant:"secondary",icon:e.icon&&e.icon.src?e.icon.src:e.icon,iconSize:48,onClick:()=>l(e),className:"block-editor-block-variation-picker__variation",label:e.description||e.title}),(0,u.createElement)("span",{className:"block-editor-block-variation-picker__variation-label"},e.title))))),i&&(0,u.createElement)("div",{className:"block-editor-block-variation-picker__skip"},(0,u.createElement)(h.Button,{variant:"link",onClick:()=>l()},(0,k.__)("Skip"))))};var tS=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 nS={carousel:"carousel",grid:"grid"},oS=e=>{let{onBlockPatternSelect:t}=e;return(0,u.createElement)("div",{className:"block-editor-block-pattern-setup__actions"},(0,u.createElement)(h.Button,{variant:"primary",onClick:t},(0,k.__)("Choose")))},rS=e=>{let{handlePrevious:t,handleNext:n,activeSlide:o,totalSlides:r}=e;return(0,u.createElement)("div",{className:"block-editor-block-pattern-setup__navigation"},(0,u.createElement)(h.Button,{icon:Li,label:(0,k.__)("Previous pattern"),onClick:t,disabled:0===o}),(0,u.createElement)(h.Button,{icon:Pi,label:(0,k.__)("Next pattern"),onClick:n,disabled:o===r-1}))};var lS=e=>{let{viewMode:t,setViewMode:n,handlePrevious:o,handleNext:r,activeSlide:l,totalSlides:i,onBlockPatternSelect:s}=e;const a=t===nS.carousel,c=(0,u.createElement)("div",{className:"block-editor-block-pattern-setup__display-controls"},(0,u.createElement)(h.Button,{icon:O_,label:(0,k.__)("Carousel view"),onClick:()=>n(nS.carousel),isPressed:a}),(0,u.createElement)(h.Button,{icon:tS,label:(0,k.__)("Grid view"),onClick:()=>n(nS.grid),isPressed:t===nS.grid}));return(0,u.createElement)("div",{className:"block-editor-block-pattern-setup__toolbar"},a&&(0,u.createElement)(rS,{handlePrevious:o,handleNext:r,activeSlide:l,totalSlides:i}),c,a&&(0,u.createElement)(oS,{onBlockPatternSelect:s}))};var iS=function(e,t,n){return(0,g.useSelect)((o=>{const{getBlockRootClientId:r,getPatternsByBlockTypes:l,__experimentalGetAllowedPatterns:i}=o(E_),s=r(e);return n?i(s).filter(n):l(t,s)}),[e,t,n])};const sS=e=>{let{viewMode:t,activeSlide:n,patterns:o,onBlockPatternSelect:r,showTitles:l}=e;const i=(0,h.__unstableUseCompositeState)(),s="block-editor-block-pattern-setup__container";if(t===nS.carousel){const e=new Map([[n,"active-slide"],[n-1,"previous-slide"],[n+1,"next-slide"]]);return(0,u.createElement)("div",{className:"block-editor-block-pattern-setup__carousel"},(0,u.createElement)("div",{className:s},(0,u.createElement)("ul",{className:"carousel-container"},o.map(((t,n)=>(0,u.createElement)(cS,{className:e.get(n)||"",key:t.name,pattern:t}))))))}return(0,u.createElement)("div",{className:"block-editor-block-pattern-setup__grid"},(0,u.createElement)(h.__unstableComposite,c({},i,{role:"listbox",className:s,"aria-label":(0,k.__)("Patterns list")}),o.map((e=>(0,u.createElement)(aS,{key:e.name,pattern:e,onSelect:r,composite:i,showTitles:l})))))};function aS(e){let{pattern:t,onSelect:n,composite:o,showTitles:r}=e;const l="block-editor-block-pattern-setup-list",{blocks:i,description:s,viewportWidth:a=700}=t,d=(0,m.useInstanceId)(aS,`${l}__item-description`);return(0,u.createElement)("div",{className:`${l}__list-item`,"aria-label":t.title,"aria-describedby":t.description?d:void 0},(0,u.createElement)(h.__unstableCompositeItem,c({role:"option",as:"div"},o,{className:`${l}__item`,onClick:()=>n(i)}),(0,u.createElement)(yh,{blocks:i,viewportWidth:a}),r&&(0,u.createElement)("div",{className:`${l}__item-title`},t.title),!!s&&(0,u.createElement)(h.VisuallyHidden,{id:d},s)))}function cS(e){let{className:t,pattern:n,minHeight:o}=e;const{blocks:r,title:l,description:i}=n,s=(0,m.useInstanceId)(cS,"block-editor-block-pattern-setup-list__item-description");return(0,u.createElement)("li",{className:`pattern-slide ${t}`,"aria-label":l,"aria-describedby":i?s:void 0},(0,u.createElement)(yh,{blocks:r,minHeight:o}),!!i&&(0,u.createElement)(h.VisuallyHidden,{id:s},i))}var uS=e=>{let{clientId:t,blockName:n,filterPatternsFn:o,onBlockPatternSelect:r,initialViewMode:l=nS.carousel,showTitles:i=!1}=e;const[a,c]=(0,u.useState)(l),[d,p]=(0,u.useState)(0),{replaceBlock:m}=(0,g.useDispatch)(E_),f=iS(t,n,o);if(null==f||!f.length)return null;const h=r||(e=>{const n=e.map((e=>(0,s.cloneBlock)(e)));m(t,n)});return(0,u.createElement)(u.Fragment,null,(0,u.createElement)("div",{className:`block-editor-block-pattern-setup view-mode-${a}`},(0,u.createElement)(sS,{viewMode:a,activeSlide:d,patterns:f,onBlockPatternSelect:h,showTitles:i}),(0,u.createElement)(lS,{viewMode:a,setViewMode:c,activeSlide:d,totalSlides:f.length,handleNext:()=>{p((e=>e+1))},handlePrevious:()=>{p((e=>e-1))},onBlockPatternSelect:()=>{h(f[d].blocks)}})))};function dS(e){let{className:t,onSelectVariation:n,selectedValue:o,variations:r}=e;return(0,u.createElement)("fieldset",{className:t},(0,u.createElement)(h.VisuallyHidden,{as:"legend"},(0,k.__)("Transform to variation")),r.map((e=>(0,u.createElement)(h.Button,{key:e.name,icon:(0,u.createElement)(Ai,{icon:e.icon,showColors:!0}),isPressed:o===e.name,label:o===e.name?e.title:(0,k.sprintf)((0,k.__)("Transform to %s"),e.title),onClick:()=>n(e.name),"aria-label":e.title,showTooltip:!0}))))}function pS(e){let{className:t,onSelectVariation:n,selectedValue:o,variations:r}=e;const l=r.map((e=>{let{name:t,title:n,description:o}=e;return{value:t,label:n,info:o}}));return(0,u.createElement)(h.DropdownMenu,{className:t,label:(0,k.__)("Transform to variation"),text:(0,k.__)("Transform to variation"),popoverProps:{position:"bottom center",className:`${t}__popover`},icon:zp,toggleProps:{iconPosition:"right"}},(()=>(0,u.createElement)("div",{className:`${t}__container`},(0,u.createElement)(h.MenuGroup,null,(0,u.createElement)(h.MenuItemsChoice,{choices:l,value:o,onSelect:n})))))}var mS=function(e){let{blockClientId:t}=e;const{updateBlockAttributes:n}=(0,g.useDispatch)(E_),{activeBlockVariation:o,variations:r}=(0,g.useSelect)((e=>{const{getActiveBlockVariation:n,getBlockVariations:o}=e(s.store),{getBlockName:r,getBlockAttributes:l}=e(E_),i=t&&r(t);return{activeBlockVariation:n(i,l(t)),variations:i&&o(i,"transform")}}),[t]),l=null==o?void 0:o.name,i=(0,u.useMemo)((()=>{const e=new Set;return!!r&&(r.forEach((t=>{var n;t.icon&&e.add((null===(n=t.icon)||void 0===n?void 0:n.src)||t.icon)})),e.size===r.length)}),[r]);if(null==r||!r.length)return null;const a=i?dS:pS;return(0,u.createElement)(a,{className:"block-editor-block-variation-transforms",onSelectVariation:e=>{n(t,{...r.find((t=>{let{name:n}=t;return n===e})).attributes})},selectedValue:l,variations:r})},gS=(0,m.createHigherOrderComponent)((e=>t=>{const n=qr("color.palette"),o=!qr("color.custom"),r=void 0===t.colors?n:t.colors,l=void 0===t.disableCustomColors?o:t.disableCustomColors,i=!(0,f.isEmpty)(r)||!l;return(0,u.createElement)(e,c({},t,{colors:r,disableCustomColors:l,hasColorsToChoose:i}))}),"withColorContext"),fS=gS(h.ColorPalette);function hS(e){let{onChange:t,value:n,...o}=e;return(0,u.createElement)(zk,c({},o,{onColorChange:t,colorValue:n,gradients:[],disableCustomGradients:!0}))}var vS=window.wp.date;const bS=new Date(2022,0,25);function _S(e){let{format:t,defaultFormat:n,onChange:o}=e;return(0,u.createElement)("fieldset",{className:"block-editor-date-format-picker"},(0,u.createElement)(h.VisuallyHidden,{as:"legend"},(0,k.__)("Date format")),(0,u.createElement)(h.ToggleControl,{label:(0,u.createElement)(u.Fragment,null,(0,k.__)("Default format"),(0,u.createElement)("span",{className:"block-editor-date-format-picker__default-format-toggle-control__hint"},(0,vS.dateI18n)(n,bS))),checked:!t,onChange:e=>o(e?null:n)}),t&&(0,u.createElement)(kS,{format:t,onChange:o}))}function kS(e){var t;let{format:n,onChange:o}=e;const r=[...new Set(["Y-m-d",(0,k._x)("n/j/Y","short date format"),(0,k._x)("n/j/Y g:i A","short date format with time"),(0,k._x)("M j, Y","medium date format"),(0,k._x)("M j, Y g:i A","medium date format with time"),(0,k._x)("F j, Y","long date format"),(0,k._x)("M j","short date format without the year")])],l=r.map(((e,t)=>({key:`suggested-${t}`,name:(0,vS.dateI18n)(e,bS),format:e}))),i={key:"custom",name:(0,k.__)("Custom"),className:"block-editor-date-format-picker__custom-format-select-control__custom-option",__experimentalHint:(0,k.__)("Enter your own date format")},[s,a]=(0,u.useState)((()=>!!n&&!r.includes(n)));return(0,u.createElement)(h.__experimentalVStack,null,(0,u.createElement)(h.CustomSelectControl,{__nextUnconstrainedWidth:!0,label:(0,k.__)("Choose a format"),options:[...l,i],value:s?i:null!==(t=l.find((e=>e.format===n)))&&void 0!==t?t:i,onChange:e=>{let{selectedItem:t}=e;t===i?a(!0):(a(!1),o(t.format))}}),s&&(0,u.createElement)(h.TextControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Custom format"),hideLabelFromVision:!0,help:(0,u.createInterpolateElement)((0,k.__)("Enter a date or time format string."),{Link:(0,u.createElement)(h.ExternalLink,{href:(0,k.__)("https://wordpress.org/support/article/formatting-date-and-time/")})}),value:n,onChange:e=>o(e)}))}const yS=["colors","disableCustomColors","gradients","disableCustomGradients"],ES=e=>{let{className:t,colors:n,gradients:o,disableCustomColors:r,disableCustomGradients:l,children:i,settings:s,title:a,showTitle:c=!0,__experimentalIsRenderedInSidebar:d,enableAlpha:v}=e;const b=(0,m.useInstanceId)(ES),{batch:_}=(0,g.useRegistry)();return(0,f.isEmpty)(n)&&(0,f.isEmpty)(o)&&r&&l&&null!=s&&s.every((e=>(0,f.isEmpty)(e.colors)&&(0,f.isEmpty)(e.gradients)&&(void 0===e.disableCustomColors||e.disableCustomColors)&&(void 0===e.disableCustomGradients||e.disableCustomGradients)))?null:(0,u.createElement)(h.__experimentalToolsPanel,{className:p()("block-editor-panel-color-gradient-settings",t),label:c?a:void 0,resetAll:()=>{_((()=>{s.forEach((e=>{let{colorValue:t,gradientValue:n,onColorChange:o,onGradientChange:r}=e;t?o():n&&r()}))}))},panelId:b,__experimentalFirstVisibleItemClass:"first",__experimentalLastVisibleItemClass:"last"},(0,u.createElement)(Gk,{settings:s,panelId:b,colors:n,gradients:o,disableCustomColors:r,disableCustomGradients:l,__experimentalIsRenderedInSidebar:d,enableAlpha:v}),!!i&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.__experimentalSpacer,{marginY:4})," ",i))},CS=e=>{const t=gk();return(0,u.createElement)(ES,c({},t,e))};var SS=e=>yS.every((t=>e.hasOwnProperty(t)))?(0,u.createElement)(ES,e):(0,u.createElement)(CS,e);const wS=(0,u.createContext)({}),BS=()=>(0,u.useContext)(wS);function IS(e){let{id:t,url:n,naturalWidth:o,naturalHeight:r,onFinishEditing:l,onSaveImage:i,children:s}=e;const c=function(e){let{url:t,naturalWidth:n,naturalHeight:o}=e;const[r,l]=(0,u.useState)(),[i,s]=(0,u.useState)(),[c,d]=(0,u.useState)({x:0,y:0}),[p,m]=(0,u.useState)(100),[g,f]=(0,u.useState)(0),h=n/o,[v,b]=(0,u.useState)(h),_=(0,u.useCallback)((()=>{const e=(g+90)%360;let n=h;if(g%180==90&&(n=1/h),0===e)return l(),f(e),b(h),void d({x:-c.y*n,y:c.x*n});const o=new window.Image;o.src=t,o.onload=function(t){const o=document.createElement("canvas");let r=0,i=0;e%180?(o.width=t.target.height,o.height=t.target.width):(o.width=t.target.width,o.height=t.target.height),90!==e&&180!==e||(r=o.width),270!==e&&180!==e||(i=o.height);const s=o.getContext("2d");s.translate(r,i),s.rotate(e*Math.PI/180),s.drawImage(t.target,0,0),o.toBlob((t=>{l(URL.createObjectURL(t)),f(e),b(o.width/o.height),d({x:-c.y*n,y:c.x*n})}))};const r=(0,a.applyFilters)("media.crossOrigin",void 0,t);"string"==typeof r&&(o.crossOrigin=r)}),[g,h]);return(0,u.useMemo)((()=>({editedUrl:r,setEditedUrl:l,crop:i,setCrop:s,position:c,setPosition:d,zoom:p,setZoom:m,rotation:g,setRotation:f,rotateClockwise:_,aspect:v,setAspect:b,defaultAspect:h})),[r,i,c,p,g,_,v,h])}({url:n,naturalWidth:o,naturalHeight:r}),d=function(e){let{crop:t,rotation:n,height:o,width:r,aspect:l,url:i,id:s,onSaveImage:a,onFinishEditing:c}=e;const{createErrorNotice:d}=(0,g.useDispatch)(Nm.store),[p,m]=(0,u.useState)(!1),f=(0,u.useCallback)((()=>{m(!1),c()}),[m,c]),h=(0,u.useCallback)((()=>{m(!0);let e={};(t.width<99.9||t.height<99.9)&&(e=t),n>0&&(e.rotation=n),e.src=i,pC()({path:`/wp/v2/media/${s}/edit`,method:"POST",data:e}).then((e=>{a({id:e.id,url:e.source_url,height:o&&r?r/l:void 0})})).catch((e=>{d((0,k.sprintf)((0,k.__)("Could not edit image. %s"),(0,Di.__unstableStripHTML)(e.message)),{id:"image-editing-error",type:"snackbar"})})).finally((()=>{m(!1),c()}))}),[m,t,n,o,r,l,i,a,d,m,c]);return(0,u.useMemo)((()=>({isInProgress:p,apply:h,cancel:f})),[p,h,f])}({id:t,url:n,onSaveImage:i,onFinishEditing:l,...c}),p=(0,u.useMemo)((()=>({...c,...d})),[c,d]);return(0,u.createElement)(wS.Provider,{value:p},s)} +/*! ***************************************************************************** +Copyright (c) Microsoft Corporation. + +Permission to use, copy, modify, and/or distribute this software for any +purpose with or without fee is hereby granted. + +THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +PERFORMANCE OF THIS SOFTWARE. +***************************************************************************** */ +var xS=function(e,t){return xS=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},xS(e,t)};var TS=function(){return TS=Object.assign||function(e){for(var t,n=1,o=arguments.length;nu*r?{width:u*r,height:u}:{width:c,height:c/r}}function LS(e,t,n,o,r){void 0===r&&(r=0);var l=US(t.width,t.height,r),i=l.width,s=l.height;return{x:RS(e.x,i,n.width,o),y:RS(e.y,s,n.height,o)}}function RS(e,t,n,o){var r=t*o/2-n/2;return $S(e,-r,r)}function AS(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function OS(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function DS(e,t,n,o,r,l,i){void 0===l&&(l=0),void 0===i&&(i=!0);var s=i?zS:FS,a=US(t.width,t.height,l),c=US(t.naturalWidth,t.naturalHeight,l),u={x:s(100,((a.width-n.width/r)/2-e.x/r)/a.width*100),y:s(100,((a.height-n.height/r)/2-e.y/r)/a.height*100),width:s(100,n.width/a.width*100/r),height:s(100,n.height/a.height*100/r)},d=Math.round(s(c.width,u.width*c.width/100)),p=Math.round(s(c.height,u.height*c.height/100)),m=c.width>=c.height*o?{width:Math.round(p*o),height:p}:{width:d,height:Math.round(d/o)};return{croppedAreaPercentages:u,croppedAreaPixels:TS(TS({},m),{x:Math.round(s(c.width-m.width,u.x*c.width/100)),y:Math.round(s(c.height-m.height,u.y*c.height/100))})}}function zS(e,t){return Math.min(e,Math.max(0,t))}function FS(e,t){return t}function VS(e,t,n,o,r,l){var i=US(t.width,t.height,n),s=$S(o.width/i.width*(100/e.width),r,l);return{crop:{x:s*i.width/2-o.width/2-i.width*s*(e.x/100),y:s*i.height/2-o.height/2-i.height*s*(e.y/100)},zoom:s}}function HS(e,t,n,o,r,l){void 0===n&&(n=0);var i=US(t.naturalWidth,t.naturalHeight,n),s=$S(function(e,t,n){var o=function(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}(t);return n.height>n.width?n.height/(e.height*o):n.width/(e.width*o)}(e,t,o),r,l),a=o.height>o.width?o.height/e.height:o.width/e.width;return{crop:{x:((i.width-e.width)/2-e.x)*a,y:((i.height-e.height)/2-e.y)*a},zoom:s}}function GS(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function US(e,t,n){var o=n*Math.PI/180;return{width:Math.abs(Math.cos(o)*e)+Math.abs(Math.sin(o)*t),height:Math.abs(Math.sin(o)*e)+Math.abs(Math.cos(o)*t)}}function $S(e,t,n){return Math.min(Math.max(e,t),n)}function jS(){for(var e=[],t=0;t0})).join(" ").trim()}var WS=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.imageRef=Es().createRef(),n.videoRef=Es().createRef(),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.gestureZoomStart=0,n.gestureRotationStart=0,n.isTouching=!1,n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.currentDoc=document,n.currentWindow=window,n.state={cropSize:null,hasWheelJustStarted:!1},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){n.currentDoc.removeEventListener("mousemove",n.onMouseMove),n.currentDoc.removeEventListener("mouseup",n.onDragStopped),n.currentDoc.removeEventListener("touchmove",n.onTouchMove),n.currentDoc.removeEventListener("touchend",n.onDragStopped),n.currentDoc.removeEventListener("gesturemove",n.onGestureMove),n.currentDoc.removeEventListener("gestureend",n.onGestureEnd)},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){var e=n.computeSizes();e&&(n.emitCropData(),n.setInitialCrop(e)),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(e){if(n.props.initialCroppedAreaPercentages){var t=VS(n.props.initialCroppedAreaPercentages,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom),o=t.crop,r=t.zoom;n.props.onCropChange(o),n.props.onZoomChange&&n.props.onZoomChange(r)}else if(n.props.initialCroppedAreaPixels){var l=HS(n.props.initialCroppedAreaPixels,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom);o=l.crop,r=l.zoom;n.props.onCropChange(o),n.props.onZoomChange&&n.props.onZoomChange(r)}},n.computeSizes=function(){var e,t,o,r,l,i,s=n.imageRef.current||n.videoRef.current;if(s&&n.containerRef){n.containerRect=n.containerRef.getBoundingClientRect();var a=n.containerRect.width/n.containerRect.height,c=(null===(e=n.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef.current)||void 0===t?void 0:t.videoWidth)||0,u=(null===(o=n.imageRef.current)||void 0===o?void 0:o.naturalHeight)||(null===(r=n.videoRef.current)||void 0===r?void 0:r.videoHeight)||0,d=c/u,p=void 0;if(s.offsetWidthd?{width:n.containerRect.height*d,height:n.containerRect.height}:{width:n.containerRect.width,height:n.containerRect.width/d};break;case"horizontal-cover":p={width:n.containerRect.width,height:n.containerRect.width/d};break;case"vertical-cover":p={width:n.containerRect.height*d,height:n.containerRect.height};break;case"auto-cover":p=c>u?{width:n.containerRect.width,height:n.containerRect.width/d}:{width:n.containerRect.height*d,height:n.containerRect.height}}else p={width:s.offsetWidth,height:s.offsetHeight};n.mediaSize=TS(TS({},p),{naturalWidth:c,naturalHeight:u}),n.props.setMediaSize&&n.props.setMediaSize(n.mediaSize);var m=n.props.cropSize?n.props.cropSize:PS(n.mediaSize.width,n.mediaSize.height,n.containerRect.width,n.containerRect.height,n.props.aspect,n.props.rotation);return(null===(l=n.state.cropSize)||void 0===l?void 0:l.height)===m.height&&(null===(i=n.state.cropSize)||void 0===i?void 0:i.width)===m.width||n.props.onCropSizeChange&&n.props.onCropSizeChange(m),n.setState({cropSize:m},n.recomputeCropPosition),n.props.setCropSize&&n.props.setCropSize(m),m}},n.onMouseDown=function(e){e.preventDefault(),n.currentDoc.addEventListener("mousemove",n.onMouseMove),n.currentDoc.addEventListener("mouseup",n.onDragStopped),n.onDragStart(t.getMousePoint(e))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onTouchStart=function(e){n.isTouching=!0,n.props.onTouchRequest&&!n.props.onTouchRequest(e)||(n.currentDoc.addEventListener("touchmove",n.onTouchMove,{passive:!1}),n.currentDoc.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.onGestureStart=function(e){e.preventDefault(),n.currentDoc.addEventListener("gesturechange",n.onGestureMove),n.currentDoc.addEventListener("gestureend",n.onGestureEnd),n.gestureZoomStart=n.props.zoom,n.gestureRotationStart=n.props.rotation},n.onGestureMove=function(e){if(e.preventDefault(),!n.isTouching){var o=t.getMousePoint(e),r=n.gestureZoomStart-1+e.scale;if(n.setNewZoom(r,o,{shouldUpdatePosition:!0}),n.props.onRotationChange){var l=n.gestureRotationStart+e.rotation;n.props.onRotationChange(l)}}},n.onGestureEnd=function(e){n.cleanEvents()},n.onDragStart=function(e){var t,o,r=e.x,l=e.y;n.dragStartPosition={x:r,y:l},n.dragStartCrop=TS({},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&&n.currentWindow.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=n.currentWindow.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?LS(l,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):l;n.props.onCropChange(i)}}))},n.onDragStopped=function(){var e,t;n.isTouching=!1,n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){if(!n.props.onWheelRequest||n.props.onWheelRequest(e)){e.preventDefault();var o=t.getMousePoint(e),r=NS()(e).pixelY,l=n.props.zoom-r*n.props.zoomSpeed/200;n.setNewZoom(l,o,{shouldUpdatePosition:!0}),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=n.currentWindow.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,o){var r=(void 0===o?{}:o).shouldUpdatePosition,l=void 0===r||r;if(n.state.cropSize&&n.props.onZoomChange){var i=$S(e,n.props.minZoom,n.props.maxZoom);if(l){var s=n.getPointOnContainer(t),a=n.getPointOnMedia(s),c={x:a.x*i-s.x,y:a.y*i-s.y},u=n.props.restrictPosition?LS(c,n.mediaSize,n.state.cropSize,i,n.props.rotation):c;n.props.onCropChange(u)}n.props.onZoomChange(i)}},n.getCropData=function(){return n.state.cropSize?DS(n.props.restrictPosition?LS(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):null},n.emitCropData=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,o=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,o),n.props.onCropAreaChange&&n.props.onCropAreaChange(t,o)}},n.emitCropAreaChange=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,o=e.croppedAreaPixels;n.props.onCropAreaChange&&n.props.onCropAreaChange(t,o)}},n.recomputeCropPosition=function(){if(n.state.cropSize){var e=n.props.restrictPosition?LS(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 n(){this.constructor=e}xS(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),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 display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\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}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\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",this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef)},t.prototype.componentWillUnmount=function(){var e;this.currentWindow.removeEventListener("resize",this.computeSizes),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&(null===(e=this.styleRef.parentNode)||void 0===e||e.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()},t.prototype.componentDidUpdate=function(e){var t,n,o,r,l,i,s,a,c;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.height)||(null===(o=e.cropSize)||void 0===o?void 0:o.width)!==(null===(r=this.props.cropSize)||void 0===r?void 0:r.width)?this.computeSizes():(null===(l=e.crop)||void 0===l?void 0:l.x)===(null===(i=this.props.crop)||void 0===i?void 0:i.x)&&(null===(s=e.crop)||void 0===s?void 0:s.y)===(null===(a=this.props.crop)||void 0===a?void 0:a.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(c=this.videoRef.current)||void 0===c||c.load())},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=AS(n,o),this.lastPinchRotation=OS(n,o),this.onDragStart(GS(n,o))},t.prototype.onPinchMove=function(e){var n=this,o=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]),l=GS(o,r);this.onDrag(l),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame((function(){var e=AS(o,r),t=n.props.zoom*(e/n.lastPinchDistance);n.setNewZoom(t,l,{shouldUpdatePosition:!1}),n.lastPinchDistance=e;var i=OS(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.transform,i=t.crop,s=i.x,a=i.y,c=t.rotation,u=t.zoom,d=t.cropShape,p=t.showGrid,m=t.style,g=m.containerStyle,f=m.cropAreaStyle,h=m.mediaStyle,v=t.classes,b=v.containerClassName,_=v.cropAreaClassName,k=v.mediaClassName,y=t.objectFit;return Es().createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(t){return e.containerRef=t},"data-testid":"container",style:g,className:jS("reactEasyCrop_Container",b)},n?Es().createElement("img",TS({alt:"",className:jS("reactEasyCrop_Image","contain"===y&&"reactEasyCrop_Contain","horizontal-cover"===y&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===y&&"reactEasyCrop_Cover_Vertical","auto-cover"===y&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),k)},r,{src:n,ref:this.imageRef,style:TS(TS({},h),{transform:l||"translate("+s+"px, "+a+"px) rotate("+c+"deg) scale("+u+")"}),onLoad:this.onMediaLoad})):o&&Es().createElement("video",TS({autoPlay:!0,loop:!0,muted:!0,className:jS("reactEasyCrop_Video","contain"===y&&"reactEasyCrop_Contain","horizontal-cover"===y&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===y&&"reactEasyCrop_Cover_Vertical","auto-cover"===y&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),k)},r,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:TS(TS({},h),{transform:l||"translate("+s+"px, "+a+"px) rotate("+c+"deg) scale("+u+")"}),controls:!1}),(Array.isArray(o)?o:[{src:o}]).map((function(e){return Es().createElement("source",TS({key:e.src},e))}))),this.state.cropSize&&Es().createElement("div",{style:TS(TS({},f),{width:this.state.cropSize.width,height:this.state.cropSize.height}),"data-testid":"cropper",className:jS("reactEasyCrop_CropArea","round"===d&&"reactEasyCrop_CropAreaRound",p&&"reactEasyCrop_CropAreaGrid",_)}))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",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}(Es().Component),KS=WS;const qS={placement:"bottom-start",variant:"toolbar"};function YS(e){let{url:t,width:n,height:o,clientWidth:r,naturalHeight:l,naturalWidth:i,borderProps:s}=e;const{isInProgress:a,editedUrl:c,position:d,zoom:m,aspect:g,setPosition:f,setCrop:v,setZoom:b,rotation:_}=BS();let k=o||r*l/i;return _%180==90&&(k=r*i/l),(0,u.createElement)("div",{className:p()("wp-block-image__crop-area",null==s?void 0:s.className,{"is-applying":a}),style:{...null==s?void 0:s.style,width:n||r,height:k}},(0,u.createElement)(KS,{image:c||t,disabled:a,minZoom:1,maxZoom:3,crop:d,zoom:m/100,aspect:g,onCropChange:e=>{f(e)},onCropComplete:e=>{v(e)},onZoomChange:e=>{b(100*e)}}),a&&(0,u.createElement)(h.Spinner,null))}var ZS=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 QS(){const{isInProgress:e,zoom:t,setZoom:n}=BS();return(0,u.createElement)(h.Dropdown,{contentClassName:"wp-block-image__zoom",popoverProps:qS,renderToggle:t=>{let{isOpen:n,onToggle:o}=t;return(0,u.createElement)(h.ToolbarButton,{icon:ZS,label:(0,k.__)("Zoom"),onClick:o,"aria-expanded":n,disabled:e})},renderContent:()=>(0,u.createElement)(h.RangeControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Zoom"),min:100,max:300,value:Math.round(t),onChange:n})})}var XS=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 JS(e){let{aspectRatios:t,isDisabled:n,label:o,onClick:r,value:l}=e;return(0,u.createElement)(h.MenuGroup,{label:o},t.map((e=>{let{title:t,aspect:o}=e;return(0,u.createElement)(h.MenuItem,{key:o,disabled:n,onClick:()=>{r(o)},role:"menuitemradio",isSelected:o===l,icon:o===l?cm:void 0},t)})))}function ew(e){let{toggleProps:t}=e;const{isInProgress:n,aspect:o,setAspect:r,defaultAspect:l}=BS();return(0,u.createElement)(h.DropdownMenu,{icon:XS,label:(0,k.__)("Aspect Ratio"),popoverProps:qS,toggleProps:t,className:"wp-block-image__aspect-ratio"},(e=>{let{onClose:t}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(JS,{isDisabled:n,onClick:e=>{r(e),t()},value:o,aspectRatios:[{title:(0,k.__)("Original"),aspect:l},{title:(0,k.__)("Square"),aspect:1}]}),(0,u.createElement)(JS,{label:(0,k.__)("Landscape"),isDisabled:n,onClick:e=>{r(e),t()},value:o,aspectRatios:[{title:(0,k.__)("16:10"),aspect:1.6},{title:(0,k.__)("16:9"),aspect:16/9},{title:(0,k.__)("4:3"),aspect:4/3},{title:(0,k.__)("3:2"),aspect:1.5}]}),(0,u.createElement)(JS,{label:(0,k.__)("Portrait"),isDisabled:n,onClick:e=>{r(e),t()},value:o,aspectRatios:[{title:(0,k.__)("10:16"),aspect:.625},{title:(0,k.__)("9:16"),aspect:9/16},{title:(0,k.__)("3:4"),aspect:3/4},{title:(0,k.__)("2:3"),aspect:2/3}]}))}))}var tw=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.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 nw(){const{isInProgress:e,rotateClockwise:t}=BS();return(0,u.createElement)(h.ToolbarButton,{icon:tw,label:(0,k.__)("Rotate"),onClick:t,disabled:e})}function ow(){const{isInProgress:e,apply:t,cancel:n}=BS();return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.ToolbarButton,{onClick:t,disabled:e},(0,k.__)("Apply")),(0,u.createElement)(h.ToolbarButton,{onClick:n},(0,k.__)("Cancel")))}function rw(e){let{id:t,url:n,width:o,height:r,clientWidth:l,naturalHeight:i,naturalWidth:s,onSaveImage:a,onFinishEditing:c,borderProps:d}=e;return(0,u.createElement)(IS,{id:t,url:n,naturalWidth:s,naturalHeight:i,onSaveImage:a,onFinishEditing:c},(0,u.createElement)(YS,{borderProps:d,url:n,width:o,height:r,clientWidth:l,naturalHeight:i,naturalWidth:s}),(0,u.createElement)(x_,null,(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(QS,null),(0,u.createElement)(h.ToolbarItem,null,(e=>(0,u.createElement)(ew,{toggleProps:e}))),(0,u.createElement)(nw,null)),(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(ow,null))))}const lw=[25,50,75,100],iw=()=>{};function sw(e){let{imageSizeHelp:t,imageWidth:n,imageHeight:o,imageSizeOptions:r=[],isResizable:l=!0,slug:i,width:s,height:a,onChange:c,onChangeImage:d=iw}=e;const{currentHeight:p,currentWidth:m,updateDimension:g,updateDimensions:f}=function(e,t,n,o,r){var l,i;const[s,a]=(0,u.useState)(null!==(l=null!=t?t:o)&&void 0!==l?l:""),[c,d]=(0,u.useState)(null!==(i=null!=e?e:n)&&void 0!==i?i:"");return(0,u.useEffect)((()=>{void 0===t&&void 0!==o&&a(o),void 0===e&&void 0!==n&&d(n)}),[o,n]),(0,u.useEffect)((()=>{void 0!==t&&Number.parseInt(t)!==Number.parseInt(s)&&a(t),void 0!==e&&Number.parseInt(e)!==Number.parseInt(c)&&d(e)}),[t,e]),{currentHeight:c,currentWidth:s,updateDimension:(e,t)=>{"width"===e?a(t):d(t),r({[e]:""===t?void 0:parseInt(t,10)})},updateDimensions:(e,t)=>{d(null!=e?e:n),a(null!=t?t:o),r({height:e,width:t})}}}(a,s,o,n,c);return(0,u.createElement)(u.Fragment,null,r&&r.length>0&&(0,u.createElement)(h.SelectControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Image size"),value:i,options:r,onChange:d,help:t}),l&&(0,u.createElement)("div",{className:"block-editor-image-size-control"},(0,u.createElement)("p",{className:"block-editor-image-size-control__row"},(0,k.__)("Image dimensions")),(0,u.createElement)("div",{className:"block-editor-image-size-control__row"},(0,u.createElement)(h.TextControl,{type:"number",className:"block-editor-image-size-control__width",label:(0,k.__)("Width"),value:m,min:1,onChange:e=>g("width",e)}),(0,u.createElement)(h.TextControl,{type:"number",className:"block-editor-image-size-control__height",label:(0,k.__)("Height"),value:p,min:1,onChange:e=>g("height",e)})),(0,u.createElement)("div",{className:"block-editor-image-size-control__row"},(0,u.createElement)(h.ButtonGroup,{"aria-label":(0,k.__)("Image size presets")},lw.map((e=>{const t=Math.round(n*(e/100)),r=Math.round(o*(e/100)),l=m===t&&p===r;return(0,u.createElement)(h.Button,{key:e,isSmall:!0,variant:l?"primary":void 0,isPressed:l,onClick:()=>f(r,t)},e,"%")}))),(0,u.createElement)(h.Button,{isSmall:!0,onClick:()=>f()},(0,k.__)("Reset")))))}var aw=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h13.4c.4 0 .8.4.8.8v13.4zM10 15l5-3-5-3v6z"}));var cw=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"}));var uw=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M19 3H5c-.6 0-1 .4-1 1v7c0 .5.4 1 1 1h14c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1zM5.5 10.5v-.4l1.8-1.3 1.3.8c.3.2.7.2.9-.1L11 8.1l2.4 2.4H5.5zm13 0h-2.9l-4-4c-.3-.3-.8-.3-1.1 0L8.9 8l-1.2-.8c-.3-.2-.6-.2-.9 0l-1.3 1V4.5h13v6zM4 20h9v-1.5H4V20zm0-4h16v-1.5H4V16z"}));const dw=()=>{};let pw=0;var mw=(0,m.compose)([(0,g.withDispatch)((e=>{const{createNotice:t,removeNotice:n}=e(Nm.store);return{createNotice:t,removeNotice:n}})),(0,h.withFilters)("editor.MediaReplaceFlow")])((e=>{let{mediaURL:t,mediaId:n,mediaIds:o,allowedTypes:r,accept:l,onError:i,onSelect:s,onSelectURL:a,onToggleFeaturedImage:c,useFeaturedImage:d,onFilesUpload:p=dw,name:m=(0,k.__)("Replace"),createNotice:f,removeNotice:v,children:b,multiple:_=!1,addToGallery:y,handleUpload:E=!0}=e;const C=(0,g.useSelect)((e=>e(E_).getSettings().mediaUpload),[]),S=(0,u.useRef)(),w="block-editor/media-replace-flow/error-notice/"+ ++pw,B=e=>{const t=(0,Di.__unstableStripHTML)(e);i?i(t):setTimeout((()=>{f("error",t,{speak:!0,id:w,isDismissible:!0})}),1e3)},I=(e,t)=>{d&&c&&c(),t(),s(e),(0,pn.speak)((0,k.__)("The media file has been replaced")),v(w)},x=e=>{e.keyCode===md.DOWN&&(e.preventDefault(),e.target.click())},T=_&&!(!r||0===r.length)&&r.every((e=>"image"===e||e.startsWith("image/")));return(0,u.createElement)(h.Dropdown,{popoverProps:{variant:"toolbar"},contentClassName:"block-editor-media-replace-flow__options",renderToggle:e=>{let{isOpen:t,onToggle:n}=e;return(0,u.createElement)(h.ToolbarButton,{ref:S,"aria-expanded":t,"aria-haspopup":"true",onClick:n,onKeyDown:x},m)},renderContent:e=>{let{onClose:i}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.NavigableMenu,{className:"block-editor-media-replace-flow__media-upload-menu"},(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Dv,{gallery:T,addToGallery:y,multiple:_,value:_?o:n,onSelect:e=>I(e,i),allowedTypes:r,render:e=>{let{open:t}=e;return(0,u.createElement)(h.MenuItem,{icon:aw,onClick:t},(0,k.__)("Open Media Library"))}}),(0,u.createElement)(Ov,null,(0,u.createElement)(h.FormFileUpload,{onChange:e=>{((e,t)=>{const n=e.target.files;if(!E)return t(),s(n);p(n),C({allowedTypes:r,filesList:n,onFileChange:e=>{let[n]=e;I(n,t)},onError:B})})(e,i)},accept:l,multiple:_,render:e=>{let{openFileDialog:t}=e;return(0,u.createElement)(h.MenuItem,{icon:cw,onClick:()=>{t()}},(0,k.__)("Upload"))}}))),c&&(0,u.createElement)(h.MenuItem,{icon:uw,onClick:c,isPressed:d},(0,k.__)("Use featured image")),b),a&&(0,u.createElement)("form",{className:"block-editor-media-flow__url-input"},(0,u.createElement)("span",{className:"block-editor-media-replace-flow__image-url-label"},(0,k.__)("Current media URL:")),(0,u.createElement)(h.Tooltip,{text:t,position:"bottom"},(0,u.createElement)("div",null,(0,u.createElement)(Xb,{value:{url:t},settings:[],showSuggestions:!1,onChange:e=>{let{url:t}=e;a(t),S.current.focus()}})))))}})}));var gw=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},(0,u.createElement)(G.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"}));function fw(e){let{url:t,urlLabel:n,className:o}=e;const r=p()(o,"block-editor-url-popover__link-viewer-url");return t?(0,u.createElement)(h.ExternalLink,{className:r,href:t},n||(0,Ev.filterURLForDisplay)((0,Ev.safeDecodeURI)(t))):(0,u.createElement)("span",{className:r})}function hw(e){let t,{additionalControls:n,children:o,renderSettings:r,placement:l,focusOnMount:i="firstElement",position:s,...a}=e;void 0!==s&&W()("`position` prop in wp.blockEditor.URLPopover",{since:"6.2",alternative:"`placement` prop"}),void 0!==l?t=l:void 0!==s&&(t=(0,h.__experimentalPopoverPositionToPlacement)(s)),t=t||"bottom";const[d,p]=(0,u.useState)(!1),m=!!r&&d;return(0,u.createElement)(h.Popover,c({className:"block-editor-url-popover",focusOnMount:i,placement:t,shift:!0},a),(0,u.createElement)("div",{className:"block-editor-url-popover__input-container"},(0,u.createElement)("div",{className:"block-editor-url-popover__row"},o,!!r&&(0,u.createElement)(h.Button,{className:"block-editor-url-popover__settings-toggle",icon:zp,label:(0,k.__)("Link settings"),onClick:()=>{p(!d)},"aria-expanded":d})),m&&(0,u.createElement)("div",{className:"block-editor-url-popover__row block-editor-url-popover__settings"},r())),n&&!m&&(0,u.createElement)("div",{className:"block-editor-url-popover__additional-controls"},n))}hw.LinkEditor=function(e){let{autocompleteRef:t,className:n,onChangeInputValue:o,value:r,...l}=e;return(0,u.createElement)("form",c({className:p()("block-editor-url-popover__link-editor",n)},l),(0,u.createElement)(hb,{__nextHasNoMarginBottom:!0,value:r,onChange:o,autocompleteRef:t}),(0,u.createElement)(h.Button,{icon:gw,label:(0,k.__)("Apply"),type:"submit"}))},hw.LinkViewer=function(e){let{className:t,linkClassName:n,onEditLinkClick:o,url:r,urlLabel:l,...i}=e;return(0,u.createElement)("div",c({className:p()("block-editor-url-popover__link-viewer",t)},i),(0,u.createElement)(fw,{url:r,urlLabel:l,className:n}),o&&(0,u.createElement)(h.Button,{icon:Gb,label:(0,k.__)("Edit"),onClick:o}))};var vw=hw;const bw=()=>{},_w=e=>{let{src:t,onChange:n,onSubmit:o,onClose:r}=e;return(0,u.createElement)(vw,{onClose:r},(0,u.createElement)("form",{className:"block-editor-media-placeholder__url-input-form",onSubmit:o},(0,u.createElement)("input",{className:"block-editor-media-placeholder__url-input-field",type:"text","aria-label":(0,k.__)("URL"),placeholder:(0,k.__)("Paste or type URL"),onChange:n,value:t}),(0,u.createElement)(h.Button,{className:"block-editor-media-placeholder__url-input-submit-button",icon:gw,label:(0,k.__)("Apply"),type:"submit"})))};var kw=(0,h.withFilters)("editor.MediaPlaceholder")((function(e){let{value:t={},allowedTypes:n,className:o,icon:r,labels:l={},mediaPreview:i,notices:s,isAppender:a,accept:c,addToGallery:d,multiple:m=!1,handleUpload:f=!0,disableDropZone:v,disableMediaButtons:b,onError:_,onSelect:y,onCancel:E,onSelectURL:C,onToggleFeaturedImage:S,onDoubleClick:w,onFilesPreUpload:B=bw,onHTMLDrop:I=bw,children:x,mediaLibraryButton:T,placeholder:M,style:N}=e;const P=(0,g.useSelect)((e=>{const{getSettings:t}=e(E_);return t().mediaUpload}),[]),[L,R]=(0,u.useState)(""),[A,O]=(0,u.useState)(!1);(0,u.useEffect)((()=>{var e;R(null!==(e=null==t?void 0:t.src)&&void 0!==e?e:"")}),[null==t?void 0:t.src]);const D=e=>{R(e.target.value)},z=()=>{O(!0)},F=()=>{O(!1)},V=e=>{e.preventDefault(),L&&C&&(C(L),F())},H=e=>{if(!f)return y(e);let o;if(B(e),m)if(d){let e=[];o=n=>{const o=(null!=t?t:[]).filter((t=>t.id?!e.some((e=>{let{id:n}=e;return Number(n)===Number(t.id)})):!e.some((e=>{let{urlSlug:n}=e;return t.url.includes(n)}))));y(o.concat(n)),e=n.map((e=>{const t=e.url.lastIndexOf("."),n=e.url.slice(0,t);return{id:e.id,urlSlug:n}}))}}else o=y;else o=e=>{let[t]=e;return y(t)};P({allowedTypes:n,filesList:e,onFileChange:o,onError:_})},G=e=>{H(e.target.files)},U=null!=M?M:e=>{let{instructions:t,title:c}=l;if(P||C||(t=(0,k.__)("To edit this block, you need permission to upload media.")),void 0===t||void 0===c){const e=null!=n?n:[],[o]=e,r=1===e.length,l=r&&"audio"===o,i=r&&"image"===o,s=r&&"video"===o;void 0===t&&P&&(t=(0,k.__)("Upload a media file or pick one from your media library."),l?t=(0,k.__)("Upload an audio file, pick one from your media library, or add one with a URL."):i?t=(0,k.__)("Upload an image file, pick one from your media library, or add one with a URL."):s&&(t=(0,k.__)("Upload a video file, pick one from your media library, or add one with a URL."))),void 0===c&&(c=(0,k.__)("Media"),l?c=(0,k.__)("Audio"):i?c=(0,k.__)("Image"):s&&(c=(0,k.__)("Video")))}const d=p()("block-editor-media-placeholder",o,{"is-appender":a});return(0,u.createElement)(h.Placeholder,{icon:r,label:c,instructions:t,className:d,notices:s,onDoubleClick:w,preview:i,style:N},e,x)},$=()=>v?null:(0,u.createElement)(h.DropZone,{onFilesDrop:H,onHTMLDrop:I}),j=()=>E&&(0,u.createElement)(h.Button,{className:"block-editor-media-placeholder__cancel-button",title:(0,k.__)("Cancel"),variant:"link",onClick:E},(0,k.__)("Cancel")),W=()=>C&&(0,u.createElement)("div",{className:"block-editor-media-placeholder__url-input-container"},(0,u.createElement)(h.Button,{className:"block-editor-media-placeholder__button",onClick:z,isPressed:A,variant:"tertiary"},(0,k.__)("Insert from URL")),A&&(0,u.createElement)(_w,{src:L,onChange:D,onSubmit:V,onClose:F})),K=()=>S&&(0,u.createElement)("div",{className:"block-editor-media-placeholder__url-input-container"},(0,u.createElement)(h.Button,{className:"block-editor-media-placeholder__button",onClick:S,variant:"tertiary"},(0,k.__)("Use featured image")));return b?(0,u.createElement)(Ov,null,$()):(0,u.createElement)(Ov,{fallback:U(W())},(()=>{const e=null!=T?T:e=>{let{open:t}=e;return(0,u.createElement)(h.Button,{variant:"tertiary",onClick:()=>{t()}},(0,k.__)("Media Library"))},o=(0,u.createElement)(Dv,{addToGallery:d,gallery:m&&!(!n||0===n.length)&&n.every((e=>"image"===e||e.startsWith("image/"))),multiple:m,onSelect:y,allowedTypes:n,mode:"browse",value:Array.isArray(t)?t.map((e=>{let{id:t}=e;return t})):t.id,render:e});if(P&&a)return(0,u.createElement)(u.Fragment,null,$(),(0,u.createElement)(h.FormFileUpload,{onChange:G,accept:c,multiple:m,render:e=>{let{openFileDialog:t}=e;const n=(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.Button,{variant:"primary",className:p()("block-editor-media-placeholder__button","block-editor-media-placeholder__upload-button"),onClick:t},(0,k.__)("Upload")),o,W(),K(),j());return U(n)}}));if(P){const e=(0,u.createElement)(u.Fragment,null,$(),(0,u.createElement)(h.FormFileUpload,{variant:"primary",className:p()("block-editor-media-placeholder__button","block-editor-media-placeholder__upload-button"),onChange:G,accept:c,multiple:m},(0,k.__)("Upload")),o,W(),K(),j());return U(e)}return U(o)})())}));var yw=e=>{let{colorSettings:t,...n}=e;const o=t.map((e=>{if(!e)return e;const{value:t,onChange:n,...o}=e;return{...o,colorValue:t,onColorChange:n}}));return(0,u.createElement)(SS,c({settings:o,gradients:[],disableCustomGradients:!0},n))};const Ew={position:"bottom right",variant:"toolbar"};var Cw=()=>(0,u.createElement)(u.Fragment,null,["bold","italic","link","unknown"].map((e=>(0,u.createElement)(h.Slot,{name:`RichText.ToolbarControls.${e}`,key:e}))),(0,u.createElement)(h.Slot,{name:"RichText.ToolbarControls"},(e=>{if(!e.length)return null;const t=e.map((e=>{let[{props:t}]=e;return t})).some((e=>{let{isActive:t}=e;return t}));return(0,u.createElement)(h.ToolbarItem,null,(n=>(0,u.createElement)(h.DropdownMenu,{icon:zp,label:(0,k.__)("More"),toggleProps:{...n,className:p()(n.className,{"is-pressed":t}),describedBy:(0,k.__)("Displays more block tools")},controls:Y(e.map((e=>{let[{props:t}]=e;return t})),"title"),popoverProps:Ew})))})));function Sw(e){let{value:t,editableContentElement:n,activeFormats:o}=e;const r=o[o.length-1],l=null==r?void 0:r.type,i=(0,g.useSelect)((e=>e($.store).getFormatType(l)),[l]),s=(0,$.useAnchor)({editableContentElement:n,value:t,settings:i});return(0,u.createElement)(ww,{popoverAnchor:s})}function ww(e){let{popoverAnchor:t}=e;return(0,u.createElement)(h.Popover,{placement:"top",focusOnMount:!1,anchor:t,className:"block-editor-rich-text__inline-format-toolbar",__unstableSlotName:"block-toolbar"},(0,u.createElement)(Zp,{className:"block-editor-rich-text__inline-format-toolbar-group","aria-label":(0,k.__)("Format tools")},(0,u.createElement)(h.ToolbarGroup,null,(0,u.createElement)(Cw,null))))}var Bw=e=>{let{inline:t,editableContentElement:n,value:o}=e;const r=(0,g.useSelect)((e=>e(E_).getSettings().hasInlineToolbar),[]);if(t)return(0,u.createElement)(ww,{popoverAnchor:n});if(r){const e=(0,$.getActiveFormats)(o);return(0,$.isCollapsed)(o)&&!e.length?null:(0,u.createElement)(Sw,{editableContentElement:n,value:o,activeFormats:e})}return(0,u.createElement)(x_,{group:"inline"},(0,u.createElement)(Cw,null))};function Iw(){const{didAutomaticChange:e,getSettings:t}=(0,g.useSelect)(E_);return(0,m.useRefEffect)((n=>{function o(n){const{keyCode:o}=n;if(n.defaultPrevented)return;if(o!==md.DELETE&&o!==md.BACKSPACE&&o!==md.ESCAPE)return;const{__experimentalUndo:r}=t();r&&e()&&(n.preventDefault(),r())}return n.addEventListener("keydown",o),()=>{n.removeEventListener("keydown",o)}}),[])}var xw=window.wp.shortcode;function Tw(e,t){if(null!=t&&t.length){let n=e.formats.length;for(;n--;)e.formats[n]=[...t,...e.formats[n]||[]]}}function Mw(e){if(!0===e||"p"===e||"li"===e)return!0===e?"p":e}function Nw(e){let{allowedFormats:t,disableFormats:n}=e;return n?Nw.EMPTY_ARRAY:t}Nw.EMPTY_ARRAY=[];function Pw(e){let{value:t,pastedBlocks:n=[],onReplace:o,onSplit:r,onSplitMiddle:l,multilineTag:i}=e;if(!o||!r)return;const{start:s=0,end:a=0}=t,c={...t,start:s,end:a},u=[],[d,p]=(0,$.split)(c),m=n.length>0;let g=-1;const f=(0,$.isEmpty)(d)&&!(0,$.isEmpty)(p);m&&(0,$.isEmpty)(d)||(u.push(r((0,$.toHTMLString)({value:d,multilineTag:i}),!f)),g+=1),m?(u.push(...n),g+=n.length):l&&u.push(l()),(m||l)&&(0,$.isEmpty)(p)||u.push(r((0,$.toHTMLString)({value:p,multilineTag:i}),f));o(u,m?g:1,m?-1:0)}function Lw(e,t){return t?(0,$.replace)(e,/\n+/g,$.__UNSTABLE_LINE_SEPARATOR):(0,$.replace)(e,new RegExp($.__UNSTABLE_LINE_SEPARATOR,"g"),"\n")}function Rw(e){const t=(0,u.useRef)(e);return t.current=e,(0,m.useRefEffect)((e=>{function n(e){const{isSelected:n,disableFormats:o,onChange:r,value:l,formatTypes:i,tagName:a,onReplace:c,onSplit:u,onSplitMiddle:d,__unstableEmbedURLOnPaste:p,multilineTag:m,preserveWhiteSpace:g,pastePlainText:f}=t.current;if(!n)return;const{clipboardData:h}=e;let v="",b="";try{v=h.getData("text/plain"),b=h.getData("text/html")}catch(e){try{b=h.getData("Text")}catch(e){return}}if(b=function(e){const t="\x3c!--StartFragment--\x3e",n=e.indexOf(t);if(!(n>-1))return e;e=e.substring(n+t.length);const o="\x3c!--EndFragment--\x3e",r=e.indexOf(o);r>-1&&(e=e.substring(0,r));return e}(b),b=function(e){const t="";if(e.startsWith(t))return e.slice(t.length);return e}(b),e.preventDefault(),window.console.log("Received HTML:\n\n",b),window.console.log("Received plain text:\n\n",v),o)return void r((0,$.insert)(l,v));const _=i.reduce(((e,t)=>{let{__unstablePasteRule:n}=t;return n&&e===l&&(e=n(l,{html:b,plainText:v})),e}),l);if(_!==l)return void r(_);const k=[...(0,Di.getFilesFromDataTransfer)(h)];if("true"===h.getData("rich-text")){const e=h.getData("rich-text-multi-line-tag")||void 0;let t=(0,$.create)({html:b,multilineTag:e,multilineWrapperTags:"li"===e?["ul","ol"]:void 0,preserveWhiteSpace:g});return t=Lw(t,!!m),Tw(t,l.activeFormats),void r((0,$.insert)(l,t))}if(f)return void r((0,$.insert)(l,(0,$.create)({text:v})));if(null!=k&&k.length&&window.console.log("Received items:\n\n",k),null!=k&&k.length&&!Pm(k,b)){const e=(0,s.getBlockTransforms)("from"),t=k.reduce(((t,n)=>{const o=(0,s.findTransform)(e,(e=>"files"===e.type&&e.isMatch([n])));return o&&t.push(o.transform([n])),t}),[]).flat();if(!t.length)return;return void(c&&(0,$.isEmpty)(l)?c(t):Pw({value:l,pastedBlocks:t,onReplace:c,onSplit:u,onSplitMiddle:d,multilineTag:m}))}let y=c&&u?"AUTO":"INLINE";var E;"AUTO"===y&&(0,$.isEmpty)(l)&&(E=v,(0,xw.regexp)(".*").test(E))&&(y="BLOCKS"),p&&(0,$.isEmpty)(l)&&(0,Ev.isURL)(v.trim())&&(y="BLOCKS");const C=(0,s.pasteHandler)({HTML:b,plainText:v,mode:y,tagName:a,preserveWhiteSpace:g});if("string"==typeof C){let e=(0,$.create)({html:C});e=Lw(e,!!m),Tw(e,l.activeFormats),r((0,$.insert)(l,e))}else C.length>0&&(c&&(0,$.isEmpty)(l)?c(C,C.length-1,-1):Pw({value:l,pastedBlocks:C,onReplace:c,onSplit:u,onSplitMiddle:d,multilineTag:m}))}return e.addEventListener("paste",n),()=>{e.removeEventListener("paste",n)}}),[])}const Aw=["`",'"',"'","“”","‘’"];function Ow(e){const{__unstableMarkLastChangeAsPersistent:t,__unstableMarkAutomaticChange:n}=(0,g.useDispatch)(E_),o=(0,u.useRef)(e);return o.current=e,(0,m.useRefEffect)((e=>{function r(r){const{inputType:l,data:i}=r,{value:s,onChange:c}=o.current;if("insertText"!==l)return;if((0,$.isCollapsed)(s))return;const u=(0,a.applyFilters)("blockEditor.wrapSelectionSettings",Aw).find((e=>{let[t,n]=e;return t===i||n===i}));if(!u)return;const[d,p=d]=u,m=s.start,g=s.end+d.length;let f=(0,$.insert)(s,d,m,m);f=(0,$.insert)(f,p,g,g),t(),c(f),n();const h={};for(const e in r)h[e]=r[e];h.data=p;const{ownerDocument:v}=e,{defaultView:b}=v,_=new b.InputEvent("input",h);window.queueMicrotask((()=>{r.target.dispatchEvent(_)})),r.preventDefault()}return e.addEventListener("beforeinput",r),()=>{e.removeEventListener("beforeinput",r)}}),[])}function Dw(e){let t=e.length;for(;t--;){const n=gn(e[t].attributes);if(n)return e[t].attributes[n]=e[t].attributes[n].replace(mn,""),e[t].clientId;const o=Dw(e[t].innerBlocks);if(o)return o}}function zw(e){const{__unstableMarkLastChangeAsPersistent:t,__unstableMarkAutomaticChange:n}=(0,g.useDispatch)(E_),o=(0,u.useRef)(e);return o.current=e,(0,m.useRefEffect)((e=>{function r(){const{value:e,onReplace:t,selectionChange:r}=o.current;if(!t)return;const{start:l,text:i}=e;if(" "!==i.slice(l-1,l))return;const a=i.slice(0,l).trim(),c=(0,s.getBlockTransforms)("from").filter((e=>{let{type:t}=e;return"prefix"===t})),u=(0,s.findTransform)(c,(e=>{let{prefix:t}=e;return a===t}));if(!u)return;const d=(0,$.toHTMLString)({value:(0,$.insert)(e,mn,0,l)}),p=u.transform(d);r(Dw([p])),t([p]),n()}function l(e){const{inputType:l,type:i}=e,{value:s,onChange:a,__unstableAllowPrefixTransformations:c,formatTypes:u}=o.current;if("insertText"!==l&&"compositionend"!==i)return;c&&r&&r();const d=u.reduce(((e,t)=>{let{__unstableInputRule:n}=t;return n&&(e=n(e)),e}),function(e){const t="tales of gutenberg",{start:n,text:o}=e;return n{e.removeEventListener("input",l),e.removeEventListener("compositionend",l)}}),[])}function Fw(e){const{__unstableMarkAutomaticChange:t}=(0,g.useDispatch)(E_),n=(0,u.useRef)(e);return n.current=e,(0,m.useRefEffect)((e=>{function o(e){if(e.defaultPrevented)return;if(e.keyCode!==md.ENTER)return;const{removeEditorOnlyFormats:o,value:r,onReplace:l,onSplit:i,onSplitMiddle:a,multilineTag:c,onChange:u,disableLineBreaks:d,onSplitAtEnd:p}=n.current;e.preventDefault();const m={...r};m.formats=o(r);const g=l&&i;if(l){const e=(0,s.getBlockTransforms)("from").filter((e=>{let{type:t}=e;return"enter"===t})),n=(0,s.findTransform)(e,(e=>e.regExp.test(m.text)));n&&(l([n.transform({content:m.text})]),t())}if(c)e.shiftKey?d||u((0,$.insert)(m,"\n")):g&&(0,$.__unstableIsEmptyLine)(m)?Pw({value:m,onReplace:l,onSplit:i,onSplitMiddle:a,multilineTag:c}):u((0,$.__unstableInsertLineSeparator)(m));else{const{text:t,start:n,end:o}=m,r=p&&n===o&&o===t.length;e.shiftKey||!g&&!r?d||u((0,$.insert)(m,"\n")):!g&&r?p():g&&Pw({value:m,onReplace:l,onSplit:i,onSplitMiddle:a,multilineTag:c})}}return e.addEventListener("keydown",o),()=>{e.removeEventListener("keydown",o)}}),[])}function Vw(e){return e($.store).getFormatTypes()}const Hw=new Set(["a","audio","button","details","embed","iframe","input","label","select","textarea","video"]);function Gw(e,t){return"object"!=typeof e?{[t]:e}:Object.fromEntries(Object.entries(e).map((e=>{let[n,o]=e;return[`${t}.${n}`,o]})))}function Uw(e,t){return e[t]?e[t]:Object.keys(e).filter((e=>e.startsWith(t+"."))).reduce(((n,o)=>(n[o.slice(t.length+1)]=e[o],n)),{})}function $w(e){return(0,m.useRefEffect)((t=>{function n(t){for(const n of e.current)n(t)}return t.addEventListener("keydown",n),()=>{t.removeEventListener("keydown",n)}}),[])}function jw(e){return(0,m.useRefEffect)((t=>{function n(t){for(const n of e.current)n(t)}return t.addEventListener("input",n),()=>{t.removeEventListener("input",n)}}),[])}function Ww(){const{__unstableMarkLastChangeAsPersistent:e}=(0,g.useDispatch)(E_);return(0,m.useRefEffect)((t=>{function n(t){"insertReplacementText"===t.inputType&&e()}return t.addEventListener("beforeinput",n),()=>{t.removeEventListener("beforeinput",n)}}),[])}function Kw(){const{isMultiSelecting:e}=(0,g.useSelect)(E_);return(0,m.useRefEffect)((t=>{function n(){if(!e())return;const n=t.parentElement.closest('[contenteditable="true"]');n&&n.focus()}return t.addEventListener("focus",n),()=>{t.removeEventListener("focus",n)}}),[])}function qw(e){let{formatTypes:t,onChange:n,onFocus:o,value:r,forwardedRef:l}=e;return t.map((e=>{const{name:t,edit:i}=e;if(!i)return null;const s=(0,$.getActiveFormat)(r,t);let a=void 0!==s;const c=(0,$.getActiveObject)(r),d=void 0!==c&&c.type===t;if("core/link"===t&&!(0,$.isCollapsed)(r)){var p,m;const e=r.formats,t=null===(p=e[r.start])||void 0===p?void 0:p.find((e=>{let{type:t}=e;return"core/link"===t})),n=null===(m=e[r.end-1])||void 0===m?void 0:m.find((e=>{let{type:t}=e;return"core/link"===t}));t&&n&&t===n||(a=!1)}return(0,u.createElement)(i,{key:t,isActive:a,activeAttributes:a&&s.attributes||{},isObjectActive:d,activeObjectAttributes:d&&c.attributes||{},value:r,onChange:n,onFocus:o,contentRef:l})}))}const Yw=(0,u.createContext)(),Zw=(0,u.createContext)();const Qw=(0,u.forwardRef)((function e(t,n){let{children:o,tagName:r="div",value:l="",onChange:i,isSelected:a,multiline:d,inlineToolbar:f,wrapperClassName:v,autocompleters:b,onReplace:_,placeholder:k,allowedFormats:y,withoutInteractiveFormatting:E,onRemove:C,onMerge:S,onSplit:w,__unstableOnSplitAtEnd:B,__unstableOnSplitMiddle:I,identifier:x,preserveWhiteSpace:T,__unstablePastePlainText:M,__unstableEmbedURLOnPaste:N,__unstableDisableFormats:P,disableLineBreaks:L,unstableOnFocus:R,__unstableAllowPrefixTransformations:A,...O}=t;d&&W()("wp.blockEditor.RichText multiline prop",{since:"6.1",version:"6.3",alternative:"nested blocks (InnerBlocks)",link:"https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/"});const D=(0,m.useInstanceId)(e);x=x||D,O=function(e){const{__unstableMobileNoFocusOnMount:t,deleteEnter:n,placeholderTextColor:o,textAlign:r,selectionColor:l,tagsToEliminate:i,rootTagsToEliminate:s,disableEditingMenu:a,fontSize:c,fontFamily:u,fontWeight:d,fontStyle:p,minWidth:m,maxWidth:g,setRef:f,disableSuggestions:h,disableAutocorrection:v,...b}=e;return b}(O);const z=(0,u.useRef)(),{clientId:F}=$r(),{selectionStart:V,selectionEnd:H,isSelected:G}=(0,g.useSelect)((e=>{const{getSelectionStart:t,getSelectionEnd:n}=e(E_),o=t(),r=n();let l;return void 0===a?l=o.clientId===F&&r.clientId===F&&o.attributeKey===x:a&&(l=o.clientId===F),{selectionStart:l?o.offset:void 0,selectionEnd:l?r.offset:void 0,isSelected:l}})),{getSelectionStart:U,getSelectionEnd:j,getBlockRootClientId:K}=(0,g.useSelect)(E_),{selectionChange:q}=(0,g.useDispatch)(E_),Y=Mw(d),Z=Nw({allowedFormats:y,disableFormats:P}),Q=!Z||Z.length>0;let X=l,J=i;Array.isArray(l)&&(W()("wp.blockEditor.RichText value prop as children type",{since:"6.1",version:"6.3",alternative:"value prop as string",link:"https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/"}),X=s.children.toHTML(l),J=e=>i(s.children.fromDOM((0,$.__unstableCreateElement)(document,e).childNodes)));const ee=(0,u.useCallback)(((e,t)=>{const n={},o=void 0===e&&void 0===t;if("number"==typeof e||o){if(void 0===t&&K(F)!==K(j().clientId))return;n.start={clientId:F,attributeKey:x,offset:e}}if("number"==typeof t||o){if(void 0===e&&K(F)!==K(U().clientId))return;n.end={clientId:F,attributeKey:x,offset:t}}q(n)}),[F,x]),{formatTypes:te,prepareHandlers:ne,valueHandlers:oe,changeHandlers:re,dependencies:le}=function(e){let{clientId:t,identifier:n,withoutInteractiveFormatting:o,allowedFormats:r}=e;const l=(0,g.useSelect)(Vw,[]),i=(0,u.useMemo)((()=>l.filter((e=>{let{name:t,tagName:n}=e;return!(r&&!r.includes(t)||o&&Hw.has(n))}))),[l,r,Hw]),s=(0,g.useSelect)((e=>i.reduce(((o,r)=>r.__experimentalGetPropsForEditableTreePreparation?{...o,...Gw(r.__experimentalGetPropsForEditableTreePreparation(e,{richTextIdentifier:n,blockClientId:t}),r.name)}:o),{})),[i,t,n]),a=(0,g.useDispatch)(),c=[],d=[],p=[],m=[];for(const e in s)m.push(s[e]);return i.forEach((e=>{if(e.__experimentalCreatePrepareEditableTree){const o=e.__experimentalCreatePrepareEditableTree(Uw(s,e.name),{richTextIdentifier:n,blockClientId:t});e.__experimentalCreateOnChangeEditableValue?d.push(o):c.push(o)}if(e.__experimentalCreateOnChangeEditableValue){let o={};e.__experimentalGetPropsForEditableTreeChangeHandler&&(o=e.__experimentalGetPropsForEditableTreeChangeHandler(a,{richTextIdentifier:n,blockClientId:t}));const r=Uw(s,e.name);p.push(e.__experimentalCreateOnChangeEditableValue({..."object"==typeof r?r:{},...o},{richTextIdentifier:n,blockClientId:t}))}})),{formatTypes:i,prepareHandlers:c,valueHandlers:d,changeHandlers:p,dependencies:m}}({clientId:F,identifier:x,withoutInteractiveFormatting:E,allowedFormats:Z});function ie(e){return te.forEach((t=>{t.__experimentalCreatePrepareEditableTree&&(e=(0,$.removeFormat)(e,t.name,0,e.text.length))})),e.formats}const{value:se,onChange:ae,ref:ce}=(0,$.__unstableUseRichText)({value:X,onChange(e,t){let{__unstableFormats:n,__unstableText:o}=t;J(e),Object.values(re).forEach((e=>{e(n,o)}))},selectionStart:V,selectionEnd:H,onSelectionChange:ee,placeholder:k,__unstableIsSelected:G,__unstableMultilineTag:Y,__unstableDisableFormats:P,preserveWhiteSpace:T,__unstableDependencies:[...le,r],__unstableAfterParse:function(e){return oe.reduce(((t,n)=>n(t,e.text)),e.formats)},__unstableBeforeSerialize:ie,__unstableAddInvisibleFormats:function(e){return ne.reduce(((t,n)=>n(t,e.text)),e.formats)}}),ue=function(e){return(0,h.__unstableUseAutocompleteProps)({...e,completers:hC(e)})}({onReplace:_,completers:b,record:se,onChange:ae});!function(e){let{html:t,value:n}=e;const o=(0,u.useRef)(),r=n.activeFormats&&!!n.activeFormats.length,{__unstableMarkLastChangeAsPersistent:l}=(0,g.useDispatch)(E_);(0,u.useLayoutEffect)((()=>{if(o.current){if(o.current!==n.text){const e=window.setTimeout((()=>{l()}),1e3);return o.current=n.text,()=>{window.clearTimeout(e)}}l()}else o.current=n.text}),[t,r])}({html:X,value:se});const de=(0,u.useRef)(new Set),pe=(0,u.useRef)(new Set);function me(){var e;null===(e=z.current)||void 0===e||e.focus()}const ge=r;return(0,u.createElement)(u.Fragment,null,G&&(0,u.createElement)(Yw.Provider,{value:de},(0,u.createElement)(Zw.Provider,{value:pe},(0,u.createElement)(h.Popover.__unstableSlotNameProvider,{value:"__unstable-block-tools-after"},o&&o({value:se,onChange:ae,onFocus:me}),(0,u.createElement)(qw,{value:se,onChange:ae,onFocus:me,formatTypes:te,forwardedRef:z})))),G&&Q&&(0,u.createElement)(Bw,{inline:f,editableContentElement:z.current,value:se}),(0,u.createElement)(ge,c({role:"textbox","aria-multiline":!L,"aria-label":k},O,ue,{ref:(0,m.useMergeRefs)([n,ue.ref,O.ref,ce,Ow({value:se,onChange:ae}),zw({value:se,onChange:ae,__unstableAllowPrefixTransformations:A,formatTypes:te,onReplace:_,selectionChange:q}),Ww(),(0,m.useRefEffect)((e=>{function t(e){(md.isKeyboardEvent.primary(e,"z")||md.isKeyboardEvent.primary(e,"y")||md.isKeyboardEvent.primaryShift(e,"z"))&&e.preventDefault()}return e.addEventListener("keydown",t),()=>{e.addEventListener("keydown",t)}}),[]),$w(de),jw(pe),Iw(),Rw({isSelected:G,disableFormats:P,onChange:ae,value:se,formatTypes:te,tagName:r,onReplace:_,onSplit:w,onSplitMiddle:I,__unstableEmbedURLOnPaste:N,multilineTag:Y,preserveWhiteSpace:T,pastePlainText:M}),Fw({removeEditorOnlyFormats:ie,value:se,onReplace:_,onSplit:w,onSplitMiddle:I,multilineTag:Y,onChange:ae,disableLineBreaks:L,onSplitAtEnd:B}),Kw(),z]),contentEditable:!0,suppressContentEditableWarning:!0,className:p()("block-editor-rich-text__editable",O.className,"rich-text"),onFocus:R,onKeyDown:function(e){const{keyCode:t}=e;if(!e.defaultPrevented&&(t===md.DELETE||t===md.BACKSPACE)){const{start:n,end:o,text:r}=se,l=t===md.BACKSPACE,i=se.activeFormats&&!!se.activeFormats.length;if(!(0,$.isCollapsed)(se)||i||l&&0!==n||!l&&o!==r.length)return;S&&S(!l),C&&(0,$.isEmpty)(se)&&l&&C(!l),e.preventDefault()}}})))}));Qw.Content=e=>{let{value:t,tagName:n,multiline:o,...r}=e;Array.isArray(t)&&(W()("wp.blockEditor.RichText value prop as children type",{since:"6.1",version:"6.3",alternative:"value prop as string",link:"https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/"}),t=s.children.toHTML(t));const l=Mw(o);!t&&l&&(t=`<${l}>`);const i=(0,u.createElement)(u.RawHTML,null,t);if(n){const{format:e,...t}=r;return(0,u.createElement)(n,t,i)}return i},Qw.isEmpty=e=>!e||0===e.length;var Xw=Qw;const Jw=(0,u.forwardRef)(((e,t)=>(0,u.createElement)(Xw,c({ref:t},e,{__unstableDisableFormats:!0,preserveWhiteSpace:!0}))));Jw.Content=e=>{let{value:t="",tagName:n="div",...o}=e;return(0,u.createElement)(n,o,t)};var eB=Jw;var tB=(0,u.forwardRef)(((e,t)=>{let{__experimentalVersion:n,...o}=e;if(2===n)return(0,u.createElement)(eB,c({ref:t},o));const{className:r,onChange:l,...i}=o;return(0,u.createElement)(ts.Z,c({ref:t,className:p()("block-editor-plain-text",r),onChange:e=>l(e.target.value)},i))}));function nB(e){let{property:t,viewport:n,desc:o}=e;const r=(0,m.useInstanceId)(nB),l=o||(0,k.sprintf)((0,k._x)("Controls the %1$s property for %2$s viewports.","Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size."),t,n.label);return(0,u.createElement)(u.Fragment,null,(0,u.createElement)("span",{"aria-describedby":`rbc-desc-${r}`},n.label),(0,u.createElement)(h.VisuallyHidden,{as:"span",id:`rbc-desc-${r}`},l))}var oB=function(e){const{title:t,property:n,toggleLabel:o,onIsResponsiveChange:r,renderDefaultControl:l,renderResponsiveControls:i,isResponsive:s=!1,defaultLabel:a={id:"all",label:(0,k.__)("All")},viewports:c=[{id:"small",label:(0,k.__)("Small screens")},{id:"medium",label:(0,k.__)("Medium screens")},{id:"large",label:(0,k.__)("Large screens")}]}=e;if(!t||!n||!l)return null;const d=o||(0,k.sprintf)((0,k.__)("Use the same %s on all screensizes."),n),m=(0,k.__)("Toggle between using the same value for all screen sizes or using a unique value per screen size."),g=l((0,u.createElement)(nB,{property:n,viewport:a}),a);return(0,u.createElement)("fieldset",{className:"block-editor-responsive-block-control"},(0,u.createElement)("legend",{className:"block-editor-responsive-block-control__title"},t),(0,u.createElement)("div",{className:"block-editor-responsive-block-control__inner"},(0,u.createElement)(h.ToggleControl,{className:"block-editor-responsive-block-control__toggle",label:d,checked:!s,onChange:r,help:m}),(0,u.createElement)("div",{className:p()("block-editor-responsive-block-control__group",{"is-responsive":s})},!s&&g,s&&(i?i(c):c.map((e=>(0,u.createElement)(u.Fragment,{key:e.id},l((0,u.createElement)(nB,{property:n,viewport:e}),e))))))))};function rB(e){let{character:t,type:n,onUse:o}=e;const r=(0,u.useContext)(Yw),l=(0,u.useRef)();return l.current=o,(0,u.useEffect)((()=>{function e(e){md.isKeyboardEvent[n](e,t)&&(l.current(),e.preventDefault())}return r.current.add(e),()=>{r.current.delete(e)}}),[t,n]),null}function lB(e){let t,{name:n,shortcutType:o,shortcutCharacter:r,...l}=e,i="RichText.ToolbarControls";return n&&(i+=`.${n}`),o&&r&&(t=md.displayShortcut[o](r)),(0,u.createElement)(h.Fill,{name:i},(0,u.createElement)(h.ToolbarButton,c({},l,{shortcut:t})))}function iB(e){let{inputType:t,onInput:n}=e;const o=(0,u.useContext)(Zw),r=(0,u.useRef)();return r.current=n,(0,u.useEffect)((()=>{function e(e){e.inputType===t&&(r.current(),e.preventDefault())}return o.current.add(e),()=>{o.current.delete(e)}}),[t]),null}const sB=(0,u.createElement)(h.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},(0,u.createElement)(h.Path,{d:"M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z"}));var aB=(0,u.forwardRef)((function(e,t){const n=(0,g.useSelect)((e=>e(E_).__unstableGetEditorMode()),[]),{__unstableSetEditorMode:o}=(0,g.useDispatch)(E_);return(0,u.createElement)(h.Dropdown,{renderToggle:o=>{let{isOpen:r,onToggle:l}=o;return(0,u.createElement)(h.Button,c({},e,{ref:t,icon:"navigation"===n?sB:Gb,"aria-expanded":r,"aria-haspopup":"true",onClick:l,label:(0,k.__)("Tools")}))},popoverProps:{placement:"bottom-start"},renderContent:()=>(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.NavigableMenu,{role:"menu","aria-label":(0,k.__)("Tools")},(0,u.createElement)(h.MenuItemsChoice,{value:"navigation"===n?"navigation":"edit",onSelect:o,choices:[{value:"edit",label:(0,u.createElement)(u.Fragment,null,(0,u.createElement)(Jd,{icon:Gb}),(0,k.__)("Edit"))},{value:"navigation",label:(0,u.createElement)(u.Fragment,null,sB,(0,k.__)("Select"))}]})),(0,u.createElement)("div",{className:"block-editor-tool-selector__help"},(0,k.__)("Tools provide different interactions for selecting, navigating, and editing blocks. Toggle between select and edit by pressing Escape and Enter.")))})}));function cB(e){let{units:t,...n}=e;const o=(0,h.__experimentalUseCustomUnits)({availableUnits:qr("spacing.units")||["%","px","em","rem","vw"],units:t});return(0,u.createElement)(h.__experimentalUnitControl,c({units:o},n))}var uB=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M20 11.2H6.8l3.7-3.7-1-1L3.9 12l5.6 5.5 1-1-3.7-3.7H20z"}));class dB extends u.Component{constructor(){super(...arguments),this.toggle=this.toggle.bind(this),this.submitLink=this.submitLink.bind(this),this.state={expanded:!1}}toggle(){this.setState({expanded:!this.state.expanded})}submitLink(e){e.preventDefault(),this.toggle()}render(){const{url:e,onChange:t}=this.props,{expanded:n}=this.state,o=e?(0,k.__)("Edit link"):(0,k.__)("Insert link");return(0,u.createElement)("div",{className:"block-editor-url-input__button"},(0,u.createElement)(h.Button,{icon:tl,label:o,onClick:this.toggle,className:"components-toolbar__control",isPressed:!!e}),n&&(0,u.createElement)("form",{className:"block-editor-url-input__button-modal",onSubmit:this.submitLink},(0,u.createElement)("div",{className:"block-editor-url-input__button-modal-line"},(0,u.createElement)(h.Button,{className:"block-editor-url-input__back",icon:uB,label:(0,k.__)("Close"),onClick:this.toggle}),(0,u.createElement)(hb,{__nextHasNoMarginBottom:!0,value:e||"",onChange:t}),(0,u.createElement)(h.Button,{icon:gw,label:(0,k.__)("Submit"),type:"submit"}))))}}var pB=dB;var mB=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"}));const gB="none",fB="custom",hB="media",vB="attachment",bB=["noreferrer","noopener"],_B=(0,u.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(h.Path,{d:"M0,0h24v24H0V0z",fill:"none"}),(0,u.createElement)(h.Path,{d:"m19 5v14h-14v-14h14m0-2h-14c-1.1 0-2 0.9-2 2v14c0 1.1 0.9 2 2 2h14c1.1 0 2-0.9 2-2v-14c0-1.1-0.9-2-2-2z"}),(0,u.createElement)(h.Path,{d:"m14.14 11.86l-3 3.87-2.14-2.59-3 3.86h12l-3.86-5.14z"})),kB=e=>{let{linkDestination:t,onChangeUrl:n,url:o,mediaType:r="image",mediaUrl:l,mediaLink:i,linkTarget:s,linkClass:a,rel:c}=e;const[d,p]=(0,u.useState)(!1),[m,g]=(0,u.useState)(null),f=(0,u.useCallback)((()=>{p(!0)})),[v,b]=(0,u.useState)(!1),[_,y]=(0,u.useState)(null),E=(0,u.useRef)(null),C=(0,u.useCallback)((()=>{t!==hB&&t!==vB||y(""),b(!0)})),S=(0,u.useCallback)((()=>{b(!1)})),w=(0,u.useCallback)((()=>{y(null),S(),p(!1)})),B=(0,u.useCallback)((()=>e=>{const t=E.current;t&&t.contains(e.target)||(p(!1),y(null),S())})),I=(0,u.useCallback)((()=>e=>{if(_){var t;const e=(null===(t=T().find((e=>e.url===_)))||void 0===t?void 0:t.linkDestination)||fB;n({href:_,linkDestination:e})}S(),y(null),e.preventDefault()})),x=(0,u.useCallback)((()=>{n({linkDestination:gB,href:""})})),T=()=>{const e=[{linkDestination:hB,title:(0,k.__)("Media File"),url:"image"===r?l:void 0,icon:_B}];return"image"===r&&i&&e.push({linkDestination:vB,title:(0,k.__)("Attachment Page"),url:"image"===r?i:void 0,icon:(0,u.createElement)(h.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(h.Path,{d:"M0 0h24v24H0V0z",fill:"none"}),(0,u.createElement)(h.Path,{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z"}))}),e},M=(0,u.createElement)(h.__experimentalVStack,{spacing:"3"},(0,u.createElement)(h.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Open in new tab"),onChange:e=>{const t=(e=>{const t=e?"_blank":void 0;let n;if(t){const e=(null!=c?c:"").split(" ");bB.forEach((t=>{e.includes(t)||e.push(t)})),n=e.join(" ")}else{const e=(null!=c?c:"").split(" ").filter((e=>!1===bB.includes(e)));n=e.length?e.join(" "):void 0}return{linkTarget:t,rel:n}})(e);n(t)},checked:"_blank"===s}),(0,u.createElement)(h.TextControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Link rel"),value:null!=c?c:"",onChange:e=>{n({rel:e})}}),(0,u.createElement)(h.TextControl,{__nextHasNoMarginBottom:!0,label:(0,k.__)("Link CSS Class"),value:a||"",onChange:e=>{n({linkClass:e})}})),N=null!==_?_:o,P=(T().find((e=>e.linkDestination===t))||{}).title;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.ToolbarButton,{icon:tl,className:"components-toolbar__control",label:o?(0,k.__)("Edit link"):(0,k.__)("Insert link"),"aria-expanded":d,onClick:f,ref:g}),d&&(0,u.createElement)(vw,{anchor:m,onFocusOutside:B(),onClose:w,renderSettings:()=>M,additionalControls:!N&&(0,u.createElement)(h.NavigableMenu,null,T().map((e=>(0,u.createElement)(h.MenuItem,{key:e.linkDestination,icon:e.icon,onClick:()=>{y(null),(e=>{const t=T();let o;o=e?(t.find((t=>t.url===e))||{linkDestination:fB}).linkDestination:gB,n({linkDestination:o,href:e})})(e.url),S()}},e.title))))},(!o||v)&&(0,u.createElement)(vw.LinkEditor,{className:"block-editor-format-toolbar__link-container-content",value:N,onChangeInputValue:y,onSubmit:I(),autocompleteRef:E}),o&&!v&&(0,u.createElement)(u.Fragment,null,(0,u.createElement)(vw.LinkViewer,{className:"block-editor-format-toolbar__link-container-content",url:o,onEditLinkClick:C,urlLabel:P}),(0,u.createElement)(h.Button,{icon:mB,label:(0,k.__)("Remove link"),onClick:x}))))};function yB(e){let{children:t,viewLabel:n,className:o,isEnabled:r=!0,deviceType:l,setDeviceType:i}=e;if((0,m.useViewportMatch)("small","<"))return null;const s={className:p()(o,"block-editor-post-preview__dropdown-content"),position:"bottom left"},a={variant:"tertiary",className:"block-editor-post-preview__button-toggle",disabled:!r,children:n},c={"aria-label":(0,k.__)("View options")};return(0,u.createElement)(h.DropdownMenu,{className:"block-editor-post-preview__dropdown",popoverProps:s,toggleProps:a,menuProps:c,icon:null},(()=>(0,u.createElement)(u.Fragment,null,(0,u.createElement)(h.MenuGroup,null,(0,u.createElement)(h.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>i("Desktop"),icon:"Desktop"===l&&cm},(0,k.__)("Desktop")),(0,u.createElement)(h.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>i("Tablet"),icon:"Tablet"===l&&cm},(0,k.__)("Tablet")),(0,u.createElement)(h.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>i("Mobile"),icon:"Mobile"===l&&cm},(0,k.__)("Mobile"))),t)))}function EB(e){const[t,n]=(0,u.useState)(window.innerWidth);(0,u.useEffect)((()=>{if("Desktop"===e)return;const t=()=>n(window.innerWidth);return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}}),[e]);const o=e=>{let n;switch(e){case"Tablet":n=780;break;case"Mobile":n=360;break;default:return null}return n{const t="Mobile"===e?"768px":"1024px";switch(e){case"Tablet":case"Mobile":return{width:o(e),margin:(window.innerHeight<800?36:72)+"px auto",height:t,borderRadius:"2px 2px 2px 2px",border:"1px solid #ddd",overflowY:"auto"};default:return null}})(e)}var CB=(0,g.withSelect)((e=>({selectedBlockClientId:e(E_).getBlockSelectionStart()})))((e=>{let{selectedBlockClientId:t}=e;const n=Tr(t);return t?(0,u.createElement)(h.Button,{variant:"secondary",className:"block-editor-skip-to-selected-block",onClick:()=>{n.current.focus()}},(0,k.__)("Skip to the selected block")):null})),SB=window.wp.wordcount;var wB=(0,g.withSelect)((e=>{const{getMultiSelectedBlocks:t}=e(E_);return{blocks:t()}}))((function(e){let{blocks:t}=e;const n=(0,SB.count)((0,s.serialize)(t),"words");return(0,u.createElement)("div",{className:"block-editor-multi-selection-inspector__card"},(0,u.createElement)(Ai,{icon:rm,showColors:!0}),(0,u.createElement)("div",{className:"block-editor-multi-selection-inspector__card-content"},(0,u.createElement)("div",{className:"block-editor-multi-selection-inspector__card-title"},(0,k.sprintf)((0,k._n)("%d block","%d blocks",t.length),t.length)),(0,u.createElement)("div",{className:"block-editor-multi-selection-inspector__card-description"},(0,k.sprintf)((0,k._n)("%d word","%d words",n),n))))}));function BB(e){let{blockName:t}=e;const{preferredStyle:n,onUpdatePreferredStyleVariations:o,styles:r}=(0,g.useSelect)((e=>{var n,o;const r=e(E_).getSettings().__experimentalPreferredStyleVariations;return{preferredStyle:null==r||null===(n=r.value)||void 0===n?void 0:n[t],onUpdatePreferredStyleVariations:null!==(o=null==r?void 0:r.onChange)&&void 0!==o?o:null,styles:e(s.store).getBlockStyles(t)}}),[t]),l=(0,u.useMemo)((()=>[{label:(0,k.__)("Not set"),value:""},...r.map((e=>{let{label:t,name:n}=e;return{label:t,value:n}}))]),[r]),i=(0,u.useMemo)((()=>{var e;return null===(e=mm(r))||void 0===e?void 0:e.name}),[r]),a=(0,u.useCallback)((e=>{o(t,e)}),[t,o]);return n&&n!==i?o&&(0,u.createElement)("div",{className:"default-style-picker__default-switcher"},(0,u.createElement)(h.SelectControl,{__nextHasNoMarginBottom:!0,options:l,value:n||"",label:(0,k.__)("Default Style"),onChange:a})):null}var IB=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{fillRule:"evenodd",d:"M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",clipRule:"evenodd"}));const xB=(0,u.createElement)(G.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,u.createElement)(G.Path,{d:"M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z"}));const TB={name:"settings",title:"Settings",value:"settings",icon:IB,className:"block-editor-block-inspector__tab-item"},MB={name:"styles",title:"Styles",value:"styles",icon:xB,className:"block-editor-block-inspector__tab-item"},NB={name:"list",title:"List View",value:"list-view",icon:IC,className:"block-editor-block-inspector__tab-item"};var PB=()=>{const e=(0,h.__experimentalUseSlotFills)(Sl.slotName);return Boolean(e&&e.length)?(0,u.createElement)(h.PanelBody,{className:"block-editor-block-inspector__advanced",title:(0,k.__)("Advanced"),initialOpen:!1},(0,u.createElement)(wl.Slot,{group:"advanced"})):null};var LB=()=>{const e=(0,h.__experimentalUseSlotFills)(ml.position.Slot.__unstableName);return Boolean(e&&e.length)?(0,u.createElement)(h.PanelBody,{className:"block-editor-block-inspector__position",title:(0,k.__)("Position"),initialOpen:!1},(0,u.createElement)(wl.Slot,{group:"position"})):null};var RB=e=>{let{showAdvancedControls:t=!1}=e;return(0,u.createElement)(u.Fragment,null,(0,u.createElement)(wl.Slot,null),(0,u.createElement)(LB,null),t&&(0,u.createElement)("div",null,(0,u.createElement)(PB,null)))};var AB=e=>{let{blockName:t,clientId:n,hasBlockStyles:o}=e;return(0,u.createElement)(u.Fragment,null,o&&(0,u.createElement)("div",null,(0,u.createElement)(h.PanelBody,{title:(0,k.__)("Styles")},(0,u.createElement)(XC,{clientId:n}),(0,s.hasBlockSupport)(t,"defaultStylePicker",!0)&&(0,u.createElement)(BB,{blockName:t}))),(0,u.createElement)(wl.Slot,{group:"color",label:(0,k.__)("Color"),className:"color-block-support-panel__inner-wrapper"}),(0,u.createElement)(wl.Slot,{group:"typography",label:(0,k.__)("Typography")}),(0,u.createElement)(wl.Slot,{group:"dimensions",label:(0,k.__)("Dimensions")}),(0,u.createElement)(wl.Slot,{group:"border",label:(0,k.__)("Border")}),(0,u.createElement)(wl.Slot,{group:"styles"}))};const OB=["core/navigation"];var DB=e=>!OB.includes(e);function zB(e){let{blockName:t,clientId:n,hasBlockStyles:o,tabs:r}=e;const l=DB(t)?void 0:NB.name;return(0,u.createElement)(h.TabPanel,{className:"block-editor-block-inspector__tabs",tabs:r,initialTabName:l,key:n},(e=>e.name===TB.name?(0,u.createElement)(RB,{showAdvancedControls:!!t}):e.name===MB.name?(0,u.createElement)(AB,{blockName:t,clientId:n,hasBlockStyles:o}):e.name===NB.name?(0,u.createElement)(wl.Slot,{group:"list"}):void 0))}const FB=[];function VB(e){const t=[],{border:n,color:o,default:r,dimensions:l,list:i,position:s,styles:a,typography:c}=ml,u=DB(e),d=(0,h.__experimentalUseSlotFills)(i.Slot.__unstableName),p=!u&&!!d&&d.length,m=[...(0,h.__experimentalUseSlotFills)(n.Slot.__unstableName)||[],...(0,h.__experimentalUseSlotFills)(o.Slot.__unstableName)||[],...(0,h.__experimentalUseSlotFills)(l.Slot.__unstableName)||[],...(0,h.__experimentalUseSlotFills)(a.Slot.__unstableName)||[],...(0,h.__experimentalUseSlotFills)(c.Slot.__unstableName)||[]].length,f=(0,h.__experimentalUseSlotFills)(Sl.slotName)||[],v=[...(0,h.__experimentalUseSlotFills)(r.Slot.__unstableName)||[],...(0,h.__experimentalUseSlotFills)(s.Slot.__unstableName)||[],...p&&m>1?f:[]];p&&t.push(NB),v.length&&t.push(TB),m&&t.push(MB);const b=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return void 0!==t[e]?t[e]:void 0===t.default||t.default}(e,(0,g.useSelect)((e=>e(E_).getSettings().blockInspectorTabs),[]));return b?t:FB}function HB(e,t){const n=(0,u.useMemo)((()=>e.reduce(((e,t)=>("core/list-item"!==t.name&&Object.entries(t.attributes).some((e=>{let[,{__experimentalRole:t}]=e;return"content"===t}))&&(e[t.name]=!0),e)),{})),[e]),o=(0,u.useCallback)((e=>!!n[e]),[e]);return(0,u.useMemo)((()=>GB([t],o)),[t,o])}function GB(e,t){const n=[];for(const o of e)t(o.name)&&n.push(o),n.push(...GB(o.innerBlocks,t));return n}function UB(e){let{blockTypes:t,block:n,selectedBlock:o}=e;const{selectBlock:r}=(0,g.useDispatch)(E_),l=t.find((e=>{let{name:t}=e;return t===n.name})),i=o&&o.clientId===n.clientId;return(0,u.createElement)(h.Button,{isPressed:i,onClick:()=>r(n.clientId)},(0,u.createElement)(h.__experimentalHStack,{justify:"flex-start"},(0,u.createElement)(Ai,{icon:l.icon}),(0,u.createElement)(h.FlexItem,null,l.title)))}function $B(e){let{topLevelLockedBlock:t}=e;const{blockTypes:n,block:o,selectedBlock:r}=(0,g.useSelect)((e=>({blockTypes:e(s.store).getBlockTypes(),block:e(E_).getBlock(t),selectedBlock:e(E_).getSelectedBlock()})),[t]),l=Ii(t),i=HB(n,o);return(0,u.createElement)("div",{className:"block-editor-block-inspector"},(0,u.createElement)(Oi,c({},l,{className:l.isSynced&&"is-synced"})),(0,u.createElement)(mS,{blockClientId:t}),(0,u.createElement)(h.__experimentalVStack,{spacing:1,padding:4,className:"block-editor-block-inspector__block-buttons-container"},(0,u.createElement)("h2",{className:"block-editor-block-card__title"},(0,k.__)("Content")),i.map((e=>(0,u.createElement)(UB,{selectedBlock:r,key:e.clientId,block:e,blockTypes:n})))))}const jB=e=>{let{animate:t,wrapper:n,children:o}=e;return t?n(o):o},WB=e=>{let{blockInspectorAnimationSettings:t,selectedBlockClientId:n,children:o}=e;const r=t&&"leftToRight"===t.enterDirection?-50:50;return(0,u.createElement)(h.__unstableMotion.div,{animate:{x:0,opacity:1,transition:{ease:"easeInOut",duration:.14}},initial:{x:r,opacity:0},key:n},o)},KB=e=>{let{clientId:t,blockName:n}=e;const o=VB(n),r=(null==o?void 0:o.length)>1,l=(0,g.useSelect)((e=>{const{getBlockStyles:t}=e(s.store),o=t(n);return o&&o.length>0}),[n]),i=Ii(t);return(0,u.createElement)("div",{className:"block-editor-block-inspector"},(0,u.createElement)(Oi,c({},i,{className:i.isSynced&&"is-synced"})),(0,u.createElement)(mS,{blockClientId:t}),r&&(0,u.createElement)(zB,{hasBlockStyles:l,clientId:t,blockName:n,tabs:o}),!r&&(0,u.createElement)(u.Fragment,null,l&&(0,u.createElement)("div",null,(0,u.createElement)(h.PanelBody,{title:(0,k.__)("Styles")},(0,u.createElement)(XC,{clientId:t}),(0,s.hasBlockSupport)(n,"defaultStylePicker",!0)&&(0,u.createElement)(BB,{blockName:n}))),(0,u.createElement)(wl.Slot,null),(0,u.createElement)(wl.Slot,{group:"color",label:(0,k.__)("Color"),className:"color-block-support-panel__inner-wrapper"}),(0,u.createElement)(wl.Slot,{group:"typography",label:(0,k.__)("Typography")}),(0,u.createElement)(wl.Slot,{group:"dimensions",label:(0,k.__)("Dimensions")}),(0,u.createElement)(wl.Slot,{group:"border",label:(0,k.__)("Border")}),(0,u.createElement)(wl.Slot,{group:"styles"}),(0,u.createElement)(LB,null),(0,u.createElement)("div",null,(0,u.createElement)(PB,null))),(0,u.createElement)(CB,{key:"back"}))};var qB=e=>{let{showNoBlockSelectedMessage:t=!0}=e;const{count:n,selectedBlockName:o,selectedBlockClientId:r,blockType:l,topLevelLockedBlock:i}=(0,g.useSelect)((e=>{const{getSelectedBlockClientId:t,getSelectedBlockCount:n,getBlockName:o,__unstableGetContentLockingParent:r,getTemplateLock:l}=e(E_),i=t(),a=i&&o(i),c=a&&(0,s.getBlockType)(a);return{count:n(),selectedBlockClientId:i,selectedBlockName:a,blockType:c,topLevelLockedBlock:r(i)||("contentOnly"===l(i)?i:void 0)}}),[]),a=VB(null==l?void 0:l.name),c=(null==a?void 0:a.length)>1,d=(0,g.useSelect)((e=>{if(l){const t=e(E_).getSettings().__experimentalBlockInspectorAnimation;return null==t?void 0:t[l.name]}return null}),[r,l]);if(n>1)return(0,u.createElement)("div",{className:"block-editor-block-inspector"},(0,u.createElement)(wB,null),c?(0,u.createElement)(zB,{tabs:a}):(0,u.createElement)(u.Fragment,null,(0,u.createElement)(wl.Slot,null),(0,u.createElement)(wl.Slot,{group:"color",label:(0,k.__)("Color"),className:"color-block-support-panel__inner-wrapper"}),(0,u.createElement)(wl.Slot,{group:"typography",label:(0,k.__)("Typography")}),(0,u.createElement)(wl.Slot,{group:"dimensions",label:(0,k.__)("Dimensions")}),(0,u.createElement)(wl.Slot,{group:"border",label:(0,k.__)("Border")}),(0,u.createElement)(wl.Slot,{group:"styles"})));const p=o===(0,s.getUnregisteredTypeHandlerName)();return l&&r&&!p?i?(0,u.createElement)($B,{topLevelLockedBlock:i}):(0,u.createElement)(jB,{animate:d,wrapper:e=>(0,u.createElement)(WB,{blockInspectorAnimationSettings:d,selectedBlockClientId:r},e)},(0,u.createElement)(KB,{clientId:r,blockName:l.name})):t?(0,u.createElement)("span",{className:"block-editor-block-inspector__no-blocks"},(0,k.__)("No block selected.")):null};var YB=function(e){let{__unstableContentRef:t}=e;const[n,o]=(0,u.useState)(!1),r=(0,g.useSelect)((e=>e(E_).getBlockOrder()),[]);return(0,u.useEffect)((()=>{const e=setTimeout((()=>{o(!0)}),500);return()=>{clearTimeout(e)}}),[]),n?r.map(((e,n)=>n===r.length-1?null:(0,u.createElement)(Cp,{key:e,previousClientId:e,nextClientId:r[n+1],__unstableContentRef:t},(0,u.createElement)("div",{className:"block-editor-block-list__insertion-point-inserter is-with-inserter"},(0,u.createElement)(eb,{position:"bottom center",clientId:r[n+1],__experimentalIsQuick:!0}))))):null};function ZB(e){const{__unstableGetEditorMode:t,getSettings:n,isTyping:o}=e(E_);return{isZoomOutMode:"zoom-out"===t(),hasFixedToolbar:n().hasFixedToolbar,isTyping:o()}}function QB(e){let{children:t,__unstableContentRef:n,...o}=e;const r=(0,m.useViewportMatch)("medium"),{hasFixedToolbar:l,isZoomOutMode:i,isTyping:s}=(0,g.useSelect)(ZB,[]),a=(0,Pp.__unstableUseShortcutEventMatch)(),{getSelectedBlockClientIds:d,getBlockRootClientId:p}=(0,g.useSelect)(E_),{duplicateBlocks:f,removeBlocks:v,insertAfterBlock:b,insertBeforeBlock:_,clearSelectedBlock:k,moveBlocksUp:y,moveBlocksDown:E}=(0,g.useDispatch)(E_);const C=xl(n),S=xl(n);return(0,u.createElement)("div",c({},o,{onKeyDown:function(e){if(!e.defaultPrevented)if(a("core/block-editor/move-up",e)){const t=d();if(t.length){e.preventDefault();const n=p(t[0]);y(t,n)}}else if(a("core/block-editor/move-down",e)){const t=d();if(t.length){e.preventDefault();const n=p(t[0]);E(t,n)}}else if(a("core/block-editor/duplicate",e)){const t=d();t.length&&(e.preventDefault(),f(t))}else if(a("core/block-editor/remove",e)){const t=d();t.length&&(e.preventDefault(),v(t))}else if(a("core/block-editor/insert-after",e)){const t=d();t.length&&(e.preventDefault(),b(t[t.length-1]))}else if(a("core/block-editor/insert-before",e)){const t=d();t.length&&(e.preventDefault(),_(t[0]))}else if(a("core/block-editor/unselect",e)){d().length&&(e.preventDefault(),k(),e.target.ownerDocument.defaultView.getSelection().removeAllRanges(),null==n||n.current.focus())}}}),(0,u.createElement)(Bp.Provider,{value:(0,u.useRef)(!1)},!s&&(0,u.createElement)(xp,{__unstableContentRef:n}),!i&&(l||!r)&&(0,u.createElement)(Tg,{isFixed:!0}),(0,u.createElement)(Zg,{__unstableContentRef:n}),(0,u.createElement)(h.Popover.Slot,{name:"block-toolbar",ref:C}),t,(0,u.createElement)(h.Popover.Slot,{name:"__unstable-block-tools-after",ref:S}),i&&(0,u.createElement)(YB,{__unstableContentRef:n})))}const XB=()=>{};var JB=(0,u.forwardRef)((function(e,t){let{rootClientId:n,clientId:o,isAppender:r,showInserterHelpPanel:l,showMostUsedBlocks:i=!1,__experimentalInsertionIndex:s,__experimentalFilterValue:a,onSelect:c=XB,shouldFocusBlock:d=!1}=e;const{destinationRootClientId:p,prioritizePatterns:m}=(0,g.useSelect)((e=>{const{getBlockRootClientId:t,getSettings:r}=e(E_);return{destinationRootClientId:n||t(o)||void 0,prioritizePatterns:r().__experimentalPreferPatternsOnRoot}}),[o,n]);return(0,u.createElement)(Zv,{onSelect:c,rootClientId:p,clientId:o,isAppender:r,showInserterHelpPanel:l,showMostUsedBlocks:i,__experimentalInsertionIndex:s,__experimentalFilterValue:a,shouldFocusBlock:d,prioritizePatterns:m,ref:t})}));function eI(){return null}eI.Register=function(){const{registerShortcut:e}=(0,g.useDispatch)(Pp.store);return(0,u.useEffect)((()=>{e({name:"core/block-editor/duplicate",category:"block",description:(0,k.__)("Duplicate the selected block(s)."),keyCombination:{modifier:"primaryShift",character:"d"}}),e({name:"core/block-editor/remove",category:"block",description:(0,k.__)("Remove the selected block(s)."),keyCombination:{modifier:"access",character:"z"}}),e({name:"core/block-editor/insert-before",category:"block",description:(0,k.__)("Insert a new block before the selected block(s)."),keyCombination:{modifier:"primaryAlt",character:"t"}}),e({name:"core/block-editor/insert-after",category:"block",description:(0,k.__)("Insert a new block after the selected block(s)."),keyCombination:{modifier:"primaryAlt",character:"y"}}),e({name:"core/block-editor/delete-multi-selection",category:"block",description:(0,k.__)("Delete selection."),keyCombination:{character:"del"},aliases:[{character:"backspace"}]}),e({name:"core/block-editor/select-all",category:"selection",description:(0,k.__)("Select all text when typing. Press again to select all blocks."),keyCombination:{modifier:"primary",character:"a"}}),e({name:"core/block-editor/unselect",category:"selection",description:(0,k.__)("Clear selection."),keyCombination:{character:"escape"}}),e({name:"core/block-editor/focus-toolbar",category:"global",description:(0,k.__)("Navigate to the nearest toolbar."),keyCombination:{modifier:"alt",character:"F10"}}),e({name:"core/block-editor/move-up",category:"block",description:(0,k.__)("Move the selected block(s) up."),keyCombination:{modifier:"secondary",character:"t"}}),e({name:"core/block-editor/move-down",category:"block",description:(0,k.__)("Move the selected block(s) down."),keyCombination:{modifier:"secondary",character:"y"}})}),[e]),null};var tI=eI;function nI(){return W()("wp.blockEditor.MultiSelectScrollIntoView",{hint:"This behaviour is now built-in.",since:"5.8"}),null}const oI=new Set([md.UP,md.RIGHT,md.DOWN,md.LEFT,md.ENTER,md.BACKSPACE]);function rI(){const e=(0,g.useSelect)((e=>e(E_).isTyping()),[]),{stopTyping:t}=(0,g.useDispatch)(E_);return(0,m.useRefEffect)((n=>{if(!e)return;const{ownerDocument:o}=n;let r,l;function i(e){const{clientX:n,clientY:o}=e;r&&l&&(r!==n||l!==o)&&t(),r=n,l=o}return o.addEventListener("mousemove",i),()=>{o.removeEventListener("mousemove",i)}}),[e,t])}function lI(){const{isTyping:e,hasInlineToolbar:t}=(0,g.useSelect)((e=>{const{isTyping:t,getSettings:n}=e(E_);return{isTyping:t(),hasInlineToolbar:n().hasInlineToolbar}}),[]),{startTyping:n,stopTyping:o}=(0,g.useDispatch)(E_),r=rI(),l=(0,m.useRefEffect)((r=>{const{ownerDocument:l}=r,{defaultView:i}=l,s=i.getSelection();if(e){let c;function u(e){const{target:t}=e;c=i.setTimeout((()=>{(0,Di.isTextField)(t)||o()}))}function d(e){const{keyCode:t}=e;t!==md.ESCAPE&&t!==md.TAB||o()}function p(){s.isCollapsed||o()}return r.addEventListener("focus",u),r.addEventListener("keydown",d),t||l.addEventListener("selectionchange",p),()=>{i.clearTimeout(c),r.removeEventListener("focus",u),r.removeEventListener("keydown",d),l.removeEventListener("selectionchange",p)}}function a(e){const{type:t,target:o}=e;(0,Di.isTextField)(o)&&r.contains(o)&&("keydown"!==t||function(e){const{keyCode:t,shiftKey:n}=e;return!n&&oI.has(t)}(e))&&n()}return r.addEventListener("keypress",a),r.addEventListener("keydown",a),()=>{r.removeEventListener("keypress",a),r.removeEventListener("keydown",a)}}),[e,t,n,o]);return(0,m.useMergeRefs)([r,l])}var iI=function(e){let{children:t}=e;return(0,u.createElement)("div",{ref:lI()},t)};const sI=-1!==window.navigator.userAgent.indexOf("Trident"),aI=new Set([md.UP,md.DOWN,md.LEFT,md.RIGHT]);function cI(){const e=(0,g.useSelect)((e=>e(E_).hasSelectedBlock()),[]);return(0,m.useRefEffect)((t=>{if(!e)return;const{ownerDocument:n}=t,{defaultView:o}=n;let r,l,i;function s(){r||(r=o.requestAnimationFrame((()=>{p(),r=null})))}function a(e){l&&o.cancelAnimationFrame(l),l=o.requestAnimationFrame((()=>{c(e),l=null}))}function c(e){let{keyCode:r}=e;if(!m())return;const l=(0,Di.computeCaretRect)(o);if(!l)return;if(!i)return void(i=l);if(aI.has(r))return void(i=l);const s=l.top-i.top;if(0===s)return;const a=(0,Di.getScrollContainer)(t);if(!a)return;const c=a===n.body||a===n.documentElement,u=c?o.scrollY:a.scrollTop,d=c?0:a.getBoundingClientRect().top,p=c?i.top/o.innerHeight:(i.top-d)/(o.innerHeight-d);if(0===u&&p<.75&&function(){const e=t.querySelectorAll('[contenteditable="true"]');return e[e.length-1]===n.activeElement}())return void(i=l);const g=c?o.innerHeight:a.clientHeight;i.top+i.height>d+g||i.top{o.removeEventListener("scroll",s,!0),o.removeEventListener("resize",s,!0),t.removeEventListener("keydown",a),t.removeEventListener("keyup",c),t.removeEventListener("mousedown",u),t.removeEventListener("touchstart",u),n.removeEventListener("selectionchange",d),o.cancelAnimationFrame(r),o.cancelAnimationFrame(l)}}),[e])}var uI=sI?e=>e.children:function(e){let{children:t}=e;return(0,u.createElement)("div",{ref:cI(),className:"block-editor__typewriter"},t)};const dI=(0,u.createContext)({});function pI(e){let{children:t,uniqueId:n,blockName:o=""}=e;const r=(0,u.useContext)(dI),{name:l}=$r();o=o||l;const i=(0,u.useMemo)((()=>function(e,t,n){const o={...e,[t]:e[t]?new Set(e[t]):new Set};return o[t].add(n),o}(r,o,n)),[r,o,n]);return(0,u.createElement)(dI.Provider,{value:i},t)}function mI(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";const o=(0,u.useContext)(dI),{name:r}=$r();return n=n||r,Boolean(null===(t=o[n])||void 0===t?void 0:t.has(e))}var gI=(0,u.createElement)(G.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,u.createElement)(G.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"}));function fI(e){let{title:t,help:n,actions:o=[],onClose:r}=e;return(0,u.createElement)(h.__experimentalVStack,{className:"block-editor-inspector-popover-header",spacing:4},(0,u.createElement)(h.__experimentalHStack,{alignment:"center"},(0,u.createElement)(h.__experimentalHeading,{className:"block-editor-inspector-popover-header__heading",level:2,size:13},t),(0,u.createElement)(h.__experimentalSpacer,null),o.map((e=>{let{label:t,icon:n,onClick:o}=e;return(0,u.createElement)(h.Button,{key:t,className:"block-editor-inspector-popover-header__action",label:t,icon:n,variant:!n&&"tertiary",onClick:o},!n&&t)})),r&&(0,u.createElement)(h.Button,{className:"block-editor-inspector-popover-header__action",label:(0,k.__)("Close"),icon:gI,onClick:r})),n&&(0,u.createElement)(h.__experimentalText,null,n))}var hI=(0,u.forwardRef)((function(e,t){let{onClose:n,onChange:o,...r}=e;return(0,u.createElement)("div",{ref:t,className:"block-editor-publish-date-time-picker"},(0,u.createElement)(fI,{title:(0,k.__)("Publish"),actions:[{label:(0,k.__)("Now"),onClick:()=>null==o?void 0:o(null)}],onClose:n}),(0,u.createElement)(h.DateTimePicker,c({startOfWeek:(0,vS.getSettings)().l10n.startOfWeek,__nextRemoveHelpButton:!0,__nextRemoveResetButton:!0,onChange:o},r)))}));const vI={button:"wp-element-button",caption:"wp-element-caption"},bI=e=>vI[e]?vI[e]:"";function _I(e,t){return Object.entries(t).every((t=>{let[n,o]=t;return"object"==typeof o&&"object"==typeof e[n]?_I(e[n],o):e[n]===o}))}const kI=(e,t)=>{if(!t||!e)return;const n=t.filter((t=>{let{attributes:n}=t;return!(!n||!Object.keys(n).length)&&_I(e,n)}));return 1===n.length?n[0]:void 0};function yI(e){const t=null==e?void 0:e.trim().match(/^(0?[-.]?\d*\.?\d+)(r?e[m|x]|v[h|w|min|max]+|p[x|t|c]|[c|m]m|%|in|ch|Q|lh)$/);return isNaN(e)||isNaN(parseFloat(e))?t?{value:parseFloat(t[1])||t[1],unit:t[2]}:{value:e,unit:void 0}:{value:parseFloat(e),unit:"px"}}function EI(e,t){const n=e.split(/[(),]/g).filter(Boolean),o=n.slice(1).map((e=>yI(II(e,t)).value)).filter(Boolean);switch(n[0]){case"min":return Math.min(...o)+"px";case"max":return Math.max(...o)+"px";case"clamp":return 3!==o.length?null:o[1]o[2]?o[2]+"px":o[1]+"px";case"calc":return o[0]+"px"}}function CI(e){for(;;){const t=e,n=/(max|min|calc|clamp)\(([^()]*)\)/g.exec(e)||[];if(n[0]){const t=EI(n[0]);e=e.replace(n[0],t)}if(e===t||parseFloat(e))break}return yI(e)}function SI(e){for(let t=0;tr.height?r.width:r.height)*o,"%":("font"===r.type?r.fontSize:r.width)*o,ch:8,ex:7.15625,lh:r.lineHeight},i={in:n,cm:37.79527559055118,mm:3.7795275590551185,pt:1.3333333333333333,pc:16,px:1,Q:.9448818897637794};return l[e.unit]?(l[e.unit]*e.value).toFixed(0)+"px":i[e.unit]?(i[e.unit]*e.value).toFixed(0)+"px":null}function II(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Number.isFinite(e))return e.toFixed(0)+"px";if(void 0===e)return null;let n=yI(e);return n.unit||(n=CI(e)),SI(e)&&!n.unit?wI(e):BI(n,t)}const xI={};function TI(e){let t="";return e.hasOwnProperty("fontSize")&&(t=":"+e.width),e.hasOwnProperty("lineHeight")&&(t=":"+e.lineHeight),e.hasOwnProperty("width")&&(t=":"+e.width),e.hasOwnProperty("height")&&(t=":"+e.height),e.hasOwnProperty("type")&&(t=":"+e.type),t}var MI=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n=e+TI(t);return xI[n]||(xI[n]=II(e,t)),xI[n]}}(),(window.wp=window.wp||{}).blockEditor=o}(); \ No newline at end of file diff --git a/wp-includes/js/dist/block-library.js b/wp-includes/js/dist/block-library.js index d25fa929f6..234daff756 100644 --- a/wp-includes/js/dist/block-library.js +++ b/wp-includes/js/dist/block-library.js @@ -210,457 +210,82 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! /***/ }), -/***/ 5027: +/***/ 5619: /***/ (function(module) { -/*! Fast Average Color | © 2019 Denis Seleznev | MIT License | https://github.com/hcodes/fast-average-color/ */ -(function (global, factory) { - true ? module.exports = factory() : - 0; -}(this, (function () { 'use strict'; +"use strict"; -function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } -} -function _defineProperties(target, props) { - for (var i = 0; i < props.length; i++) { - var descriptor = props[i]; - descriptor.enumerable = descriptor.enumerable || false; - descriptor.configurable = true; - if ("value" in descriptor) descriptor.writable = true; - Object.defineProperty(target, descriptor.key, descriptor); - } -} +// do not edit .js files directly - edit src/index.jst -function _createClass(Constructor, protoProps, staticProps) { - if (protoProps) _defineProperties(Constructor.prototype, protoProps); - if (staticProps) _defineProperties(Constructor, staticProps); - return Constructor; -} -function _slicedToArray(arr, i) { - return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); -} + var envHasBigInt64Array = typeof BigInt64Array !== 'undefined'; -function _arrayWithHoles(arr) { - if (Array.isArray(arr)) return arr; -} -function _iterableToArrayLimit(arr, i) { - var _arr = []; - var _n = true; - var _d = false; - var _e = undefined; +module.exports = function equal(a, b) { + if (a === b) return true; - try { - for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { - _arr.push(_s.value); + if (a && b && typeof a == 'object' && typeof b == 'object') { + if (a.constructor !== b.constructor) return false; - if (i && _arr.length === i) break; + var length, i, keys; + if (Array.isArray(a)) { + length = a.length; + if (length != b.length) return false; + for (i = length; i-- !== 0;) + if (!equal(a[i], b[i])) return false; + return true; } - } catch (err) { - _d = true; - _e = err; - } finally { - try { - if (!_n && _i["return"] != null) _i["return"](); - } finally { - if (_d) throw _e; + + + if ((a instanceof Map) && (b instanceof Map)) { + if (a.size !== b.size) return false; + for (i of a.entries()) + if (!b.has(i[0])) return false; + for (i of a.entries()) + if (!equal(i[1], b.get(i[0]))) return false; + return true; } + + if ((a instanceof Set) && (b instanceof Set)) { + if (a.size !== b.size) return false; + for (i of a.entries()) + if (!b.has(i[0])) return false; + return true; + } + + if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) { + length = a.length; + if (length != b.length) return false; + for (i = length; i-- !== 0;) + if (a[i] !== b[i]) return false; + return true; + } + + + if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; + if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf(); + if (a.toString !== Object.prototype.toString) return a.toString() === b.toString(); + + keys = Object.keys(a); + length = keys.length; + if (length !== Object.keys(b).length) return false; + + for (i = length; i-- !== 0;) + if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; + + for (i = length; i-- !== 0;) { + var key = keys[i]; + + if (!equal(a[key], b[key])) return false; + } + + return true; } - return _arr; -} - -function _nonIterableRest() { - throw new TypeError("Invalid attempt to destructure non-iterable instance"); -} - -var FastAverageColor = -/*#__PURE__*/ -function () { - function FastAverageColor() { - _classCallCheck(this, FastAverageColor); - } - - _createClass(FastAverageColor, [{ - key: "getColorAsync", - - /** - * Get asynchronously the average color from not loaded image. - * - * @param {HTMLImageElement} resource - * @param {Function} callback - * @param {Object|null} [options] - * @param {Array} [options.defaultColor=[255, 255, 255, 255]] - * @param {*} [options.data] - * @param {string} [options.mode="speed"] "precision" or "speed" - * @param {string} [options.algorithm="sqrt"] "simple", "sqrt" or "dominant" - * @param {number} [options.step=1] - * @param {number} [options.left=0] - * @param {number} [options.top=0] - * @param {number} [options.width=width of resource] - * @param {number} [options.height=height of resource] - */ - value: function getColorAsync(resource, callback, options) { - if (resource.complete) { - callback.call(resource, this.getColor(resource, options), options && options.data); - } else { - this._bindImageEvents(resource, callback, options); - } - } - /** - * Get the average color from images, videos and canvas. - * - * @param {HTMLImageElement|HTMLVideoElement|HTMLCanvasElement} resource - * @param {Object|null} [options] - * @param {Array} [options.defaultColor=[255, 255, 255, 255]] - * @param {*} [options.data] - * @param {string} [options.mode="speed"] "precision" or "speed" - * @param {string} [options.algorithm="sqrt"] "simple", "sqrt" or "dominant" - * @param {number} [options.step=1] - * @param {number} [options.left=0] - * @param {number} [options.top=0] - * @param {number} [options.width=width of resource] - * @param {number} [options.height=height of resource] - * - * @returns {Object} - */ - - }, { - key: "getColor", - value: function getColor(resource, options) { - options = options || {}; - - var defaultColor = this._getDefaultColor(options), - originalSize = this._getOriginalSize(resource), - size = this._prepareSizeAndPosition(originalSize, options); - - var error = null, - value = defaultColor; - - if (!size.srcWidth || !size.srcHeight || !size.destWidth || !size.destHeight) { - return this._prepareResult(defaultColor, new Error('FastAverageColor: Incorrect sizes.')); - } - - if (!this._ctx) { - this._canvas = this._makeCanvas(); - this._ctx = this._canvas.getContext && this._canvas.getContext('2d'); - - if (!this._ctx) { - return this._prepareResult(defaultColor, new Error('FastAverageColor: Canvas Context 2D is not supported in this browser.')); - } - } - - this._canvas.width = size.destWidth; - this._canvas.height = size.destHeight; - - try { - this._ctx.clearRect(0, 0, size.destWidth, size.destHeight); - - this._ctx.drawImage(resource, size.srcLeft, size.srcTop, size.srcWidth, size.srcHeight, 0, 0, size.destWidth, size.destHeight); - - var bitmapData = this._ctx.getImageData(0, 0, size.destWidth, size.destHeight).data; - - value = this.getColorFromArray4(bitmapData, options); - } catch (e) { - // Security error, CORS - // https://developer.mozilla.org/en/docs/Web/HTML/CORS_enabled_image - error = e; - } - - return this._prepareResult(value, error); - } - /** - * Get the average color from a array when 1 pixel is 4 bytes. - * - * @param {Array|Uint8Array} arr - * @param {Object} [options] - * @param {string} [options.algorithm="sqrt"] "simple", "sqrt" or "dominant" - * @param {Array} [options.defaultColor=[255, 255, 255, 255]] - * @param {number} [options.step=1] - * - * @returns {Array} [red (0-255), green (0-255), blue (0-255), alpha (0-255)] - */ - - }, { - key: "getColorFromArray4", - value: function getColorFromArray4(arr, options) { - options = options || {}; - var bytesPerPixel = 4, - arrLength = arr.length; - - if (arrLength < bytesPerPixel) { - return this._getDefaultColor(options); - } - - var len = arrLength - arrLength % bytesPerPixel, - preparedStep = (options.step || 1) * bytesPerPixel, - algorithm = '_' + (options.algorithm || 'sqrt') + 'Algorithm'; - - if (typeof this[algorithm] !== 'function') { - throw new Error("FastAverageColor: ".concat(options.algorithm, " is unknown algorithm.")); - } - - return this[algorithm](arr, len, preparedStep); - } - /** - * Destroy the instance. - */ - - }, { - key: "destroy", - value: function destroy() { - delete this._canvas; - delete this._ctx; - } - }, { - key: "_getDefaultColor", - value: function _getDefaultColor(options) { - return this._getOption(options, 'defaultColor', [255, 255, 255, 255]); - } - }, { - key: "_getOption", - value: function _getOption(options, name, defaultValue) { - return typeof options[name] === 'undefined' ? defaultValue : options[name]; - } - }, { - key: "_prepareSizeAndPosition", - value: function _prepareSizeAndPosition(originalSize, options) { - var srcLeft = this._getOption(options, 'left', 0), - srcTop = this._getOption(options, 'top', 0), - srcWidth = this._getOption(options, 'width', originalSize.width), - srcHeight = this._getOption(options, 'height', originalSize.height), - destWidth = srcWidth, - destHeight = srcHeight; - - if (options.mode === 'precision') { - return { - srcLeft: srcLeft, - srcTop: srcTop, - srcWidth: srcWidth, - srcHeight: srcHeight, - destWidth: destWidth, - destHeight: destHeight - }; - } - - var maxSize = 100, - minSize = 10; - var factor; - - if (srcWidth > srcHeight) { - factor = srcWidth / srcHeight; - destWidth = maxSize; - destHeight = Math.round(destWidth / factor); - } else { - factor = srcHeight / srcWidth; - destHeight = maxSize; - destWidth = Math.round(destHeight / factor); - } - - if (destWidth > srcWidth || destHeight > srcHeight || destWidth < minSize || destHeight < minSize) { - destWidth = srcWidth; - destHeight = srcHeight; - } - - return { - srcLeft: srcLeft, - srcTop: srcTop, - srcWidth: srcWidth, - srcHeight: srcHeight, - destWidth: destWidth, - destHeight: destHeight - }; - } - }, { - key: "_simpleAlgorithm", - value: function _simpleAlgorithm(arr, len, preparedStep) { - var redTotal = 0, - greenTotal = 0, - blueTotal = 0, - alphaTotal = 0, - count = 0; - - for (var i = 0; i < len; i += preparedStep) { - var alpha = arr[i + 3], - red = arr[i] * alpha, - green = arr[i + 1] * alpha, - blue = arr[i + 2] * alpha; - redTotal += red; - greenTotal += green; - blueTotal += blue; - alphaTotal += alpha; - count++; - } - - return alphaTotal ? [Math.round(redTotal / alphaTotal), Math.round(greenTotal / alphaTotal), Math.round(blueTotal / alphaTotal), Math.round(alphaTotal / count)] : [0, 0, 0, 0]; - } - }, { - key: "_sqrtAlgorithm", - value: function _sqrtAlgorithm(arr, len, preparedStep) { - var redTotal = 0, - greenTotal = 0, - blueTotal = 0, - alphaTotal = 0, - count = 0; - - for (var i = 0; i < len; i += preparedStep) { - var red = arr[i], - green = arr[i + 1], - blue = arr[i + 2], - alpha = arr[i + 3]; - redTotal += red * red * alpha; - greenTotal += green * green * alpha; - blueTotal += blue * blue * alpha; - alphaTotal += alpha; - count++; - } - - return alphaTotal ? [Math.round(Math.sqrt(redTotal / alphaTotal)), Math.round(Math.sqrt(greenTotal / alphaTotal)), Math.round(Math.sqrt(blueTotal / alphaTotal)), Math.round(alphaTotal / count)] : [0, 0, 0, 0]; - } - }, { - key: "_dominantAlgorithm", - value: function _dominantAlgorithm(arr, len, preparedStep) { - var colorHash = {}, - divider = 24; - - for (var i = 0; i < len; i += preparedStep) { - var red = arr[i], - green = arr[i + 1], - blue = arr[i + 2], - alpha = arr[i + 3], - key = Math.round(red / divider) + ',' + Math.round(green / divider) + ',' + Math.round(blue / divider); - - if (colorHash[key]) { - colorHash[key] = [colorHash[key][0] + red * alpha, colorHash[key][1] + green * alpha, colorHash[key][2] + blue * alpha, colorHash[key][3] + alpha, colorHash[key][4] + 1]; - } else { - colorHash[key] = [red * alpha, green * alpha, blue * alpha, alpha, 1]; - } - } - - var buffer = Object.keys(colorHash).map(function (key) { - return colorHash[key]; - }).sort(function (a, b) { - var countA = a[4], - countB = b[4]; - return countA > countB ? -1 : countA === countB ? 0 : 1; - }); - - var _buffer$ = _slicedToArray(buffer[0], 5), - redTotal = _buffer$[0], - greenTotal = _buffer$[1], - blueTotal = _buffer$[2], - alphaTotal = _buffer$[3], - count = _buffer$[4]; - - return alphaTotal ? [Math.round(redTotal / alphaTotal), Math.round(greenTotal / alphaTotal), Math.round(blueTotal / alphaTotal), Math.round(alphaTotal / count)] : [0, 0, 0, 0]; - } - }, { - key: "_bindImageEvents", - value: function _bindImageEvents(resource, callback, options) { - var _this = this; - - options = options || {}; - - var data = options && options.data, - defaultColor = this._getDefaultColor(options), - onload = function onload() { - unbindEvents(); - callback.call(resource, _this.getColor(resource, options), data); - }, - onerror = function onerror() { - unbindEvents(); - callback.call(resource, _this._prepareResult(defaultColor, new Error('Image error')), data); - }, - onabort = function onabort() { - unbindEvents(); - callback.call(resource, _this._prepareResult(defaultColor, new Error('Image abort')), data); - }, - unbindEvents = function unbindEvents() { - resource.removeEventListener('load', onload); - resource.removeEventListener('error', onerror); - resource.removeEventListener('abort', onabort); - }; - - resource.addEventListener('load', onload); - resource.addEventListener('error', onerror); - resource.addEventListener('abort', onabort); - } - }, { - key: "_prepareResult", - value: function _prepareResult(value, error) { - var rgb = value.slice(0, 3), - rgba = [].concat(rgb, value[3] / 255), - isDark = this._isDark(value); - - return { - error: error, - value: value, - rgb: 'rgb(' + rgb.join(',') + ')', - rgba: 'rgba(' + rgba.join(',') + ')', - hex: this._arrayToHex(rgb), - hexa: this._arrayToHex(value), - isDark: isDark, - isLight: !isDark - }; - } - }, { - key: "_getOriginalSize", - value: function _getOriginalSize(resource) { - if (resource instanceof HTMLImageElement) { - return { - width: resource.naturalWidth, - height: resource.naturalHeight - }; - } - - if (resource instanceof HTMLVideoElement) { - return { - width: resource.videoWidth, - height: resource.videoHeight - }; - } - - return { - width: resource.width, - height: resource.height - }; - } - }, { - key: "_toHex", - value: function _toHex(num) { - var str = num.toString(16); - return str.length === 1 ? '0' + str : str; - } - }, { - key: "_arrayToHex", - value: function _arrayToHex(arr) { - return '#' + arr.map(this._toHex).join(''); - } - }, { - key: "_isDark", - value: function _isDark(color) { - // http://www.w3.org/TR/AERT#color-contrast - var result = (color[0] * 299 + color[1] * 587 + color[2] * 114) / 1000; - return result < 128; - } - }, { - key: "_makeCanvas", - value: function _makeCanvas() { - return typeof window === 'undefined' ? new OffscreenCanvas(1, 1) : document.createElement('canvas'); - } - }]); - - return FastAverageColor; -}(); - -return FastAverageColor; - -}))); + // true if both NaN, false otherwise + return a!==a && b!==b; +}; /***/ }), @@ -836,425 +461,432 @@ module.exports = memize; /***/ 4793: /***/ (function(module) { -var characterMap = { - "À": "A", - "Á": "A", - "Â": "A", - "Ã": "A", - "Ä": "A", - "Å": "A", - "Ấ": "A", - "Ắ": "A", - "Ẳ": "A", - "Ẵ": "A", - "Ặ": "A", - "Æ": "AE", - "Ầ": "A", - "Ằ": "A", - "Ȃ": "A", - "Ç": "C", - "Ḉ": "C", - "È": "E", - "É": "E", - "Ê": "E", - "Ë": "E", - "Ế": "E", - "Ḗ": "E", - "Ề": "E", - "Ḕ": "E", - "Ḝ": "E", - "Ȇ": "E", - "Ì": "I", - "Í": "I", - "Î": "I", - "Ï": "I", - "Ḯ": "I", - "Ȋ": "I", - "Ð": "D", - "Ñ": "N", - "Ò": "O", - "Ó": "O", - "Ô": "O", - "Õ": "O", - "Ö": "O", - "Ø": "O", - "Ố": "O", - "Ṍ": "O", - "Ṓ": "O", - "Ȏ": "O", - "Ù": "U", - "Ú": "U", - "Û": "U", - "Ü": "U", - "Ý": "Y", - "à": "a", - "á": "a", - "â": "a", - "ã": "a", - "ä": "a", - "å": "a", - "ấ": "a", - "ắ": "a", - "ẳ": "a", - "ẵ": "a", - "ặ": "a", - "æ": "ae", - "ầ": "a", - "ằ": "a", - "ȃ": "a", - "ç": "c", - "ḉ": "c", - "è": "e", - "é": "e", - "ê": "e", - "ë": "e", - "ế": "e", - "ḗ": "e", - "ề": "e", - "ḕ": "e", - "ḝ": "e", - "ȇ": "e", - "ì": "i", - "í": "i", - "î": "i", - "ï": "i", - "ḯ": "i", - "ȋ": "i", - "ð": "d", - "ñ": "n", - "ò": "o", - "ó": "o", - "ô": "o", - "õ": "o", - "ö": "o", - "ø": "o", - "ố": "o", - "ṍ": "o", - "ṓ": "o", - "ȏ": "o", - "ù": "u", - "ú": "u", - "û": "u", - "ü": "u", - "ý": "y", - "ÿ": "y", - "Ā": "A", - "ā": "a", - "Ă": "A", - "ă": "a", - "Ą": "A", - "ą": "a", - "Ć": "C", - "ć": "c", - "Ĉ": "C", - "ĉ": "c", - "Ċ": "C", - "ċ": "c", - "Č": "C", - "č": "c", - "C̆": "C", - "c̆": "c", - "Ď": "D", - "ď": "d", - "Đ": "D", - "đ": "d", - "Ē": "E", - "ē": "e", - "Ĕ": "E", - "ĕ": "e", - "Ė": "E", - "ė": "e", - "Ę": "E", - "ę": "e", - "Ě": "E", - "ě": "e", - "Ĝ": "G", - "Ǵ": "G", - "ĝ": "g", - "ǵ": "g", - "Ğ": "G", - "ğ": "g", - "Ġ": "G", - "ġ": "g", - "Ģ": "G", - "ģ": "g", - "Ĥ": "H", - "ĥ": "h", - "Ħ": "H", - "ħ": "h", - "Ḫ": "H", - "ḫ": "h", - "Ĩ": "I", - "ĩ": "i", - "Ī": "I", - "ī": "i", - "Ĭ": "I", - "ĭ": "i", - "Į": "I", - "į": "i", - "İ": "I", - "ı": "i", - "IJ": "IJ", - "ij": "ij", - "Ĵ": "J", - "ĵ": "j", - "Ķ": "K", - "ķ": "k", - "Ḱ": "K", - "ḱ": "k", - "K̆": "K", - "k̆": "k", - "Ĺ": "L", - "ĺ": "l", - "Ļ": "L", - "ļ": "l", - "Ľ": "L", - "ľ": "l", - "Ŀ": "L", - "ŀ": "l", - "Ł": "l", - "ł": "l", - "Ḿ": "M", - "ḿ": "m", - "M̆": "M", - "m̆": "m", - "Ń": "N", - "ń": "n", - "Ņ": "N", - "ņ": "n", - "Ň": "N", - "ň": "n", - "ʼn": "n", - "N̆": "N", - "n̆": "n", - "Ō": "O", - "ō": "o", - "Ŏ": "O", - "ŏ": "o", - "Ő": "O", - "ő": "o", - "Œ": "OE", - "œ": "oe", - "P̆": "P", - "p̆": "p", - "Ŕ": "R", - "ŕ": "r", - "Ŗ": "R", - "ŗ": "r", - "Ř": "R", - "ř": "r", - "R̆": "R", - "r̆": "r", - "Ȓ": "R", - "ȓ": "r", - "Ś": "S", - "ś": "s", - "Ŝ": "S", - "ŝ": "s", - "Ş": "S", - "Ș": "S", - "ș": "s", - "ş": "s", - "Š": "S", - "š": "s", - "Ţ": "T", - "ţ": "t", - "ț": "t", - "Ț": "T", - "Ť": "T", - "ť": "t", - "Ŧ": "T", - "ŧ": "t", - "T̆": "T", - "t̆": "t", - "Ũ": "U", - "ũ": "u", - "Ū": "U", - "ū": "u", - "Ŭ": "U", - "ŭ": "u", - "Ů": "U", - "ů": "u", - "Ű": "U", - "ű": "u", - "Ų": "U", - "ų": "u", - "Ȗ": "U", - "ȗ": "u", - "V̆": "V", - "v̆": "v", - "Ŵ": "W", - "ŵ": "w", - "Ẃ": "W", - "ẃ": "w", - "X̆": "X", - "x̆": "x", - "Ŷ": "Y", - "ŷ": "y", - "Ÿ": "Y", - "Y̆": "Y", - "y̆": "y", - "Ź": "Z", - "ź": "z", - "Ż": "Z", - "ż": "z", - "Ž": "Z", - "ž": "z", - "ſ": "s", - "ƒ": "f", - "Ơ": "O", - "ơ": "o", - "Ư": "U", - "ư": "u", - "Ǎ": "A", - "ǎ": "a", - "Ǐ": "I", - "ǐ": "i", - "Ǒ": "O", - "ǒ": "o", - "Ǔ": "U", - "ǔ": "u", - "Ǖ": "U", - "ǖ": "u", - "Ǘ": "U", - "ǘ": "u", - "Ǚ": "U", - "ǚ": "u", - "Ǜ": "U", - "ǜ": "u", - "Ứ": "U", - "ứ": "u", - "Ṹ": "U", - "ṹ": "u", - "Ǻ": "A", - "ǻ": "a", - "Ǽ": "AE", - "ǽ": "ae", - "Ǿ": "O", - "ǿ": "o", - "Þ": "TH", - "þ": "th", - "Ṕ": "P", - "ṕ": "p", - "Ṥ": "S", - "ṥ": "s", - "X́": "X", - "x́": "x", - "Ѓ": "Г", - "ѓ": "г", - "Ќ": "К", - "ќ": "к", - "A̋": "A", - "a̋": "a", - "E̋": "E", - "e̋": "e", - "I̋": "I", - "i̋": "i", - "Ǹ": "N", - "ǹ": "n", - "Ồ": "O", - "ồ": "o", - "Ṑ": "O", - "ṑ": "o", - "Ừ": "U", - "ừ": "u", - "Ẁ": "W", - "ẁ": "w", - "Ỳ": "Y", - "ỳ": "y", - "Ȁ": "A", - "ȁ": "a", - "Ȅ": "E", - "ȅ": "e", - "Ȉ": "I", - "ȉ": "i", - "Ȍ": "O", - "ȍ": "o", - "Ȑ": "R", - "ȑ": "r", - "Ȕ": "U", - "ȕ": "u", - "B̌": "B", - "b̌": "b", - "Č̣": "C", - "č̣": "c", - "Ê̌": "E", - "ê̌": "e", - "F̌": "F", - "f̌": "f", - "Ǧ": "G", - "ǧ": "g", - "Ȟ": "H", - "ȟ": "h", - "J̌": "J", - "ǰ": "j", - "Ǩ": "K", - "ǩ": "k", - "M̌": "M", - "m̌": "m", - "P̌": "P", - "p̌": "p", - "Q̌": "Q", - "q̌": "q", - "Ř̩": "R", - "ř̩": "r", - "Ṧ": "S", - "ṧ": "s", - "V̌": "V", - "v̌": "v", - "W̌": "W", - "w̌": "w", - "X̌": "X", - "x̌": "x", - "Y̌": "Y", - "y̌": "y", - "A̧": "A", - "a̧": "a", - "B̧": "B", - "b̧": "b", - "Ḑ": "D", - "ḑ": "d", - "Ȩ": "E", - "ȩ": "e", - "Ɛ̧": "E", - "ɛ̧": "e", - "Ḩ": "H", - "ḩ": "h", - "I̧": "I", - "i̧": "i", - "Ɨ̧": "I", - "ɨ̧": "i", - "M̧": "M", - "m̧": "m", - "O̧": "O", - "o̧": "o", - "Q̧": "Q", - "q̧": "q", - "U̧": "U", - "u̧": "u", - "X̧": "X", - "x̧": "x", - "Z̧": "Z", - "z̧": "z", -}; - -var chars = Object.keys(characterMap).join('|'); -var allAccents = new RegExp(chars, 'g'); -var firstAccent = new RegExp(chars, ''); - -var removeAccents = function(string) { - return string.replace(allAccents, function(match) { - return characterMap[match]; - }); -}; - -var hasAccents = function(string) { - return !!string.match(firstAccent); -}; - -module.exports = removeAccents; -module.exports.has = hasAccents; -module.exports.remove = removeAccents; +var characterMap = { + "À": "A", + "Á": "A", + "Â": "A", + "Ã": "A", + "Ä": "A", + "Å": "A", + "Ấ": "A", + "Ắ": "A", + "Ẳ": "A", + "Ẵ": "A", + "Ặ": "A", + "Æ": "AE", + "Ầ": "A", + "Ằ": "A", + "Ȃ": "A", + "Ç": "C", + "Ḉ": "C", + "È": "E", + "É": "E", + "Ê": "E", + "Ë": "E", + "Ế": "E", + "Ḗ": "E", + "Ề": "E", + "Ḕ": "E", + "Ḝ": "E", + "Ȇ": "E", + "Ì": "I", + "Í": "I", + "Î": "I", + "Ï": "I", + "Ḯ": "I", + "Ȋ": "I", + "Ð": "D", + "Ñ": "N", + "Ò": "O", + "Ó": "O", + "Ô": "O", + "Õ": "O", + "Ö": "O", + "Ø": "O", + "Ố": "O", + "Ṍ": "O", + "Ṓ": "O", + "Ȏ": "O", + "Ù": "U", + "Ú": "U", + "Û": "U", + "Ü": "U", + "Ý": "Y", + "à": "a", + "á": "a", + "â": "a", + "ã": "a", + "ä": "a", + "å": "a", + "ấ": "a", + "ắ": "a", + "ẳ": "a", + "ẵ": "a", + "ặ": "a", + "æ": "ae", + "ầ": "a", + "ằ": "a", + "ȃ": "a", + "ç": "c", + "ḉ": "c", + "è": "e", + "é": "e", + "ê": "e", + "ë": "e", + "ế": "e", + "ḗ": "e", + "ề": "e", + "ḕ": "e", + "ḝ": "e", + "ȇ": "e", + "ì": "i", + "í": "i", + "î": "i", + "ï": "i", + "ḯ": "i", + "ȋ": "i", + "ð": "d", + "ñ": "n", + "ò": "o", + "ó": "o", + "ô": "o", + "õ": "o", + "ö": "o", + "ø": "o", + "ố": "o", + "ṍ": "o", + "ṓ": "o", + "ȏ": "o", + "ù": "u", + "ú": "u", + "û": "u", + "ü": "u", + "ý": "y", + "ÿ": "y", + "Ā": "A", + "ā": "a", + "Ă": "A", + "ă": "a", + "Ą": "A", + "ą": "a", + "Ć": "C", + "ć": "c", + "Ĉ": "C", + "ĉ": "c", + "Ċ": "C", + "ċ": "c", + "Č": "C", + "č": "c", + "C̆": "C", + "c̆": "c", + "Ď": "D", + "ď": "d", + "Đ": "D", + "đ": "d", + "Ē": "E", + "ē": "e", + "Ĕ": "E", + "ĕ": "e", + "Ė": "E", + "ė": "e", + "Ę": "E", + "ę": "e", + "Ě": "E", + "ě": "e", + "Ĝ": "G", + "Ǵ": "G", + "ĝ": "g", + "ǵ": "g", + "Ğ": "G", + "ğ": "g", + "Ġ": "G", + "ġ": "g", + "Ģ": "G", + "ģ": "g", + "Ĥ": "H", + "ĥ": "h", + "Ħ": "H", + "ħ": "h", + "Ḫ": "H", + "ḫ": "h", + "Ĩ": "I", + "ĩ": "i", + "Ī": "I", + "ī": "i", + "Ĭ": "I", + "ĭ": "i", + "Į": "I", + "į": "i", + "İ": "I", + "ı": "i", + "IJ": "IJ", + "ij": "ij", + "Ĵ": "J", + "ĵ": "j", + "Ķ": "K", + "ķ": "k", + "Ḱ": "K", + "ḱ": "k", + "K̆": "K", + "k̆": "k", + "Ĺ": "L", + "ĺ": "l", + "Ļ": "L", + "ļ": "l", + "Ľ": "L", + "ľ": "l", + "Ŀ": "L", + "ŀ": "l", + "Ł": "l", + "ł": "l", + "Ḿ": "M", + "ḿ": "m", + "M̆": "M", + "m̆": "m", + "Ń": "N", + "ń": "n", + "Ņ": "N", + "ņ": "n", + "Ň": "N", + "ň": "n", + "ʼn": "n", + "N̆": "N", + "n̆": "n", + "Ō": "O", + "ō": "o", + "Ŏ": "O", + "ŏ": "o", + "Ő": "O", + "ő": "o", + "Œ": "OE", + "œ": "oe", + "P̆": "P", + "p̆": "p", + "Ŕ": "R", + "ŕ": "r", + "Ŗ": "R", + "ŗ": "r", + "Ř": "R", + "ř": "r", + "R̆": "R", + "r̆": "r", + "Ȓ": "R", + "ȓ": "r", + "Ś": "S", + "ś": "s", + "Ŝ": "S", + "ŝ": "s", + "Ş": "S", + "Ș": "S", + "ș": "s", + "ş": "s", + "Š": "S", + "š": "s", + "ß": "ss", + "Ţ": "T", + "ţ": "t", + "ț": "t", + "Ț": "T", + "Ť": "T", + "ť": "t", + "Ŧ": "T", + "ŧ": "t", + "T̆": "T", + "t̆": "t", + "Ũ": "U", + "ũ": "u", + "Ū": "U", + "ū": "u", + "Ŭ": "U", + "ŭ": "u", + "Ů": "U", + "ů": "u", + "Ű": "U", + "ű": "u", + "Ų": "U", + "ų": "u", + "Ȗ": "U", + "ȗ": "u", + "V̆": "V", + "v̆": "v", + "Ŵ": "W", + "ŵ": "w", + "Ẃ": "W", + "ẃ": "w", + "X̆": "X", + "x̆": "x", + "Ŷ": "Y", + "ŷ": "y", + "Ÿ": "Y", + "Y̆": "Y", + "y̆": "y", + "Ź": "Z", + "ź": "z", + "Ż": "Z", + "ż": "z", + "Ž": "Z", + "ž": "z", + "ſ": "s", + "ƒ": "f", + "Ơ": "O", + "ơ": "o", + "Ư": "U", + "ư": "u", + "Ǎ": "A", + "ǎ": "a", + "Ǐ": "I", + "ǐ": "i", + "Ǒ": "O", + "ǒ": "o", + "Ǔ": "U", + "ǔ": "u", + "Ǖ": "U", + "ǖ": "u", + "Ǘ": "U", + "ǘ": "u", + "Ǚ": "U", + "ǚ": "u", + "Ǜ": "U", + "ǜ": "u", + "Ứ": "U", + "ứ": "u", + "Ṹ": "U", + "ṹ": "u", + "Ǻ": "A", + "ǻ": "a", + "Ǽ": "AE", + "ǽ": "ae", + "Ǿ": "O", + "ǿ": "o", + "Þ": "TH", + "þ": "th", + "Ṕ": "P", + "ṕ": "p", + "Ṥ": "S", + "ṥ": "s", + "X́": "X", + "x́": "x", + "Ѓ": "Г", + "ѓ": "г", + "Ќ": "К", + "ќ": "к", + "A̋": "A", + "a̋": "a", + "E̋": "E", + "e̋": "e", + "I̋": "I", + "i̋": "i", + "Ǹ": "N", + "ǹ": "n", + "Ồ": "O", + "ồ": "o", + "Ṑ": "O", + "ṑ": "o", + "Ừ": "U", + "ừ": "u", + "Ẁ": "W", + "ẁ": "w", + "Ỳ": "Y", + "ỳ": "y", + "Ȁ": "A", + "ȁ": "a", + "Ȅ": "E", + "ȅ": "e", + "Ȉ": "I", + "ȉ": "i", + "Ȍ": "O", + "ȍ": "o", + "Ȑ": "R", + "ȑ": "r", + "Ȕ": "U", + "ȕ": "u", + "B̌": "B", + "b̌": "b", + "Č̣": "C", + "č̣": "c", + "Ê̌": "E", + "ê̌": "e", + "F̌": "F", + "f̌": "f", + "Ǧ": "G", + "ǧ": "g", + "Ȟ": "H", + "ȟ": "h", + "J̌": "J", + "ǰ": "j", + "Ǩ": "K", + "ǩ": "k", + "M̌": "M", + "m̌": "m", + "P̌": "P", + "p̌": "p", + "Q̌": "Q", + "q̌": "q", + "Ř̩": "R", + "ř̩": "r", + "Ṧ": "S", + "ṧ": "s", + "V̌": "V", + "v̌": "v", + "W̌": "W", + "w̌": "w", + "X̌": "X", + "x̌": "x", + "Y̌": "Y", + "y̌": "y", + "A̧": "A", + "a̧": "a", + "B̧": "B", + "b̧": "b", + "Ḑ": "D", + "ḑ": "d", + "Ȩ": "E", + "ȩ": "e", + "Ɛ̧": "E", + "ɛ̧": "e", + "Ḩ": "H", + "ḩ": "h", + "I̧": "I", + "i̧": "i", + "Ɨ̧": "I", + "ɨ̧": "i", + "M̧": "M", + "m̧": "m", + "O̧": "O", + "o̧": "o", + "Q̧": "Q", + "q̧": "q", + "U̧": "U", + "u̧": "u", + "X̧": "X", + "x̧": "x", + "Z̧": "Z", + "z̧": "z", + "й":"и", + "Й":"И", + "ё":"е", + "Ё":"Е", +}; + +var chars = Object.keys(characterMap).join('|'); +var allAccents = new RegExp(chars, 'g'); +var firstAccent = new RegExp(chars, ''); + +function matcher(match) { + return characterMap[match]; +} + +var removeAccents = function(string) { + return string.replace(allAccents, matcher); +}; + +var hasAccents = function(string) { + return !!string.match(firstAccent); +}; + +module.exports = removeAccents; +module.exports.has = hasAccents; +module.exports.remove = removeAccents; /***/ }) @@ -1279,7 +911,7 @@ module.exports.remove = removeAccents; /******/ }; /******/ /******/ // Execute the module function -/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); /******/ /******/ // Return the exports of the module /******/ return module.exports; @@ -1811,6 +1443,16 @@ __webpack_require__.d(page_list_namespaceObject, { "settings": function() { return page_list_settings; } }); +// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/page-list-item/index.js +var page_list_item_namespaceObject = {}; +__webpack_require__.r(page_list_item_namespaceObject); +__webpack_require__.d(page_list_item_namespaceObject, { + "init": function() { return page_list_item_init; }, + "metadata": function() { return page_list_item_metadata; }, + "name": function() { return page_list_item_name; }, + "settings": function() { return page_list_item_settings; } +}); + // NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/paragraph/index.js var build_module_paragraph_namespaceObject = {}; __webpack_require__.r(build_module_paragraph_namespaceObject); @@ -2302,7 +1944,7 @@ const archive = (0,external_wp_element_namespaceObject.createElement)(external_w * * @param {Object} block The block to be registered. * - * @return {?WPBlockType} The block, if it has been successfully registered; + * @return {WPBlockType | undefined} The block, if it has been successfully registered; * otherwise `undefined`. */ @@ -2373,6 +2015,7 @@ function ArchivesEdit(_ref) { showPostCounts: !showPostCounts }) }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject.__)('Group by:'), options: [{ label: (0,external_wp_i18n_namespaceObject.__)('Year'), @@ -2393,6 +2036,7 @@ function ArchivesEdit(_ref) { }) }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, null, (0,external_wp_element_namespaceObject.createElement)((external_wp_serverSideRender_default()), { block: "core/archives", + skipBlockSupportAttributes: true, attributes: attributes })))); } @@ -2435,6 +2079,7 @@ const metadata = { }, supports: { align: true, + anchor: true, html: false, spacing: { margin: true, @@ -2494,14 +2139,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; - for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } - return target; }; return _extends.apply(this, arguments); @@ -2657,6 +2300,7 @@ function UserControl(_ref) { }; }); return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ComboboxControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject.__)('User'), help: (0,external_wp_i18n_namespaceObject.__)('Select the avatar user to display, if it is blank it will use the post/page author.'), value: value, @@ -2701,6 +2345,7 @@ const AvatarInspectorControls = _ref => { return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { title: (0,external_wp_i18n_namespaceObject.__)('Settings') }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject.__)('Image size'), onChange: newSize => setAttributes({ size: newSize @@ -2880,7 +2525,7 @@ const avatar_metadata = { name: "core/avatar", title: "Avatar", category: "theme", - description: "Add a user's avatar.", + description: "Add a user\u2019s avatar.", textdomain: "default", attributes: { userId: { @@ -2901,6 +2546,7 @@ const avatar_metadata = { }, usesContext: ["postType", "postId", "commentId"], supports: { + anchor: true, html: false, align: true, alignWide: false, @@ -3030,8 +2676,27 @@ const audio = (0,external_wp_element_namespaceObject.createElement)(external_wp_ ;// CONCATENATED MODULE: external ["wp","blob"] var external_wp_blob_namespaceObject = window["wp"]["blob"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/caption.js + + +/** + * WordPress dependencies + */ + +const caption = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M6 5.5h12a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5ZM4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm4 10h2v-1.5H8V16Zm5 0h-2v-1.5h2V16Zm1 0h2v-1.5h-2V16Z" +})); +/* harmony default export */ var library_caption = (caption); + ;// CONCATENATED MODULE: external ["wp","notices"] var external_wp_notices_namespaceObject = window["wp"]["notices"]; +;// CONCATENATED MODULE: external ["wp","compose"] +var external_wp_compose_namespaceObject = window["wp"]["compose"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/constants.js const ASPECT_RATIOS = [// Common video resolutions. { @@ -3101,18 +2766,22 @@ const util_metadata = { textdomain: "default", attributes: { url: { - type: "string" + type: "string", + __experimentalRole: "content" }, caption: { type: "string", source: "html", - selector: "figcaption" + selector: "figcaption", + __experimentalRole: "content" }, type: { - type: "string" + type: "string", + __experimentalRole: "content" }, providerNameSlug: { - type: "string" + type: "string", + __experimentalRole: "content" }, allowResponsive: { type: "boolean", @@ -3120,11 +2789,13 @@ const util_metadata = { }, responsive: { type: "boolean", - "default": false + "default": false, + __experimentalRole: "content" }, previewable: { type: "boolean", - "default": true + "default": true, + __experimentalRole: "content" } }, supports: { @@ -3441,6 +3112,7 @@ const getMergedAttributesWithPreview = function (currentAttributes, preview, tit + /** * Internal dependencies */ @@ -3465,6 +3137,8 @@ function AudioEdit(_ref) { preload, src } = attributes; + const prevCaption = (0,external_wp_compose_namespaceObject.usePrevious)(caption); + const [showCaption, setShowCaption] = (0,external_wp_element_namespaceObject.useState)(!!caption); const isTemporaryAudio = !id && (0,external_wp_blob_namespaceObject.isBlobURL)(src); const mediaUpload = (0,external_wp_data_namespaceObject.useSelect)(select => { const { @@ -3488,7 +3162,25 @@ function AudioEdit(_ref) { }); } } - }, []); + }, []); // We need to show the caption when changes come from + // history navigation(undo/redo). + + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (caption && !prevCaption) { + setShowCaption(true); + } + }, [caption, prevCaption]); // Focus the caption when we click to add one. + + const captionRef = (0,external_wp_element_namespaceObject.useCallback)(node => { + if (node && !caption) { + node.focus(); + } + }, [caption]); + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (!isSelected && !caption) { + setShowCaption(false); + } + }, [isSelected, caption]); function toggleAttribute(attribute) { return newValue => { @@ -3541,7 +3233,8 @@ function AudioEdit(_ref) { // previous attributes should be removed because they may be temporary blob urls. setAttributes({ src: undefined, - id: undefined + id: undefined, + caption: undefined }); return; } // Sets the block's attribute and updates the edit component from the @@ -3550,7 +3243,8 @@ function AudioEdit(_ref) { setAttributes({ src: media.url, - id: media.id + id: media.id, + caption: media.caption }); } @@ -3576,6 +3270,21 @@ function AudioEdit(_ref) { } return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, { + group: "block" + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + onClick: () => { + setShowCaption(!showCaption); + + if (showCaption && caption) { + setAttributes({ + caption: undefined + }); + } + }, + icon: library_caption, + isPressed: showCaption, + label: showCaption ? (0,external_wp_i18n_namespaceObject.__)('Remove caption') : (0,external_wp_i18n_namespaceObject.__)('Add caption') + })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, { group: "other" }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, { mediaId: id, @@ -3597,6 +3306,7 @@ function AudioEdit(_ref) { onChange: toggleAttribute('loop'), checked: loop }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject._x)('Preload', 'noun; Audio block parameter'), value: preload || '' // `undefined` is required for the preload attribute to be unset. , @@ -3621,9 +3331,11 @@ function AudioEdit(_ref) { }, (0,external_wp_element_namespaceObject.createElement)("audio", { controls: "controls", src: src - })), isTemporaryAudio && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, { + })), isTemporaryAudio && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), showCaption && (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, { + identifier: "caption", tagName: "figcaption", className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'), + ref: captionRef, "aria-label": (0,external_wp_i18n_namespaceObject.__)('Audio caption text'), placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'), value: caption, @@ -3831,7 +3543,8 @@ const audio_settings = { example: { attributes: { src: 'https://upload.wikimedia.org/wikipedia/commons/d/dd/Armstrong_Small_Step.ogg' - } + }, + viewportWidth: 350 }, transforms: audio_transforms, deprecated: deprecated, @@ -3859,15 +3572,11 @@ const button_button = (0,external_wp_element_namespaceObject.createElement)(exte })); /* harmony default export */ var library_button = (button_button); -;// CONCATENATED MODULE: external ["wp","compose"] -var external_wp_compose_namespaceObject = window["wp"]["compose"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/clean-empty-object.js /** * External dependencies */ - -const identity = x => x; /** * Removed empty nodes from nested objects. * @@ -3875,13 +3584,15 @@ const identity = x => x; * @return {Object} Object cleaned from empty nodes. */ - const cleanEmptyObject = object => { if (object === null || typeof object !== 'object' || Array.isArray(object)) { return object; } - const cleanedNestedObjects = (0,external_lodash_namespaceObject.pickBy)((0,external_lodash_namespaceObject.mapValues)(object, cleanEmptyObject), identity); + const cleanedNestedObjects = Object.fromEntries(Object.entries((0,external_lodash_namespaceObject.mapValues)(object, cleanEmptyObject)).filter(_ref => { + let [, value] = _ref; + return Boolean(value); + })); return (0,external_lodash_namespaceObject.isEmpty)(cleanedNestedObjects) ? undefined : cleanedNestedObjects; }; @@ -3965,6 +3676,20 @@ const migrateBorderRadius = attributes => { }; }; +function migrateAlign(attributes) { + if (!attributes.align) { + return attributes; + } + + const { + align, + ...otherAttributes + } = attributes; + return { ...otherAttributes, + className: classnames_default()(otherAttributes.className, `align${attributes.align}`) + }; +} + const migrateCustomColorsAndGradients = attributes => { if (!attributes.customTextColor && !attributes.customBackgroundColor && !attributes.customGradient) { return attributes; @@ -4712,8 +4437,8 @@ const deprecated_deprecated = [v11, v10, { type: 'string' } }, - isEligible: attributes => !!attributes.customTextColor || !!attributes.customBackgroundColor || !!attributes.customGradient, - migrate: (0,external_wp_compose_namespaceObject.compose)(migrateBorderRadius, migrateCustomColorsAndGradients), + isEligible: attributes => !!attributes.customTextColor || !!attributes.customBackgroundColor || !!attributes.customGradient || !!attributes.align, + migrate: (0,external_wp_compose_namespaceObject.compose)(migrateBorderRadius, migrateCustomColorsAndGradients, migrateAlign), save(_ref9) { let { @@ -5099,6 +4824,7 @@ function ButtonEdit(props) { mergeBlocks } = props; const { + textAlign, linkTarget, placeholder, rel, @@ -5107,11 +4833,6 @@ function ButtonEdit(props) { url, width } = attributes; - const onSetLinkRel = (0,external_wp_element_namespaceObject.useCallback)(value => { - setAttributes({ - rel: value - }); - }, [setAttributes]); function onToggleOpenInNewTab(value) { const newLinkTarget = value ? '_blank' : undefined; @@ -5195,6 +4916,7 @@ function ButtonEdit(props) { onChange: value => setButtonText(value), withoutInteractiveFormatting: true, className: classnames_default()(className, 'wp-block-button__link', colorProps.className, borderProps.className, { + [`has-text-align-${textAlign}`]: textAlign, // For backwards compatibility add style that isn't // provided via block support. 'no-border-radius': (style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius) === 0 @@ -5211,7 +4933,14 @@ function ButtonEdit(props) { identifier: "text" })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, { group: "block" - }, !isURLSet && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, { + value: textAlign, + onChange: nextAlign => { + setAttributes({ + textAlign: nextAlign + }); + } + }), !isURLSet && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { name: "link", icon: library_link, title: (0,external_wp_i18n_namespaceObject.__)('Link'), @@ -5225,7 +4954,7 @@ function ButtonEdit(props) { onClick: unlink, isActive: true })), isSelected && (isEditingURL || isURLSet) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { - position: "bottom center", + placement: "bottom", onClose: () => { var _richTextRef$current2; @@ -5266,11 +4995,14 @@ function ButtonEdit(props) { selectedWidth: width, setAttributes: setAttributes })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, { - __experimentalGroup: "advanced" + group: "advanced" }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject.__)('Link rel'), value: rel || '', - onChange: onSetLinkRel + onChange: newRel => setAttributes({ + rel: newRel + }) }))); } @@ -5296,6 +5028,7 @@ function save_save(_ref) { className } = _ref; const { + textAlign, fontSize, linkTarget, rel, @@ -5314,6 +5047,7 @@ function save_save(_ref) { const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes); const spacingProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetSpacingClassesAndStyles)(attributes); const buttonClasses = classnames_default()('wp-block-button__link', colorProps.className, borderProps.className, { + [`has-text-align-${textAlign}`]: textAlign, // For backwards compatibility add style that isn't provided via // block support. 'no-border-radius': (style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius) === 0 @@ -5367,6 +5101,9 @@ const button_metadata = { keywords: ["link"], textdomain: "default", attributes: { + textAlign: { + type: "string" + }, url: { type: "string", source: "attribute", @@ -5414,7 +5151,7 @@ const button_metadata = { }, supports: { anchor: true, - align: true, + align: false, alignWide: false, color: { __experimentalSkipSerialization: true, @@ -5438,6 +5175,7 @@ const button_metadata = { } }, reusable: false, + shadow: true, spacing: { __experimentalSkipSerialization: true, padding: ["horizontal", "vertical"], @@ -5765,7 +5503,6 @@ function ButtonsEdit(_ref) { } = _ref; const { fontSize, - layout = {}, style } = attributes; const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({ @@ -5787,7 +5524,6 @@ function ButtonsEdit(_ref) { template: [[button_name, { className: preferredStyle && `is-style-${preferredStyle}` }]], - __experimentalLayout: layout, templateInsertUpdatesSelection: true }); return (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps); @@ -6077,6 +5813,16 @@ const calendar_metadata = { }, supports: { align: true, + anchor: true, + color: { + link: true, + __experimentalSkipSerialization: ["text", "background"], + __experimentalDefaultControls: { + background: true, + text: true + }, + __experimentalSelector: "table, th" + }, typography: { fontSize: true, lineHeight: true, @@ -6127,6 +5873,8 @@ const category = (0,external_wp_element_namespaceObject.createElement)(external_ })); /* harmony default export */ var library_category = (category); +;// CONCATENATED MODULE: external ["wp","htmlEntities"] +var external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pin.js @@ -6149,7 +5897,6 @@ const pin = (0,external_wp_element_namespaceObject.createElement)(external_wp_pr * External dependencies */ - /** * WordPress dependencies */ @@ -6160,6 +5907,7 @@ const pin = (0,external_wp_element_namespaceObject.createElement)(external_wp_pr + function CategoriesEdit(_ref) { let { attributes: { @@ -6209,12 +5957,12 @@ function CategoriesEdit(_ref) { [attributeName]: newValue }); - const renderCategoryName = name => !name ? (0,external_wp_i18n_namespaceObject.__)('(Untitled)') : (0,external_lodash_namespaceObject.unescape)(name).trim(); + const renderCategoryName = name => !name ? (0,external_wp_i18n_namespaceObject.__)('(Untitled)') : (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(name).trim(); const renderCategoryList = () => { const parentId = showHierarchy ? 0 : null; const categoriesList = getCategoriesList(parentId); - return categoriesList.map(category => renderCategoryListItem(category, 0)); + return categoriesList.map(category => renderCategoryListItem(category)); }; const renderCategoryListItem = category => { @@ -6341,6 +6089,7 @@ const categories_metadata = { }, supports: { align: true, + anchor: true, html: false, spacing: { margin: true, @@ -6425,13 +6174,100 @@ const ConvertToBlocksButton = _ref => { /* harmony default export */ var convert_to_blocks_button = (ConvertToBlocksButton); -;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/edit.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/modal.js /** - * External dependencies + * WordPress dependencies */ + + + + + +function ClassicEdit(props) { + const styles = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().styles); + (0,external_wp_element_namespaceObject.useEffect)(() => { + const { + baseURL, + suffix, + settings + } = window.wpEditorL10n.tinymce; + window.tinymce.EditorManager.overrideDefaults({ + base_url: baseURL, + suffix + }); + window.wp.oldEditor.initialize(props.id, { + tinymce: { ...settings, + height: 500, + + setup(editor) { + editor.on('init', () => { + const doc = editor.getDoc(); + styles.forEach(_ref => { + let { + css + } = _ref; + const styleEl = doc.createElement('style'); + styleEl.innerHTML = css; + doc.head.appendChild(styleEl); + }); + }); + } + + } + }); + return () => { + window.wp.oldEditor.remove(props.id); + }; + }, []); + return (0,external_wp_element_namespaceObject.createElement)("textarea", props); +} + +function ModalEdit(props) { + const { + clientId, + attributes: { + content + }, + setAttributes, + onReplace + } = props; + const [isOpen, setOpen] = (0,external_wp_element_namespaceObject.useState)(false); + const id = `editor-${clientId}`; + + const label = (0,external_wp_i18n_namespaceObject.__)('Classic Edit'); + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { + onClick: () => setOpen(true) + }, label))), content && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, content), (isOpen || !content) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { + title: label, + __experimentalHideHeader: true + }, (0,external_wp_element_namespaceObject.createElement)("h2", { + style: { + display: 'flex', + justifyContent: 'space-between' + } + }, (0,external_wp_element_namespaceObject.createElement)("div", null, label), (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + onClick: () => content ? setOpen(false) : onReplace([]) + }, (0,external_wp_i18n_namespaceObject.__)('Cancel')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + isPrimary: true, + onClick: () => { + setAttributes({ + content: window.wp.oldEditor.getContent(id) + }); + setOpen(false); + } + }, (0,external_wp_i18n_namespaceObject.__)('Save')))), (0,external_wp_element_namespaceObject.createElement)(ClassicEdit, { + id: id, + defaultValue: content + }))); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/edit.js + + /** * WordPress dependencies */ @@ -6447,6 +6283,7 @@ const ConvertToBlocksButton = _ref => { */ + const { wp } = window; @@ -6470,7 +6307,23 @@ function isTmceEmpty(editor) { return /^\n?$/.test(body.innerText || body.textContent); } -function ClassicEdit(_ref) { +function FreeformEdit(props) { + const { + clientId + } = props; + const canRemove = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).canRemoveBlock(clientId), [clientId]); + const [isIframed, setIsIframed] = (0,external_wp_element_namespaceObject.useState)(false); + const ref = (0,external_wp_compose_namespaceObject.useRefEffect)(element => { + setIsIframed(element.ownerDocument !== document); + }, []); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, canRemove && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(convert_to_blocks_button, { + clientId: clientId + }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)({ + ref + }), isIframed ? (0,external_wp_element_namespaceObject.createElement)(ModalEdit, props) : (0,external_wp_element_namespaceObject.createElement)(edit_ClassicEdit, props))); +} + +function edit_ClassicEdit(_ref) { let { clientId, attributes: { @@ -6544,7 +6397,7 @@ function ClassicEdit(_ref) { editor.on('mousedown touchstart', () => { bookmark = null; }); - const debouncedOnChange = (0,external_lodash_namespaceObject.debounce)(() => { + const debouncedOnChange = (0,external_wp_compose_namespaceObject.debounce)(() => { const value = editor.getContent(); if (value !== editor._lastChange) { @@ -6648,9 +6501,7 @@ function ClassicEdit(_ref) { /* eslint-disable jsx-a11y/no-static-element-interactions */ - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(convert_to_blocks_button, { - clientId: clientId - }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)("div", { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { key: "toolbar", id: `toolbar-${clientId}`, className: "block-library-classic__toolbar", @@ -6661,7 +6512,7 @@ function ClassicEdit(_ref) { key: "editor", id: `editor-${clientId}`, className: "wp-block-freeform block-library-rich-text__tinymce" - }))); + })); /* eslint-enable jsx-a11y/no-static-element-interactions */ } @@ -6721,7 +6572,7 @@ const { const freeform_settings = { icon: library_classic, - edit: ClassicEdit, + edit: FreeformEdit, save: freeform_save_save }; const freeform_init = () => initBlock({ @@ -6776,7 +6627,7 @@ function CodeEdit(_ref) { ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/code/utils.js /** - * External dependencies + * WordPress dependencies */ /** @@ -6787,7 +6638,7 @@ function CodeEdit(_ref) { */ function utils_escape(content) { - return (0,external_lodash_namespaceObject.flow)(escapeOpeningSquareBrackets, escapeProtocolInIsolatedUrls)(content || ''); + return (0,external_wp_compose_namespaceObject.pipe)(escapeOpeningSquareBrackets, escapeProtocolInIsolatedUrls)(content || ''); } /** * Returns the given content with all opening shortcode characters converted @@ -6892,7 +6743,7 @@ const code_transforms_transforms = { content } = _ref2; return (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', { - content + content: content.replace(/\n/g, '
    ') }); } }] @@ -6979,7 +6830,7 @@ const code_settings = { attributes: { /* eslint-disable @wordpress/i18n-no-collapsible-whitespace */ // translators: Preserve \n markers for line breaks - content: (0,external_wp_i18n_namespaceObject.__)('// A "block" is the abstract term used\n// to describe units of markup that\n// when composed together, form the\n// content or layout of a page.\nregisterBlockType( name, settings );') + content: (0,external_wp_i18n_namespaceObject.__)('// A “block” is the abstract term used\n// to describe units of markup that\n// when composed together, form the\n// content or layout of a page.\nregisterBlockType( name, settings );') /* eslint-enable @wordpress/i18n-no-collapsible-whitespace */ } @@ -7355,7 +7206,7 @@ const columns = (0,external_wp_element_namespaceObject.createElement)(external_w * * @param {string} originalContent Deprecated Columns inner block HTML. * - * @return {?number} Column to which inner block is to be assigned. + * @return {number | undefined} Column to which inner block is to be assigned. */ function getDeprecatedLayoutColumn(originalContent) { @@ -7794,6 +7645,7 @@ function ColumnsEditContainer(_ref) { onChange: updateAlignment, value: verticalAlignment })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, { + __nextHasNoMarginBottom: true, label: (0,external_wp_i18n_namespaceObject.__)('Columns'), value: count, onChange: value => updateColumns(count, value), @@ -8220,6 +8072,11 @@ const columns_transforms_transforms = { verticalAlignment }, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(innerBlocksTemplate)); } + }], + to: [{ + type: 'block', + blocks: ['*'], + transform: (attributes, innerBlocks) => innerBlocks.flatMap(innerBlock => innerBlock.innerBlocks) }] }; /* harmony default export */ var columns_transforms = (columns_transforms_transforms); @@ -8458,13 +8315,18 @@ const v1 = { function CommentsInspectorControls(_ref) { let { attributes: { - TagName + tagName }, setAttributes } = _ref; + const htmlElementMessages = { + section: (0,external_wp_i18n_namespaceObject.__)("The
    element should represent a standalone portion of the document that can't be better represented by another element."), + aside: (0,external_wp_i18n_namespaceObject.__)("The